Week - 2
Congratulations to whoever completed the week-1 module 🥳. You made a great start 🚀. Some of you may be wondering why the first week seemed to be mostly theoretical. Let’s debunk this with a story before starting with our actual content.
“Our main character is Lisa. She recently received a project from one of her clients, but is having a hard time understanding the requirements. She has been reading over them repeatedly for a long time, but has made no progress 😕. Finally, after an hour she managed to understand, but it was too late as her client had already assigned the project to someone else” 😭.
“The next day, feeling frustrated, she applied for more projects and finally got another one. This time, she quickly reviewed the requirements and promptly responded to her client. The client assigned her the project and began discussing additional details with her 😍. However, as a non-native English speaker, she had a hard time understanding her client 😟. She missed a lot of their conversation and felt discouraged” 😭.
What went wrong? What can we learn from this story?
- Communication is crucial.
- To communicate effectively, you need to be able to read quickly and summarize the content.
- Additionally, you must listen attentively and capture valuable information simultaneously.
That's why I assigned many articles and videos to help you improve your reading and listening skills on the 1st week. Because, trust me, I experienced this same issue initially, and it's likely happening to you as well. Therefore, we need to prepare.
So with that, let’s get back to our week 2 module 🚀. After end of this week:
- You should be able to create basic websites by yourself
- You will know how to code in VSCode
- You will be familiar with the science behind HTML in browser
Follow this comprehensive day-by-day guide to fulfill your dream of becoming an ultimate professional developer in the future.
Day - 1
How website are made? A full story!
Don't take this tutorial too seriously. It's just meant to give you an idea of how a developer (human) develops a full-scale application. It is totally different than how you see on the movies 😂. Try to observe how he handles problems and how he tackles them. And most importantly, just enjoy the process! (Just watch, don’t code, don’t think much how)
Full Stack Web Development With React | 2023 Crash Course with Project
Check out these stunning websites 🤯. Imagine the possibilities!
TOP 5 WEBSITES EVERY WEB DESIGNER SHOULD VISIT: Mind-blowing web design
Day - 2
VSCode is my life 🥰
We will setup the VSCode where you will spend most of your time coding. So I think it is a good practice to know most of the features of it so that you won’t get lost.
Visual Studio Code Crash Course
HTML 101 - A basic walkthrough
Please complete this tutorial. You don't have to take it too seriously yet, as we will cover everything in more detail in the upcoming days. But for now, try your best to follow along with the video.
HTML Tutorial for Beginners: HTML Crash Course
Day - 3
HTML 101
Now, let's read and practice with an interactive lesson. Don't forget to try each example by yourself.
Day - 4
Don't forget to try each example by yourself.
Day 5
Don't forget to try each example by yourself.
Awesome 😍, you’ve just completed week 2 module. At this point you should be able to:
- create basic websites by yourself
- code in VSCode
- understand the science behind HTML in browser
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 3. Till then happy coding 😉.