Front End Web Developer Roadmap

Published: 24 August 2022
on channel: Coding Dev
726
like

Frontend Web Development Roadmap👇

🔗 Good to know
1. WWW: How www works.
2. HTTP
3. Browser: Working of Browser.

🔗 Basics
1. HTML: HTML is used to form the “skeleton”, or the base, of any website.
2. CSS: It is used to add styles to your web pages like colors, fonts, layouts, and animations.
3. JavaScript: Javascript improves the interactivity of your website. It adds functionality to the website.

🔗 Pro CSS
1. Preprocessors: With the help of CSS preprocessors, we can use logic in our styling files like variables, functions, mixins, inheritance, etc. SASS/SCSS, Stylus, and Less are a few popular preprocessors.
2. Frameworks: CSS Frameworks like Bootstrap, Materialize, Tailwind, Semantic UI, Bulma, etc.

🔗 Pro Javascript
1. Frameworks: Frameworks offer enhanced functionality without writing the code from scratch. Angular, React, Vue.js, Meteor, etc are some popular Javascript Frameworks.
2. DOM: The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents.
3. Fetch API: The Fetch API provides an interface for fetching resources.
4. Modern Javascript: Learn new features and syntaxes introduced in JavaScript in ES6, ES7, ES8, etc.

🔗 Intermediate
1. Github
2. Browser Compatibility
3. Responsive Design.

🔗 Advanced
1. Package Manager: A Package Manager is a tool that allows you to install, configure, update and manage software packages. NPM and Yarn are two popular Package Managers.
2. Version Control: It allows you to manage and track changes to the source code and also revert to a previous version of the code, instead of manually reverting the changes. Git is the popular Version Control System.
3. Testing & Performance: Testing the website from a user's point of view.
4. Deployment: Pushing changes or updates from one deployment environment to another.
5. SEO: Making your content search-friendly.

🔗 Optional
• Designing: Basic understanding of image manipulation, designing graphical components, etc is a huge bonus. Some of the popular tools are Adobe Photoshop, Figma, etc.
Thanks for Reading!

Follow @coding_dev_

#frontend #webdevelopment #roadmap


On this page of the site you can watch the video online Front End Web Developer Roadmap with a duration of hours minute second in good quality, which was uploaded by the user Coding Dev 24 August 2022, share the link with friends and acquaintances, this video has already been watched 726 times on youtube and it was liked by like viewers. Enjoy your viewing!