How to learn web development as an absolute beginner?๐ป
A thread: ๐
A thread: ๐
Firstly, start with the basics!
๐Know the basics of the internet & how it works
The basics of web dev start with the internet.
Note: Basics are not mandatory for web dev. But, they can help set a good foundation.
โฌ
๐Know the basics of the internet & how it works
The basics of web dev start with the internet.
Note: Basics are not mandatory for web dev. But, they can help set a good foundation.
โฌ
๐Understand the 7 layers of the OSI model
1. Physical layer
2. Data link layer
3. Network layer
4. Transport layer
5. Session layer
6. Presentation layer
7. Application layer
โฌ
1. Physical layer
2. Data link layer
3. Network layer
4. Transport layer
5. Session layer
6. Presentation layer
7. Application layer
โฌ
๐Use Google effectively
Remember: Google is developers' best friend!
When you get stuck or don't know something,
feel free to use Google. There's a ton of free info out on the internet.
You only need to look for the right info using the right keywords.
โฌ๏ธ
Remember: Google is developers' best friend!
When you get stuck or don't know something,
feel free to use Google. There's a ton of free info out on the internet.
You only need to look for the right info using the right keywords.
โฌ๏ธ
๐Understanding the frontend & backend
- What comprises frontend development
- What constitutes backend dev
And, understand how they work together to create awesome web apps.
It can help you determine your future career path.
โฌ
- What comprises frontend development
- What constitutes backend dev
And, understand how they work together to create awesome web apps.
It can help you determine your future career path.
โฌ
๐Select your tools
As a developer, you need to pick suitable tools for your development journey.
โ An Operating System (Windows)
โ A Code Editor (VS Code)
โ A Browser (Google Chrome)
I started with the above-mentioned tools. You can pick any tools of your choice.
โฌ
As a developer, you need to pick suitable tools for your development journey.
โ An Operating System (Windows)
โ A Code Editor (VS Code)
โ A Browser (Google Chrome)
I started with the above-mentioned tools. You can pick any tools of your choice.
โฌ
๐Know the core Web Technologies
The 3 core languages that make up the World Wide Web are:
โ HTML
โ CSS
โ JavaScript.
โฌ
The 3 core languages that make up the World Wide Web are:
โ HTML
โ CSS
โ JavaScript.
โฌ
1โW3Schools
๐Learn the basics from W3Schools
W3Schools provides its content in a structured & organized form.
You can quickly recap any concept or search the syntax of an HTML attribute or a CSS property, etc.
โฌ
๐Learn the basics from W3Schools
W3Schools provides its content in a structured & organized form.
You can quickly recap any concept or search the syntax of an HTML attribute or a CSS property, etc.
โฌ
2โFreeCodeCamp
FreeCodeCamp is one of the best resources to start learning web development.
You can learn interactively with a structured learning approach.
โฌ
FreeCodeCamp is one of the best resources to start learning web development.
You can learn interactively with a structured learning approach.
โฌ
3โMDN Docs
It is a documentation repository & learning resource for web developers.
MDN Web Docs are essentially regarded as one of the complete documentation resources. It provides detailed & structured information on web development.
โฌ
It is a documentation repository & learning resource for web developers.
MDN Web Docs are essentially regarded as one of the complete documentation resources. It provides detailed & structured information on web development.
โฌ
๐Learn WordPress
After learning the basics of HTML, CSS, and JavaScript, if you are interested to learn a CMS, you can choose to learn WordPress.
โฌ
After learning the basics of HTML, CSS, and JavaScript, if you are interested to learn a CMS, you can choose to learn WordPress.
โฌ
๐Learn about SEO
Search Engine Optimization (SEO) plays an important role in any online business or e-commerce store. As a web developer, it can be very useful to learn about SEO.
โฌ
Search Engine Optimization (SEO) plays an important role in any online business or e-commerce store. As a web developer, it can be very useful to learn about SEO.
โฌ
๐Learn Git & GitHub
For a web developer, it is very important to know & working with Git.
There are tons of amazing free resources to learn Git & GitHub.
This website can help you learn git in a simple & interactive way.
๐learngitbranching.js.org
โฌ
For a web developer, it is very important to know & working with Git.
There are tons of amazing free resources to learn Git & GitHub.
This website can help you learn git in a simple & interactive way.
๐learngitbranching.js.org
โฌ
Also,
FreeCodeCamp has a very good video tutorial on their YT channel for learning Git.
I've already written a detailed thread on "How to learn Git & GitHub".
You can check it out here:โฌ
FreeCodeCamp has a very good video tutorial on their YT channel for learning Git.
I've already written a detailed thread on "How to learn Git & GitHub".
You can check it out here:โฌ
๐YouTube Channels
Some of my fav YT channels for learning web development are:
1- Traversy Media
2- Web Dev Simplified
3- Freecodecamp
4- The Coder Coder
5- Dev Ed
โฌ
Some of my fav YT channels for learning web development are:
1- Traversy Media
2- Web Dev Simplified
3- Freecodecamp
4- The Coder Coder
5- Dev Ed
โฌ
๐GitHub Repos for Web Dev
1- Front End Checklist (GitHub Stars: 59K)
๐: github.com
2- Web Developer-Roadmap (GitHub Stars: 192K)
๐: github.com
3- You Donโt Know JS (GitHub Stars: 152K)
๐: github.com
โฌ๏ธ
1- Front End Checklist (GitHub Stars: 59K)
๐: github.com
2- Web Developer-Roadmap (GitHub Stars: 192K)
๐: github.com
3- You Donโt Know JS (GitHub Stars: 152K)
๐: github.com
โฌ๏ธ
Before you go.
Remember: ๐Practice is the key
Learning & mastering web dev is a life-long process. You always need to stay updated with the latest technologies & learning new stuff.
So, you better develop a learning habit.
Good luck & Happy learning.๐๐
โฌ๏ธ
Remember: ๐Practice is the key
Learning & mastering web dev is a life-long process. You always need to stay updated with the latest technologies & learning new stuff.
So, you better develop a learning habit.
Good luck & Happy learning.๐๐
โฌ๏ธ
That's all for now. Hope it helps!๐
I share web development (tips + resources) to make learning easy for you. Follow me @ANoorTM & turn on the notifications.
If you found it useful,
Retweet the 1st tweet below & help others.๐
I share web development (tips + resources) to make learning easy for you. Follow me @ANoorTM & turn on the notifications.
If you found it useful,
Retweet the 1st tweet below & help others.๐
Loading suggestions...