Front-end developement Roadmap step by step for beginners π₯
Thread π§΅
#100DaysOfCode #Coding #DEVCommunity
Thread π§΅
#100DaysOfCode #Coding #DEVCommunity
1οΈβ£ Internet -->
How does the internet work?
What is HTTP?
Browsers and how they work?
DNS and how it works?
What is Domain Name?
What is hosting?
How does the internet work?
What is HTTP?
Browsers and how they work?
DNS and how it works?
What is Domain Name?
What is hosting?
2οΈβ£ HTML -->
Learn the basics
Writing Semantic HTML
Forms and Validations
Conventions and Best Practices
Syntax and Basic Constructs
Accessibility
SEO Basics
Learn the basics
Writing Semantic HTML
Forms and Validations
Conventions and Best Practices
Syntax and Basic Constructs
Accessibility
SEO Basics
3οΈβ£ CSS -->
Learn the basics
Making Layouts (display, positioning, CSS grid, Flexbox...)
Responsive design and Media Queries.
Learn the basics
Making Layouts (display, positioning, CSS grid, Flexbox...)
Responsive design and Media Queries.
4οΈβ£ JavaScript -->
Syntax and Basic Constructs
Learn DOM Manipulation
Learn Fetch API/ Ajax (XHR)
ES6+ and modular JavaScript
Understand the concepts (hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, strict...)
Syntax and Basic Constructs
Learn DOM Manipulation
Learn Fetch API/ Ajax (XHR)
ES6+ and modular JavaScript
Understand the concepts (hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, strict...)
5οΈβ£ Pick CSS framework -->
Tailwind CSS
Materialize UI
Radix UI
Chakra UI
Tailwind CSS
Materialize UI
Radix UI
Chakra UI
6οΈβ£ Pick a framework -->
React
Angular
Vue js
React
Angular
Vue js
7οΈβ£ Package Managers -->
npm
yarn
npm and yarn both are fine, pick one or learn both, there is not much difference.
npm
yarn
npm and yarn both are fine, pick one or learn both, there is not much difference.
8οΈβ£ Web security Knowledge --> Get at least a basic knowledge of all of these.
HTTPS
Content Security Policy
OWASP Security Risks
CORS
HTTPS
Content Security Policy
OWASP Security Risks
CORS
9οΈβ£ Build real Projects -->
portfolio website
clone website
Crud web application
API-connected website
To-do list...
portfolio website
clone website
Crud web application
API-connected website
To-do list...
Loading suggestions...