Complete Transcript Translation to English:

00:00:00
Today, we’ll discuss the complete roadmap for web development for beginners. If you are starting
from zero, how do you reach 100? I’ll tell you. To start with, the first thing you need is learning. Once
that's done, how does it work? Examples come next. Now, the data I’ve written here—if I refresh the
page, the data won’t disappear. And I haven’t even logged in, so somehow this data is being stored in
local storage. The browser understands what to do with this data. When I click and hold, the browser
shows colors, draws lines, etc.

All this is happening due to JavaScript functionality. All the front-end functionality is driven by
JavaScript. These three things (HTML, CSS, JavaScript) are very important to start with. They will
allow you to start creating small projects for practice.

Before moving forward, let me tell you one more thing. Recently, someone showed me this text tag,
which I’m about to explain to you. Using this, you can create something you’ll even find on Netflix-
like platforms. And look at this comment, “Bro, why is this happening to you?”

00:00:46
Dude, to be honest, it’s not wrong. The market has many clones. Even I’ve created clones, but
they’ve never been banned. So, it’s like you created something extraordinary and someone is
banning it out of competitiveness. This brings me to Newton School of Tech. They focus on advanced
curricula that really work. Their curriculum is designed by industry professionals, matching the
current industry requirements.

00:01:20
But what are they teaching that allows even first-year students to create projects? It’s about hands-
on experience. From the first year itself, they start teaching coding. Not only that, but they also
provide mandatory internships and AI workshops where tech giants from the industry mentor
students one-on-one. One of their students even cracked a ₹1.25 lakh internship through GSOC.

Believe me, if you want to become strong in coding and AI, practical knowledge is essential. You’ll
have to put in the effort. If you’re interested in joining Newton School of Tech, register for the NSAT
exam. You’ll find the link in the description. Don’t say later that you missed another opportunity.

00:02:11
Okay, let’s get back to the roadmap. You can’t jump directly to frameworks because you’ll still use the
same concepts within frameworks. Frameworks just provide you with ready-made functionalities so
that you don’t have to design everything from scratch. Use those pre-built features, add your logic,
and create products.

For example, we have React. It’s not a framework, it’s a library. What’s the difference? Frameworks
provide a lot of functionality, whereas libraries don’t. If you want to work with frameworks after
React, you can try Next.js, but I wouldn’t recommend it for beginners—it can get too complicated.

Instead, master React after JavaScript. Once you’ve done React, your front-end is covered. Then,
there’s Tailwind CSS, which is a framework built on top of CSS. It gives you pre-defined classes that
you can directly use. By this stage, your front-end is complete.

00:03:05
What is the front-end? Basically, everything you see on the screen. But where does this data come
from? Where does it go? That’s all handled by the back-end. For back-end development, you can use
Next.js, but I’d recommend starting with Node.js. If you jump to Next.js, it will get messy—you won’t
understand what’s front-end and what’s back-end.

It’s better to first learn Node.js. That way, the front-end and back-end remain separate, and you can
connect them later through something like HTTPS. For back-end, you’ll learn Node.js, HTTPS, SSL,
TCP, and UDP protocols. You don’t need to use these daily, but you should understand how they
work.

00:03:52
Additionally, learn Git and GitHub. Why? Because all the code you write on your local machine needs
to be stored somewhere on the cloud. This ensures you have a backup if something happens to your
machine. Also, when working in large teams, GitHub helps in managing and collaborating on code
efficiently.

Once your front-end is built (how things appear) and back-end is set up (where data comes from),
you’ll need a database to store this data. For example, if a user logs in, their username and password
need to be stored somewhere. For that, you’ll need a database.

There are two types of databases: SQL and NoSQL. Learn both and use them as needed. You can’t
skip one—both are necessary. Now, your data is stored in the database, and the back-end server is
ready to handle requests from the front-end (e.g., login functionality).

00:04:42
If you want to learn more advanced topics, you can explore Docker and AI integration, which are
very popular nowadays. For instance, you can learn how to use ChatGPT’s API. These are additional
skills that you can acquire, but as a fresher, they aren’t mandatory.

With this, your web development roadmap is complete. And yeah, don’t forget to check out Newton
School of Tech—the link is in the description. All set!