An open API service indexing awesome lists of open source software.

https://github.com/prithvikings/frontend_mastery

I have compiled the program or the code or the resource that i have followed during learning front end development.
https://github.com/prithvikings/frontend_mastery

gsap javascript locomotivejs react-router reactjs tailwindcss

Last synced: 3 months ago
JSON representation

I have compiled the program or the code or the resource that i have followed during learning front end development.

Awesome Lists containing this project

README

        

# ⚡Front-End Web Development Roadmap

## Overview
This repository contains a comprehensive roadmap I followed to master front-end web development. It includes resources, code examples, and projects that helped me build a solid foundation in HTML, CSS, JavaScript, and advanced frameworks like React. This guide is designed to be a helpful reference for anyone looking to start or advance their front-end development skills.

## Table of Contents
1. [Introduction](#introduction)
2. [Technologies Covered](#technologies-covered)
3. [Roadmap](#roadmap)
- [Basics of Web Development](#1-basics-of-web-development)
- [Version Control](#2-version-control)
- [CSS Preprocessors & Frameworks](#3-css-preprocessors--frameworks)
- [JavaScript Frameworks](#4-javascript-frameworks)
- [UI/UX Design Fundamentals](#5-uiux-design-fundamentals)
- [Advanced JavaScript](#6-advanced-javascript)
4. [Projects](#projects)
5. [Getting Started](#getting-started)
6. [Contributing](#contributing)
7. [License](#license)

## Introduction
This repository documents the roadmap I followed, covering everything from the basics to advanced topics, along with code examples and projects.

## Technologies Covered
- **HTML & CSS**
- **Tailwind CSS**
- **JavaScript (ES6+)**
- **React.js**
- **GSAP (GreenSock Animation Platform)**
- **Figma (for UI/UX Design)**
- **Git & GitHub**

## Roadmap

### 1. Basics of Web Development
- HTML: Structure of web pages
- CSS: Styling and layout techniques
- JavaScript: DOM manipulation, events, ES6 basics

### 2. Version Control
- Git: Basic commands, branching, and collaboration on GitHub

### 3. CSS Preprocessors & Frameworks
- SASS/LESS: Variables, nesting, mixins
- Tailwind CSS: Utility-first CSS framework

### 4. JavaScript Frameworks
- React.js: Components, state management, hooks
- Optional: Vue.js, Angular

### 5. UI/UX Design Fundamentals
- Figma: Prototyping, wireframing, and design principles
- Design principles: Color theory, typography, layout

### 6. Advanced JavaScript
- ES6+: Async/await, modules, and advanced topics
- State management with Redux or Context API
- Optional: TypeScript basics

## Getting Started
To get started with this repository, clone it to your local machine: