Registration for upcoming DSA 4.0 batch is now Live. Enrol now for an early bird offer
Hybrid

30 Days Frontend Bootcamp

A fast-paced, hands-on bootcamp designed to take you from beginner to building dynamic web applications in just one month. Covering the essentials of HTML, CSS, JavaScript, and React, this course culminates in a real-world project that solidifies your front-end development skills.

Get 30% OFF on this course

Special Discount ends tonight.

Offer ends in:

00:

Days

00:

Hours

00:

Mins

00

Secs

Course Image
30 Days Frontend Bootcamp

₹1,999 ₹5,999

30% OFF
Enroll Now Enroll Now
Course Includes:

No Prerequisite Required

On Demand Video Content

Industry Grade Projects

Live Sessions

Basic Course Details

              

Start Date

15th December 2024

Duration

~1 months

Live Classes

Saturday 6 - 8 PM

Recorded Classes

Monday - Friday

Recordings available?

Yes

Validity of Recordings

4 Years

Tech Stack

HTML, CSS, JS, React

Language of Communication

English

What you'll learn

HTML
CSS
Javascript
React with typescript
Github
Front-end in general

Projects

Final Project: Dating App (YouNMe)

Build a sleek dating app with profiles, chats, and more—your complete front-end skillset in action.

HTML & CSS Project: WhatsApp Chat Page

Design a pixel-perfect WhatsApp chat page, mastering the essentials of HTML and CSS.

About the instructor

Shrikant PS

SDE 2 at Microsoft

Shrikanth is a seasoned software engineer with over seven years of experience specializing in software development and front-end engineering. As a core engineer on Microsoft Copilot, powered by OpenAI, Shrikanth brings deep technical expertise and has been instrumental in building and scaling global products from the ground up.

Having held key roles at top-tier tech companies such as Microsoft, VMware, and Intuit, he has a proven track record of delivering high-impact solutions in dynamic and challenging environments. Shrikanth is also passionate about mentorship, regularly guiding and supporting aspiring engineers in achieving their career goals. Despite coming from a tier-3 college, his determination and hard work have paved the way for his success in the competitive tech industry.

Sample lectures for your reference

Course Content

Basics

Introduction to Browsers

Components of the Front-end

Editors

HTML - Intro

Basic Tags and Elements

Attributes

Block vs Inline

Lists

Page layouts

Container tags

Forms

Project

Refresher

Intro

Fundamentals

Using Chrome dev tools to see CSS and changing CSS on the browser

Colors

CSS Selectors

Units in CSS

Basics of Layouting in CSS

Box model

Typography in CSS ( Important )

Links and styling links

Lists & Displays

Positions

Images

Layout - Flex , Grid and spacing

Gradients

Project

Setting up the environment

Git

Seeing Javascript code in the browser and understanding console

Resources

Javascript environments

What's Javascript and what's a browser?

Language fundamentals

“Hello world”

Javascript versions - Mainly ES5 vs ES6

Semicolons or not?

Comments

Variables and constants

Data Types

Basics of Functions - Functions 1

Control flow - Intro

Making decisions - if …else & Switch…case

Loops

Functions

Data structures- all

Iterables

Objects

OOP

Async Javascript - Promises and much more

Javascript and the DOM

Brings pages to life

Additional info

Intro to react

SPA

JSX

TSX

Component architecture

Virtual DOM

States

Props

Presentational vs container components

Lifecycle

HOC

Hooks

CSS in react

Final project

Why should you join?

course1

This bootcamp is a perfect opportunity to elevate your web development skills with expert guidance from Shrikanth, a seasoned professional in frontend development with an experience of working at Microsoft.


The 30-day curriculum is well-structured and covers essential frontend technologies, including HTML, CSS, JavaScript, and popular frameworks. Each session builds on the previous one for comprehensive understanding.


Absolutely! You’ll be part of a vibrant community of fellow learners where you can collaborate, share ideas, and receive feedback to enhance your skills.

Also, Get a Signed Certificate on successful Completion of the Course.

certificate
Love from our past students hearts
I found Shrikanth's mentorship program to be highly effective and beneficial.
Shrikanth's mentorship program was incredibly structured and effective. He clearly outlined the process, providing me with specific topics and resources to study. Once I was prepared, he conducted thorough mock interviews, offering valuable feedback that helped me identify and address my weaknesses. This step-by-step approach ensured I was well-prepared for every stage of the senior front-end developer role.
sneha
M. Sabariraja
Ulgebra Technologies Private Limited.
Overall Experience was good and now I know a lot especially in JS, CSS, HTML than I used to know earlier.
I got to learn a lot of things especially in the JS which I did not earlier. Also I got to learn how things work internally and how we should prepare the parts which gets missed by only watching tutorials. In depth discussion on these things were very helpful.
Jubaer Ahmad
Shivam Mishra
Accenture
Found an amazing mentor and a friend in him.
He came up with a very clear path to how I can achieve my goal. The primary focus was on strengthening my basics. By basics, I mean the depth required to understand a topic inside out. Getting mentorship from Shrikanth has been a great experience.
ankit sharma
Karthik Sp
Student
The experience learning from Shrikanth has been very engaging.
Shrikanth has been very straightforward in giving critical reviews that has improved my learning a lot. His way of teaching is very crisp and explains the hardest of the concepts in the most easy way. In addition to that, his methodology of citing real life examples makes understanding the topics even more convenient.
Sahil
Srivatsav Chinta
Programmer Analyst @ Cognizant

Frequently Asked Questions

The bootcamp will be led by Shrikanth, an experienced frontend developer from Microsoft with a passion for teaching.

You’ll cover essential frontend technologies, including HTML, CSS, JavaScript, and popular frameworks. The curriculum is designed to provide both theoretical knowledge and practical skills.

The bootcamp features a hybrid format: live classes are held on Saturdays from 2 PM to 4 PM, and recordings will be available two hours after each session. Additionally, extended topic recordings will be released on Mondays for deeper exploration of the material.

No worries! You can catch up with the recordings available shortly after the session. Plus, the extended topic recordings on Mondays give you additional insights and depth on the week’s content.

Yes! The bootcamp includes hands-on projects that enable you to apply what you learn and enhance your portfolio with real-world examples.

Absolutely! While some basic understanding of programming concepts is helpful, the course is designed to accommodate learners at all skill levels.

While some basic understanding of programming concepts is helpful, beginners are welcome! The bootcamp is designed to cater to all skill levels.

No, that’s not necessary. On the checkout page, you’ll see EMI options available for many of the cards.

After your purchase, you can access the course dashboard by logging in to your classroom.

No, you’re not being scammed. Please reach out to us at support@learnyard.com. Our payments team will assist you and provide access as soon as they verify your case.