Front End Web Developer Roadmap

Veröffentlicht am: 24 August 2022
auf dem Kanal: 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


Auf dieser Seite können Sie das Online-Video Front End Web Developer Roadmap mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding Dev 24 August 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 726 Mal angesehen und es wurde von like den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!