Week - 1
There are some differences between a traditional & professional Frontend developer. A traditional developer doesn’t care how much he/she learns. But a professional developer always maintains his/her attention to details observation. So to be a true professional developer, not only you have to learn how to build things but also the theory behind the scene. Just remember, you will be asked some questions on your coding interview sooner or later to get jobs.
Follow this comprehensive day by day guide to fulfill your dream to become an ultimate professional developer in the future.
Let’s get started 🚀. After end of this week, you should be able to:
- Understand the different aspects of the internet.
- Get familiar with websites and web browsers.
- Collect technical terms related to web development.
- Overall Internet 101
Day - 1
The Internet Explained
How does the internet work?
How Does the Internet Work? - Glad You Asked S1
How does the Internet work? - Learn web development | MDN
Internet essentials
The Internet: Wires, Cables & Wifi
The Internet: IP Addresses & DNS
The Internet: Packets, Routing & Reliability
The Internet: Encryption & Public Keys
The Internet: Cybersecurity & Crime
Day - 2
What the heck is HTTP anyway?
HTTP Crash Course & Exploration
An overview of HTTP - HTTP | MDN
HTTP/3 Is Now a Standard: Why Use It and How to Get Started
Day - 3
How web works?
How The Web Works - The Big Picture
Role of rendering engine
Role of Rendering Engines in Browsers | BrowserStack
Populating the page on a website
Populating the page: how browsers work - Web performance | MDN
Day - 4
Let’s understand DNS 🤨
DNS Records for Newbies - How To Manage Website Records
When to add glue records to your nameservers
What is DNS? | How DNS works | Cloudflare
Now Let’s take a test! 😦
Complete all the exercises below.
Day - 5
Domain Name
Everything You Need to Know About Domain Names
What is a Domain Name? - Learn web development | MDN
Hosting
What Is Web Hosting | Explained
What Is Web Hosting? Explained
Different Types of Web Hosting Explained! | Shared Hosting vs. VPS Hosting vs. Dedicated Server
The below one is optional. You can skip if you want.
Where to Host a Fullstack Project on a Budget
Awesome 😍, you’ve just completed week 1 module. At this point you should be able to:
- Understand the different aspects of the internet.
- Get familiar with websites and web browsers.
- Collect technical terms related to web development.
If you still have any doubts or problems understanding the content above, feel free to review this module again next week. Remember, this is a self-paced, step-by-step learning process. You can take as much time as you need, so don't feel pressured or discouraged.
All the sources are collected from YouTube, MDN, W3Schools, WebDev, different blog sites, & roadmap.sh.
That’s it for this week. See you on the week 2. Till then happy coding 😉.