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: 2 months ago
JSON representation
I have compiled the program or the code or the resource that i have followed during learning front end development.
- Host: GitHub
- URL: https://github.com/prithvikings/frontend_mastery
- Owner: prithvikings
- Created: 2024-06-17T12:35:03.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-03-05T16:26:08.000Z (3 months ago)
- Last Synced: 2025-03-05T17:38:17.609Z (3 months ago)
- Topics: gsap, javascript, locomotivejs, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 79.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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: