Frontend Development
The term "Frontend Development" refers to the process of designing and creating the user interface of a website or application. This involves writing HTML, CSS, and JavaScript code to create the layout, style, and interactivity of the website or application that users interact with. Frontend developers must have a strong understanding of user experience, design principles, and web development technologies.
Frontend Roadmap:
Introduction
What is front end developer?
What is a frontend developer? - frontendmasters.comFrontend web developer - Mozilla Developer docs
What is frontend development - Freecodecamp
What is frontend web development?
Frontend Development explained - Mayuko(Youtube)Frontend web development - Wikipedia
Understanding Internet
How does internet work?
Computer Networking course - Kunal Khushwaha(Youtube)How the Internet Travel Across Oceans? - TechVision(Youtube)
How does the Internet Work? - Vox(Youtube)
How does the Internet Work? - Mozilla web docs
How Does the Internet Work? - Stanford.edu
How Does the Internet Work? - cloudflare
How Does the Internet Work? - Lesics(Youtube)
What is DNS? | How DNS works
Internet-CS50's understanding technology
ResourceLearning HTML
HTML Tutorial
Learn HTML - FreeCodeCamp(Youtube)Learn HTML - Codecadmeny
HTML Tutorial - W3schools
HTML Tutorial - TutorialsPoint
HTML course, build a website - FreeCodeCamp(Youtube)
HTML crash course - Traversy Media(Youtube)
HTML Tutorial, making a Website - FreeCodeCamp(Youtube)
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
Basics of SEO
HTML best practices
Learning CSS
CSS Tutorials
Learn CSS - web.devLearn CSS - codecademy
CSS tutorial -w3schools
CSS zero to hero - FreeCodeCamp(Youtube)
Kevin Powell(Youtube)
Introduction to CSS - Web Dev Simplified
The guide to responsive web design
Learn flexbox by gaming
Learn Grid by gaming
Learn Hex Code by gaming
CSS Diner
Learning Javascript
JS Tutorials
Learn JavaScript - FreeCodeCamp(Youtube)JavaScript Tutorial - Programming with Mosh(Youtube)
JavaScript Programming - FreeCodeCamp(Youtube)
JavaScript Tutorial - w3schools
Learn JavaScript - Codecademy
Free JS Courses for Beginners - FreeCodeCamp
Free JS Practice website to master JS - exercism
Free JS repository to practice JS - 30-Days-Of-JavaScript
Learn JavaScript - JavaScriptInfo
Elevator Saga Game
Codingame
Understanding JavaScript
NamasteJS/How JS works - Akshay SainiFrontend Projects
Sample Projects for Practice
frontendeval.comfrontendmentor.io
frontendpractice.com
iCodeThis.com
Learn Build Tools
What are build tools?
6 best build tools
Learn build tools?
Build Tools - Freecodecamp
Let's pick a framework/library for you
Frameworks - Web Development
React
React Tutorial - Freecodecamp(Youtube)React Official Docs
React Router Tutorial
React Redux Tutorials
Vue JS
TutorialDocs
Angular
Angular Tutorial - Programming with Mosh(Youtube)Learn Angular - FreeCodeCamp(Youtube)
Docs
CSS Frameworks
Top CSS Frameworks
Tailwind vs MUI vs Bootstrap vs Chakra vs...
Bootstrap
TutorialDocs
Chakra UI
Tutorial 1 - Chakra UI for beginnersTutorial 2 - Build check out page with chakra UI
Docs
Tailwind CSS
Tailwind css crash course - Traversy Media(Youtube)Tailwind crash course - Traversy Media(Youtube)
Docs
What is PWA(Progressive Web Apps)
PWA tutorial - The Net Ninja(Youtube)
Progressive web apps - Mozilla developer docs
What are progressive web apps? - Freecodecamp
Progressive Web Apps