Home

Awesome

<div align="center"> <h1>Learning Resource Roadmap - (Front-End Development)</h1> <p>✨This repo serves as a resource for developers to leverage on their journey into Front End Development.✨</p> <p align="center"> <a href="https://github.com/lauragift21/Learning-Resource-Path-Front-End"><img src="https://img.shields.io/badge/Roadmap-2019-purple.svg"/></a> <a href="https://twitter.com/intent/tweet?text=Learning%20Resource%20Roadmap%20for%20Front%20End%20Developers%20https%3A//github.com/devcenter-square/Learning-Resource-Path-Front-End"><img src="https://img.shields.io/badge/twitter-tweet-blue.svg"/></a> <a href="https://www.devcenter.co/community"><img src="https://img.shields.io/badge/feedback-@devcentersquare-green.svg" /></a> </p> </div>

This is a visual roadmap for beginners venturing into the World of Software Development. In order not to feel overwhelmed by how much you need to know to be a Front End Developer. This roadmap serves as a guide through out your journey. You can follow through this guide and be assured you are on the right path.

Resource types:
🎮 - Interactive
📚 - Book
📹 - Video
📝 - Article
🎤 - Podcast
👩‍💻 - Community
💰 - Paid Resource
🎁- Free Resource
🏆 - Exercises

Beginner Level Front End Development

HTML

CSS

🏆 Exercises & Challenges to test out your knowledge on HTML and CSS 🏆

JavaScript

GIT

Mid Level Front End Development

CSS

JavaScript

React

Vue

Angular

Testing

🏆 Exercises & Challenges to test out your knowledge on JavaScript 🏆

Web Animations

Developer Tools

Web Fonts

UI/UX Design

Advanced Level Front End Development

Web Security

Data Mangement (GraphQL, Rest)

Serverless Architecture

Computer Science

State Management

Web Typography

Responsive and Mobile Design

Progressive Web App

Web Performance

Web Accessibility

Leverage The Power Of IDE/Text-Editors