<aside>
📌

**When I started learning HTML in 2017, First thing I did was learning Github because it’s used to store our code like Instagram is for Photos. Most courses don’t teach you this but We thought You need to learn Github first. So here go -**

</aside>

### Why Do You Need GitHub?

GitHub is essential for developers to manage code, track changes, and collaborate with others. It’s the platform where you’ll store all your projects and showcase them to potential employers or clients.

### How Important Is It?

Every developer, irrespective of their role, needs to know Git and GitHub. It’s a non-negotiable skill for teamwork and contributing to open-source projects.

### How Long Will It Take to Learn?

You can learn the basics of GitHub in **3-5 days**, with **daily practice sessions** on version control commands like `git add`, `git commit`, `git push`, and handling branches.

## Tutorial

**Learn Github Basics from here.**

[https://www.youtube.com/embed/QhqVRuRBA9w](https://www.youtube.com/embed/QhqVRuRBA9w)

**This video is to clear your confusion on Git and Github.**

[https://www.youtube.com/embed/JXM3ea-MbYc](https://www.youtube.com/embed/JXM3ea-MbYc)

**This is the ONLY Video You need for Git. Learn to Install and Push Your Code.**

[https://www.youtube.com/embed/uwyP5SNlQAU](https://www.youtube.com/embed/uwyP5SNlQAU)

<aside>
📌

During Your Learning Journey, You’ll be working alone so don’t worry if You couldn’t understand Concepts of Pull Requests and Branching. Learn to Push your code is the Minimum skill You should know.

</aside>

### Projects to Build

1. Create a GitHub repository for your projects. Create a Test Repo on Github.


GitHub - Version Control and Collaboration

## Why Do We Need HTML?

HTML (HyperText Markup Language) structures your web pages. From headings and paragraphs to images and forms, it’s the foundation of any website.

## How Important Is It?

Without HTML, there’s no website. It’s the very first step in web development and is used universally.

## How Long Will It Take to Learn?

You can learn HTML in **5-7 days** with consistent practice with **3 Hours/Day.**

## Tutorial

**TIP - This maybe your first time writing code so here is the advice - Split your screen half and put tutorial on one side and Code Editor on other.**

<aside>
📌

We’ve not talked about Code Editor(Also called IDE). You can use VS Code as it’s used widely across the world. There is no Rocker Science in downloading it. Download and Start!

</aside>

[Learn From This Playlist](https://www.youtube.com/playlist?list=PLhzIaPMgkbxDsPU7jxB_XF_UoToJjpwxM)


HTML - The Building Block of the Web

### Why Do We Need CSS?

CSS (Cascading Style Sheets) makes your websites visually appealing. It allows you to style text, add colors, and create layouts. CSS is also critical for making websites responsive.

### How Important Is It?

CSS defines how your website looks and feels. A poorly styled website can ruin the user experience.

### How Long Will It Take to Learn?

Mastering CSS basics takes **5-7 days**, but learning advanced concepts like Flexbox, Grid, and animations may require an additional 1 **weeks**.

_Learn 3-4 Hours/Day._

## Tutorial

<aside>
📌

Some Tutorials will be in English and as a Non-English speaker you might find it weird but Some Best Teachers I’ve seen only speak English plus in a Job You’ll work on English mainly so don’t be afraid and go ahead when learning.

</aside>

[https://www.youtube.com/embed/wRNinF7YQqQ](https://www.youtube.com/embed/wRNinF7YQqQ)

<aside>
📌

Many students ask this that I can’t remember CSS Properties names. It’s okay even I can’t remember all. Remember only Color and Font Size Property and Do Google for everything. At a point you’ll remember most properties.

</aside>


CSS - Styling the Website

## Tutorials

Pick any one and Develop it.

<aside>
📌

Building 1 Project is enough. Understanding is more important than building 10s of Projects by watching Tutorials.

</aside>

<aside>
📌

Before starting a Project, Always create a Repo on Github and keep pushing your code every time you finish a section. This good habit will make your developer life easier.

</aside>

[https://www.youtube.com/watch?v=-8LTPIJBGwQ](https://www.youtube.com/watch?v=-8LTPIJBGwQ)

[https://www.youtube.com/watch?v=izqV9kZPOMY](https://www.youtube.com/watch?v=izqV9kZPOMY)

<aside>
✅

Now you’ve complete 2 Projects. Obviously you’ll forget some things in few days but don’t worry about that. With practice you’ll remember.

</aside>


Project 1: HTML + CSS

### Why Do We Need Tailwind CSS?

Tailwind CSS simplifies styling by using utility-first classes. It helps you build designs faster without writing a lot of custom CSS.

### How Important Is It?

Tailwind CSS is widely adopted in modern frontend projects due to its efficiency and flexibility.

### How Long Will It Take to Learn?

You can get started with Tailwind in **1 day**. Once you’ve built 2-3 Project, everything will be making sense.

## Tutorial

<aside>
📌

Just because a Tutorial is short doesn’t mean it’s not Good. Yes, You can learn things like Tailwind(Basics) in 30 min(If you already know CSS)

</aside>

[https://www.youtube.com/watch?v=tcBQeOvDwXo](https://www.youtube.com/watch?v=tcBQeOvDwXo)


Tailwind CSS(Optional)

<aside>
👉

Build this Project ONLY if You’ve completed Tailwind(That’s common sense right?)

</aside>

## Tutorial

<aside>
📌

Before starting a Project, Always create a Repo on Github and keep pushing your code every time you finish a section. This good habit will make your developer life easier.

</aside>

[https://www.youtube.com/watch?v=mGN9-FPsX9o](https://www.youtube.com/watch?v=mGN9-FPsX9o)


Project 2: HTML + Tailwind

### Why Do We Need JavaScript?

JavaScript powers the interactivity on your web pages, enabling features like dropdown menus, sliders, and form validation.

### How Important Is It?

JavaScript is indispensable for frontend development. Without it, websites are static and lack user engagement.

### How Long Will It Take to Learn?

Javascript has mainly 3 sections -

1. Basics of Programming - 10 Days(If you already know a Programming Language, It should take 5 Days if you learn for 3-4 Hours/Day)
2. Async Programming - 10 Days(Very Important for Interviews. Do it well and Build Good Projects)
3. DOM Manipulation - 10 Days(This is the foundation of Front-end Development. Learn it Properly and Solve Small Problems then Build Projects.)

**NOTE - DON’T TRY TO LEARN EVERYTHING. LEARN BASICS FIRST. ONCE YOU START BUILDING PROJECTS, YOU”LL GET TO KNOW EVERYTHING, DON’T WORRY.**

## Tutorials

We’re sharing Tutorials for 3 Sections -

### 1 Part A. Basics of Programming

This Tutorial covers the basic concepts in very easy way.

<aside>
📌

If you’re already familiar with Programming Concepts like Functions and Loop, Learn Fast. Don’t waste time on Simple Stuff.

</aside>

[https://www.youtube.com/watch?v=\_eHc5K0zAPw](https://www.youtube.com/watch?v=_eHc5K0zAPw&)

## 1 Part B. ES6 Basics

ES6 every Javascript Developer uses in Daily Life. Learn All Concepts Properly. You’ll get questions from these topic in Interviews.

[https://www.youtube.com/watch?v=D8HyB-W7ToI](https://www.youtube.com/watch?v=D8HyB-W7ToI)

### 2. Async Programming

This is THE Only Tutorial You need for Async Programming. Rest you’ll understand better when you start coding and practicing.

[https://www.youtube.com/watch?v=ZYb_ZU8LNxs](https://www.youtube.com/watch?v=ZYb_ZU8LNxs)

### 3. DOM Manipulation

Whole React.js is based on DOM Manipulation. Learn it Properly.

[https://www.youtube.com/watch?v=WjxQRfZfZnw](https://www.youtube.com/watch?v=WjxQRfZfZnw)

## Mini Projects to Build

<aside>
📌

Don’t copy ALL the code. Try to write on your own. Use ChatGPT whenever needed. Explain everything, It will help.

</aside>

<aside>
📌

These Projects you should NOT put in Your Resume but helpful when learning Javascript.

</aside>

### 1. Weather App

[https://www.youtube.com/watch?v=MIYQR-Ybrn4](https://www.youtube.com/watch?v=MIYQR-Ybrn4)

### 2. QR Code Generator

[https://www.youtube.com/watch?v=g1j9rR-H1lk](https://www.youtube.com/watch?v=g1j9rR-H1lk)

**Note - That’s it. That’s enough to get you started. Don’t Even thing You need more. If you feel like something you didn’t understand, Revise it but DON’T Start a New Tutorial thinking that might be better. Trust me You’re in Safe Hands 🙌**


JavaScript - Adding Interactivity in Your Website

In this Project, You’ll practice all your concepts of HTML, CSS & Javascript. Try NOT to Copy Paste everything. Pause the tutorial and think how you can implement it.

<aside>
👉

How many times I’ll have to tell you - When starting a new project, Create a Github Repo first and then start coding.

</aside>

[https://www.youtube.com/watch?v=B21G6tUI4L0](https://www.youtube.com/watch?v=B21G6tUI4L0)

<aside>
📌

This is your first Major Project. If you’re feeling like “I don’t know enough” or “I’ve forgotten most HTML CSS JS concepts” then let me tell you → It happens. Don’t feel demotivated. Slowly and gradually you’ll be able to write better code.

</aside>


Project 3: AI Chatbot with HTML + CSS + Javascript

### Why Do We Need TypeScript?

TypeScript enhances JavaScript by adding static typing. It makes your code more predictable and reduces bugs in larger applications.

### How Important Is It?

TypeScript is essential for modern web development, especially with frameworks like Angular or React.

### How Long Will It Take to Learn?

The basics can be learned in **2 Hours.** Once you implement Typescript in Your Projects, you’ll know everything slowly.

## Tutorial

This was our First Workshop on TypeScript. I’ve tried to explain this as simple as possible.

[https://www.youtube.com/watch?v=Z8k-mZg0wMs](https://www.youtube.com/watch?v=Z8k-mZg0wMs)

<aside>
📌

To Practice more, You can convert Previously written Javascript code into Typescript.

</aside>

<aside>
📌

One Fun Fact is that Typescript is used to throw errors when your code is not in Production, so you can fix them immediately. AirBnB used Typescript, and the number of bugs reported was reduced by 70%, and that’s why Most companies use Typescript.

</aside>


TypeScript - Make Your JS Code Bug-free(Optional)

### Why Do We Need React?

React is a JavaScript library for building user interfaces. It’s fast, and efficient, and makes building dynamic web apps easier.

### How Important Is It?

React is the most popular frontend library, used by companies like Facebook, Netflix, and Airbnb.

### How Long Will It Take to Learn?

You can learn React basics in **4 weeks** if You Learn for **4-5 Hours every day.**

<aside>
📌

**Don’t Follow 10s Of Tutorials. Learn The Basics and Try to Build Simple, Static Websites First. You’ll learn everything Slowly. Don’t Waste Time into Learning Everything.**

</aside>

## Tutorial

You’ll need to Install Node and Npm. These are two softwares that will run your React or any Javascript App(Front-end or Backend).

[Watch This Playlist](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3)

Learn 4-6 Videos in one Sitting and Learn 3-4 Hours everyday.

Back in 2020, I learned React from same tutorial. Many things may have changed but the basics are still the same.


React - Building Dynamic Interfaces

Now tell me what is React? It’s a Tool to Update Our Webapps faster than direct DOM Manipulation right.

React is NOTHING BUT DOM Manipulation in a better way. DON’T BE AFRAID OF IT.

Now we’ll build a Simple Static Website with React. We can build the same with HTML CSS JS also but we’ll do it in React only.

## Projects

<aside>
💡

Below we’ve given 2 Projects which means You’ll create two React Apps & Two Separate GitHub Repos. Got it?

</aside>

### 1. Static Webapp

[https://www.youtube.com/watch?v=W7up-w1QYpw](https://www.youtube.com/watch?v=W7up-w1QYpw)

### 2. Dice Game App

This one is Dynamic and helps you understand how to store data in React Apps and use it.

[https://www.youtube.com/watch?v=DY9LK7mq86s](https://www.youtube.com/watch?v=DY9LK7mq86s)


Project 4: Basic React Projects

### Why Do We Need React Router?

React Router enables navigation in React applications. It allows users to move between pages without reloading the entire application, improving the user experience.

### How Long Will It Take to Learn?

Learning React Router basics takes **2 Days.**

**NOTE - React Router is NOTHING BUT an Anchor tag in HTML. Don’t Learn Everything about it. When you Implement, Everything will come eventually.**

## Tutorial

<aside>
💡

Reminding you again - ALWAYS CREAT A NEW REPO WHEN YOU START A NEW PROJECT.

</aside>

[https://www.youtube.com/watch?v=VJov5QWEKE4](https://www.youtube.com/watch?v=VJov5QWEKE4)

<aside>
💡

Don’t load yourself with too much information. This is the ONLY Tutorial you need for React Router. Once you implement it into 3-4 Projects, You’ll be able to code Blindly. I Trust You 🧡

</aside>


React Router - Navigation Made Easy

API integration is a critical skill for Front-end developers, as it enables applications to fetch and display dynamic, real-time data. With React, integrating APIs becomes efficient and manageable due to its component-based architecture and powerful hooks.

### Why Learn API Integration with React?

1. **Dynamic Applications**: APIs allow apps to fetch live data, enabling features like user profiles, weather updates, and e-commerce products.
2. **Industry Relevance**: Most modern web applications rely on API integrations, making this skill essential for job readiness.
3. **Problem-Solving Practice**: Helps in understanding asynchronous programming, error handling, and data manipulation.

### Key Concepts:

1. **HTTP Requests**:
   - Use libraries like **Axios** or the **Fetch API** to make GET, POST, PUT, and DELETE requests.
   - Example: Fetching a list of products or submitting a contact form.
2. **React Hooks**:
   - **useState**: Manage data fetched from APIs.
   - **useEffect**: Fetch data when a component mounts or is based on dependencies.
   - **useContext**: Share API data across components.
3. **Error Handling**:
   - Display error messages for failed requests.
   - Example: Showing a loading spinner or an error banner.
4. **Data Formatting**:
   - Clean and format API data before rendering.
   - Use libraries like **Lodash** for advanced data manipulation.

### Time to Learn:

Dedicate **1 week** to practice API integration with React by building projects.

NOTE - This is THE MOST Important Part of Front-end Engineer. Learn it Well and Practice Properly.

## Tutorial

[https://www.youtube.com/watch?v=Reny0cTTv24](https://www.youtube.com/watch?v=Reny0cTTv24)

<aside>
💡

If you don’t understand something, Ask ChatGPT but Don’t start another Tutorial for the sake of understanding. You’ll never be able to know enough. You’re just good with this, Trust us.

</aside>


Project 5: React + API Integration

Okay, What is Firebase? It’s a Tool that consists of many features that Developers use.

The main feature is Storing Your Web App’s Data. So it’s a Database then, right?

Partially Yes. It’s a Database but without a Server. For example - When you use SQL, You need to run a SQL Server then only you can use it but Firebase doesn’t need a Server to run. It runs on its own and that’s why We call it Serverless Backend.

## Tutorial

This is the ONLY Playlist You need to learn about Firebase.

<aside>
💡

When I was learning Firebase, It took me multiple Projects to understand how it works so if You don’t understand everything for the first time, Don’t worry.

</aside>

[Firebase with Reactjs](https://www.youtube.com/playlist?list=PLinedj3B30sCw8Qjrct1DRglx4hWQx83C)


Project 6: React + Firebase

### Why Do We Need Redux?

Redux helps manage state in large applications. It centralizes the application’s state, making it easier to debug and maintain.

### How Long Will It Take to Learn?

You can learn Redux basics in **3 Days** by learning for **3-4 Hours/Day**

**NOTE - Redux is Bit Tricky. Build a Super Simple Counter App and Slowly use into Complex Projects. Slowly slowly you’ll learn about it. DON’T MISS “WHY WE NEED STATE MANAGEMENT?”.**

## Tutorial

<aside>
💡

Redux is one of the Most Important Topic in Front-end Interviews and the Tutorial given below explains everything. Just Understand and Code Alongside. We’ll also Build a Project with Redux in the next Chapter.

</aside>

[https://www.youtube.com/watch?v=dOkkHHuFxjM](https://www.youtube.com/watch?v=dOkkHHuFxjM)


Redux - State Management Simplified

Building a Redux Project will help you understand it better.

## Tutorial

<aside>
💡

Reminder - Create a New Github Repo and use it to build the project below.

</aside>

[https://www.youtube.com/watch?v=PqakNcO1CwI](https://www.youtube.com/watch?v=PqakNcO1CwI)

<aside>
💡

Don’t Even Think about Putting this stupid project in your Resume. Watch, Learn, and Throw into Dustbin. You deserve better projects in your resume.

</aside>


Project 7: React + Redux

### Why Do We Need React Hooks?

React Hooks allows you to use state and other React features without writing classes. They simplify React code and are widely used in modern React development.

### How Long Will It Take to Learn?

Learning React Hooks basics takes **3 Days** for Hooks like useState, useEffect, useRef. Advanced Hooks might take **4 Extra Days.**

**NOTE - You’re not a Beginner at this Point. If You’re still unable to understand concepts means that Your fundamentals are weak. We advise you to Revise them once with the Help of ChatGPT.**

**NOTE 2 - Any Hook can be understood in 30-40 min max. The best would be to write code to understand it better. YOU’LL GET INTERVIEW QUESTIONS ON THE HOOK - NO ONE CAN STOP THAT.**

## Tutorial

This is the ONLY Video you need to understand all the Important Hooks.

<aside>
💡

For this video, Create a GitHub Repo and put all your thoughts in the comments because this Repo you’ll use till you use React. Make Notes and reuse them in the future.

</aside>

[https://www.youtube.com/watch?v=6wf5dIrryoQ](https://www.youtube.com/watch?v=6wf5dIrryoQ)

<aside>
💡

The Most Important Hook is Learning to Build a Custom Hook. 99% Students in Mock Interviews said that they don’t know How to Create a Custom Hook. It’s very simple and useful too.

</aside>


React Hooks

Building projects are the most effective way to solidify your front-end development skills and demonstrate your abilities to potential employers. Projects allow you to apply what you've learned, improve your problem-solving skills, and create a portfolio showcasing your work.

### Why Build Projects?

1. Gain hands-on experience with real-world scenarios.
2. Understand how different technologies integrate and work together.
3. Create a portfolio to showcase your skills to employers or clients.
4. Identify gaps in your knowledge and work on improving them.

# Few Tips -

TIP 1 - Watch 1-2 Project Tutorials on Youtube. We’ve hand-picked a few Tutorials, That’ll be enough.

TIP 2 - Watching Tutorials can’t make Your a Developer. You become developer WHEN you can Code without any Tutorial.

TIP 3 - Build Real Life Projects that People can Use. In a Job, You DON’T BUILD A CLONE WEBAPP. You Build Something that People Use & Pay for it so the company gets paid and You Get Your Salary.

# Project Tutorials

<aside>
💡

Reminder - For 2 Projects below, Create 2 Separate GitHub Repos(How many do I have to tell you this??)

</aside>

### 1. Fitness Exercises App

[https://www.youtube.com/watch?v=KBpoBc98BwM](https://www.youtube.com/watch?v=KBpoBc98BwM)

### 2. Admin Dashboard Template

[https://www.youtube.com/watch?v=yKV1IGahXqA](https://www.youtube.com/watch?v=yKV1IGahXqA)

<aside>
💡

Now Girls and Boys, You just completed the Basics of Front-end. Picture abhi shuru hui hai. Now you know 2% of Front-end Development. Let’s get it started.

</aside>


Complete Front-end Projects

What the Hell is this Deployment?

Whatever you did till is in Your Laptop and If you’re followed my advice then maybe on Github also.

But Who are you? Shah Rukh Khan? How will find you on the Internet? They won’t until you show them.

Deployment is Putting Your Web App on the Internet.

## Tutorial

Vercel is the best platform to Deploy your Web Apps as of now. You can even Deploy your Next.js app there.

FUN FACT - Vercel is a Company that developed Next.js so obviously they’ll allow any dev to Deploy on their platform for FREE.

[https://www.youtube.com/watch?v=dg2Gw1HSlpQ](https://www.youtube.com/watch?v=dg2Gw1HSlpQ)

<aside>
💡

From now on, Any Upcoming Project that’s worthy to share you can Deploy on Vercel. Now you know why I was asking you to push all your project to Github.

</aside>


Project 8: Deployment & Hosting

### Why Learn Next.js?

Next.js enhances React with server-side rendering, static site generation, and more.

Simply speaking - Next.js is a React.js but with more features like Server-Side Rendering, Static Site Generation, and more.

Time to Learn: **2 Weeks**

## Tutorial

This Project is enough to help you understand how Next.js works.

[https://www.youtube.com/watch?v=pUNSHPyVryU](https://www.youtube.com/watch?v=pUNSHPyVryU)

<aside>
💡

Next.js is React.js + Node.js. One Server running Front-end and Backend Both. Once you learn Backend(Which we Highly Recommend) You’ll know why so many Stage Startups use Next.js

</aside>

<aside>
💡

By now, You’ve completed most Part of Front-end like 5%. Once you start building Projects, Getting Internships/Jobs, and working there, you’ll learn more.

</aside>


Basics of Next.js

So Figma? What’s that? Figma is a tool that lets you design your Web Apps.

“But wait… I’m not a Designer” I know sweety you’re not.

But let me tell you If you ONLY know how to Develop something others have designed, You’ll never know how it works behind the scenes.

<aside>
💡

Most US/UK Startups I’ve interviewed in, They Ask If I know Design or not. They don’t want a Hardcore Design but someone who have basic design senses that’s why It’s important to learn UI/UX Design(ie. Figma).

</aside>

<aside>
💡

If you just want to be average like a 3-6LPA Job, Feel free to skip but I don’t want to be ordinary. “Why Be A King When You Can Be God”.

</aside>

## Tutorials

### 1. 2 Hour Design: Designing Instagram

[https://www.youtube.com/watch?v=b0I2z_6pNlA](https://www.youtube.com/watch?v=b0I2z_6pNlA)

PS - This was our First Workshop in The Boring Education.

### 2. 2 Hour Design | Designing Netflix

[https://www.youtube.com/watch?v=7JsXewRL4ck](https://www.youtube.com/watch?v=7JsXewRL4ck)


Basics of Figma(Optional)

## Steps to Find Good Project Ideas

1. Write down your daily life problems
2. Observe what other problems people in your locality in your friend circle or even on social media are facing. Write them down too.
3. Take Pen and Paper and Think which Problem is worth solving(With tech)
4. Start Brainstorming more on the problem. Talk to people who face that problem to understand better.
5. List down the Main Problem you can fix with the first version of your tech product.
6. Start Designing and Sharing it with the same people who faced this and take their feedback.k
7. Or simply Design and Develop.

**If you build any project with this approach, You’ll be admired by People for Life, be it your office colleague, Startup founders, or even your College Profs.**

**Now You’ve 2 Choices, 1. Be An Average Developer and Build Clone Apps and put them into Your Resume or 2. Be An Exceptional Software Engineer and Build Something Useful.**

Let’s see those choices in detail -

### Choice 1: Be An Average Developer

You can become an average Software Engineer by -

1. Going back to asking for React Project Ideas
2. Commenting on Insta Reels for “bEsT ReAcT rESoUrCes”
3. Scrolling Social Media 3 Hours while Learning
4. Learning for 2-3 Hours and Expecting 60 LPA Job
5. Sleeping 10-12 Hours

### Choice 2: Be An Exceptional

You can become an Exceptional Software Engineer by -

1. Building Your App from Scratch.
2. Finding Good Ideas that Solve a Real-Life Problem
3. Share Your Daily Learnings on LinkedIn and Twitter
4. Solve 1 DSA Problem Daily for 45 min
5. Build a Good Resume with a Portfolio
6. Learn Side Skills like Next.js, Design, Testing
7. Publishing Projects on Product Hunt

<aside>
🔥

**Trust me, Girls and Boys, I don’t want any of you to choose the 1st option. My DMs are Open, Our Community is Open. Ask ANY Question, Resolve Any Query. Just don’t stop. All The Best.**

</aside>

Okay Enough Gyan, We’ve built a Product named The Boring Projects where you’ll find Good Project Ideas where we help you build a Product WITHOUT showing you the code.

[Check this out here](https://www.theboringeducation.com/projects)


Project 9: Design + Develop Front-end App

Now it's time to show off your Work on the Social Media -

Copy the message below and share it on LinkedIn & Twitter. Don’t forget to tag us.

```
"🎉 Excited to share that I’ve successfully completed the Shiksha Frontend Development Course by The Boring Education(TAG US) 🚀

This journey has been packed with learning HTML, CSS, JavaScript, React.js, Next.js and more. Grateful for the guidance and resources provided. 💻
Can’t wait to apply these skills to real-world projects! 🌟

Few things I learnt in this course - ADD YOUR LEARNINGS
1.

ADD A THANK YOU NOTE FOR SACHIN(Not IMP But I'd be happy if you do :')

#ShikshaByTheBoringEducation #ZeroToOneFrontendDeveCourse #Frontend #Reactjs
```

### Our Handles -

1. [LinkedIn](https://www.linkedin.com/company/theboringeducation)
2. [Sachin’s LinkedIn](https://www.linkedin.com/in/imsks/)
3. [Sachin’s Twitter](https://x.com/i_skrs)

## More from us

1. Unable to Understand How to Get Started With? Book a [Mentorship Session with me](https://topmate.io/imsks/)

2. Want to Attend Live Workshops? [Visit The Boring Workshops](https://theboringeducation.com/webinar)

3. Be Part of [The Boring Community](https://chat.whatsapp.com/EeB7LrPRg2p3RyMOicyIAC)

<aside>
✅

We’re Building An Open Source Tech Education Platform for 🇮🇳 and We’ll launch Projects like Shiksha & The Boring Projects. Keep an eye on website

</aside>

<aside>
🔥

Thank you so much for being part of this course.

❤️ from Sachin.

</aside>


Resources & More

Start Your Front-end Development Journey. Projects Included.

Hello there!

Chapters

Certificate Locked

Why Do We Need JavaScript?

How Important Is It?

How Long Will It Take to Learn?

Tutorials

1 Part A. Basics of Programming

1 Part B. ES6 Basics

2. Async Programming

3. DOM Manipulation

Mini Projects to Build

1. Weather App

2. QR Code Generator