Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update README.md #9

Open
wants to merge 42 commits into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
Show all changes
42 commits
Select commit Hold shift + click to select a range
9f425a7
Update README.md
Khaleeq01 Aug 16, 2024
132e33f
Update README.md
Khaleeq01 Aug 17, 2024
6055808
Update README.md
Khaleeq01 Aug 21, 2024
0b41b8d
Completed html fundamentals
Khaleeq01 Aug 22, 2024
5264c0e
Completed CSS Fundamentals
Khaleeq01 Aug 22, 2024
e85f9c1
Completed Layouts: Floats, Flexbox, and CSS Grid Fundamentals
Khaleeq01 Aug 23, 2024
6d69115
Completed Web design rules and frameworks
Khaleeq01 Aug 27, 2024
8189f7d
Completed Components and Layout Patterns
Khaleeq01 Aug 28, 2024
7823888
Completed Omni food project
Khaleeq01 Sep 3, 2024
9054f53
Completed JavaScript fundamentals part 1
Khaleeq01 Sep 4, 2024
8b2fcbc
Completed JavaScript fundamentals part 2 and Developer skills and edi…
Khaleeq01 Sep 5, 2024
7070d34
Completed Dom and Event Fundamentals
Khaleeq01 Sep 6, 2024
8fa640d
Completed How JavaScript works behind the scene
Khaleeq01 Sep 7, 2024
81711a8
Completed Data Structures, Modern Operators and Strings
Khaleeq01 Sep 9, 2024
8f082fe
Completed Functions and Array
Khaleeq01 Sep 10, 2024
467c451
Completed Numbers, Dates, Intl and Timers
Khaleeq01 Sep 11, 2024
20d728a
Completed Advanced DOM and Events and OOPS
Khaleeq01 Sep 12, 2024
1f83f4a
Completed Mapty App
Khaleeq01 Sep 13, 2024
cee3e4f
Completed Asynchronous JavaScript: Promises, Async/Await, and AJAX
Khaleeq01 Sep 14, 2024
5264eeb
Completed Modern JavaScript Development: Modules, Tooling, and Functi…
Khaleeq01 Sep 17, 2024
3fef19b
Completed Forkify App ,git and deployment
Khaleeq01 Sep 18, 2024
6069db2
Completed Todo-Application Project
Khaleeq01 Sep 19, 2024
775a5bd
Getting Started with React States components, Jsx
Khaleeq01 Sep 24, 2024
3567444
Completed React Basics and Practice Components
Khaleeq01 Sep 25, 2024
4c3d03f
Completed React State & Working with Events
Khaleeq01 Sep 26, 2024
f70ccaa
Completed Rendering Lists & Conditional Content and Debugging React Apps
Khaleeq01 Sep 27, 2024
f1bef81
Completed Practice Project
Khaleeq01 Sep 29, 2024
615083b
Completed Fragments, Portals & "Refs"
Khaleeq01 Oct 1, 2024
9886047
Completed Advanced: Handling Side Effects, Using Reducers & Using the…
Khaleeq01 Oct 3, 2024
619d7f1
Completed React Quiz App project and A Look Behind The Scenes Of Reac…
Khaleeq01 Oct 6, 2024
4345af4
Completed Sending Http Requests (e.g. Connecting to a Database)
Khaleeq01 Oct 7, 2024
dd425aa
Completed Building Custom React Hooks and Working with Forms & User …
Khaleeq01 Oct 8, 2024
83bb429
Completed Food Order App till flexible custom button component
Khaleeq01 Oct 9, 2024
973d11f
Completed Food Order App Project
Khaleeq01 Oct 10, 2024
cc782f8
Completed Diving into Redux
Khaleeq01 Oct 11, 2024
674f86a
Completed Advanced Redux
Khaleeq01 Oct 12, 2024
ddf7d18
Completed Building a Multi-Page SPA with React Router
Khaleeq01 Oct 15, 2024
e3125ac
Completed Adding Authentication To React Apps and Deploying React Apps
Khaleeq01 Oct 16, 2024
ddb61d3
Completed Material UI till Header Navigation Bar Components
Khaleeq01 Oct 17, 2024
b23ccd3
Completed till data grid
Khaleeq01 Oct 18, 2024
123589a
Completed React
Khaleeq01 Oct 21, 2024
3da42ba
Completed React+Typescript
Khaleeq01 Oct 21, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
172 changes: 87 additions & 85 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,63 +6,63 @@ Step by step guide to becoming a modern frontend developer

### [Visual Studio Code Editor - The Complete Guide](https://www.udemy.com/course/visual-studio-code-editor-the-complete-guide/)

- [ ] The Basics
- [ ] Customizing Visual Studio Code
- [ ] Write Code 10x Faster Using Advance Shortcuts
- [ ] Emmet's In Visual Studio Code
- [ ] VSC Top Extensions
- [] The Basics
- [] Customizing Visual Studio Code
- [] Write Code 10x Faster Using Advance Shortcuts
- [] Emmet's In Visual Studio Code
- [] VSC Top Extensions

### [Git Tutorials](https://www.youtube.com/watch?v=evknSAkUIvs&list=PLu0W_9lII9agwhy658ZPA0MTStKUJTWPi)

- [ ] What is Git/GitHub & Why do we need it? | Git Tutorials #1
- [ ] Installing Git + Initial Setup? | Git Tutorials #2
- [ ] Git: Three Stage Architecture | Git Tutorials #3
- [ ] Tracking Our first Git Project | Git Tutorials #4
- [ ] Cloning a Remote Git Repository from GitHub | Git Tutorials #5
- [ ] Git: File Status Lifecycle | Git Tutorials #6
- [ ] .gitignore: Ignoring Files in Git | Git Tutorials #7
- [ ] Git Diff: Showing Changes Between Commits/Staging Area & Working Directory | Git Tutorials #8
- [ ] Git: Skipping The Staging Area | Git Tutorials #9
- [ ] Moving and Renaming Files In Git | Git Tutorials #10
- [ ] Git Log: Viewing & Changing Commits In Git | Git Tutorials #11
- [ ] Unstaging & Unmodifying Files In Git | Git Tutorials #12
- [ ] GitHub: Working with Remote Repositories | Git Tutorials #13
- [ ] Setting Alias In Git | Git Tutorials #14
- [ ] Git: Creating & Switching Branches In Git | Git Tutorials #15
- [ ] Branching & Merging a Production Grade Project | Git Tutorials #16
- [ ] Resolving Merge Conflicts (With Example) | Git Tutorials #17
- [ ] Git Branching Workflow in Production | Git Tutorials #18
- [ ] Pushing Git Branches To Remote Repositories | Git Tutorials #19
- [] What is Git/GitHub & Why do we need it? | Git Tutorials #1
- [] Installing Git + Initial Setup? | Git Tutorials #2
- [] Git: Three Stage Architecture | Git Tutorials #3
- [] Tracking Our first Git Project | Git Tutorials #4
- [] Cloning a Remote Git Repository from GitHub | Git Tutorials #5
- [] Git: File Status Lifecycle | Git Tutorials #6
- [] .gitignore: Ignoring Files in Git | Git Tutorials #7
- [] Git Diff: Showing Changes Between Commits/Staging Area & Working Directory | Git Tutorials #8
- [] Git: Skipping The Staging Area | Git Tutorials #9
- [] Moving and Renaming Files In Git | Git Tutorials #10
- [] Git Log: Viewing & Changing Commits In Git | Git Tutorials #11
- [] Unstaging & Unmodifying Files In Git | Git Tutorials #12
- [] GitHub: Working with Remote Repositories | Git Tutorials #13
- [] Setting Alias In Git | Git Tutorials #14
- [] Git: Creating & Switching Branches In Git | Git Tutorials #15
- [] Branching & Merging a Production Grade Project | Git Tutorials #16
- [] Resolving Merge Conflicts (With Example) | Git Tutorials #17
- [] Git Branching Workflow in Production | Git Tutorials #18
- [] Pushing Git Branches To Remote Repositories | Git Tutorials #19

## WEEK 02

### [Build Responsive Real-World Websites with HTML and CSS](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/)

- [ ] Welcome and First Steps
- [ ] HTML Fundamentals
- [ ] CSS Fundamentals
- [ ] Layouts: Floats, Flexbox, and CSS Grid Fundamentals
- [] Welcome and First Steps
- [] HTML Fundamentals
- [] CSS Fundamentals
- [] Layouts: Floats, Flexbox, and CSS Grid Fundamentals

## WEEK 03

### [Build Responsive Real-World Websites with HTML and CSS](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/)

- [ ] Web Design Rules and Framework
- [ ] Components and Layout Patterns
- [] Web Design Rules and Framework
- [] Components and Layout Patterns

## WEEK 04

### [Build Responsive Real-World Websites with HTML and CSS](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/)

- [ ] Omnifood Project – Setup and Desktop Version
- [ ] Omnifood Project – Responsive Web Design
- [] Omnifood Project – Setup and Desktop Version
- [] Omnifood Project – Responsive Web Design

## WEEK 05

### [Build Responsive Real-World Websites with HTML and CSS](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/)

- [ ] Omnifood Project – Effects, Optimizations and Deployment
- [ ] The End!
- [] Omnifood Project – Effects, Optimizations and Deployment
- [] The End!

### [Tailwind CSS From Scratch | Learn By Building Projects](https://www.udemy.com/course/tailwind-from-scratch/)

Expand Down Expand Up @@ -90,93 +90,93 @@ Step by step guide to becoming a modern frontend developer

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Welcome, Welcome, Welcome!
- [ ] JavaScript Fundamentals – Part 1
- [ ] JavaScript Fundamentals – Part 2
- [ ] How to Navigate This Course
- [] Welcome, Welcome, Welcome!
- [] JavaScript Fundamentals – Part 1
- [] JavaScript Fundamentals – Part 2
- [] How to Navigate This Course

## WEEK 09

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Developer Skills & Editor Setup
- [ ] [OPTIONAL] HTML & CSS Crash Course
- [ ] JavaScript in the Browser: DOM and Events Fundamentals
- [ ] How JavaScript Works Behind the Scenes
- [] Developer Skills & Editor Setup
- [] [OPTIONAL] HTML & CSS Crash Course
- [] JavaScript in the Browser: DOM and Events Fundamentals
- [] How JavaScript Works Behind the Scenes

## WEEK 10

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Data Structures, Modern Operators and Strings
- [ ] A Closer Look at Functions
- [ ] Working With Arrays
- [] Data Structures, Modern Operators and Strings
- [] A Closer Look at Functions
- [] Working With Arrays

## WEEK 11

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Numbers, Dates, Intl and Timers
- [ ] Advanced DOM and Events
- [ ] Object-Oriented Programming (OOP) With JavaScript
- [] Numbers, Dates, Intl and Timers
- [] Advanced DOM and Events
- [] Object-Oriented Programming (OOP) With JavaScript

## WEEK 12

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Mapty App: OOP, Geolocation, External Libraries, and More!
- [ ] Asynchronous JavaScript: Promises, Async/Await, and AJAX
- [ ] Modern JavaScript Development: Modules, Tooling, and Functional
- [] Mapty App: OOP, Geolocation, External Libraries, and More!
- [] Asynchronous JavaScript: Promises, Async/Await, and AJAX
- [] Modern JavaScript Development: Modules, Tooling, and Functional

## WEEK 13

### [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/)

- [ ] Forkify App: Building a Modern Application
- [ ] Setting Up Git and Deployment
- [ ] The End!
- [] Forkify App: Building a Modern Application
- [] Setting Up Git and Deployment
- [] The End!

## WEEK 14

### Practice Project - ToDo Application
- [✔] Practice Project - ToDo Application

## WEEK 15

### [React - The Complete Guide 2023 (incl. React Router & Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)

- [ ] Getting Started
- [] Getting Started
- [ ] JavaScript Refresher
- [ ] React Basics & Working With Components
- [ ] Time to Practice: Component Basics
- [ ] React State & Working with Events
- [ ] Rendering Lists & Conditional Content
- [] React Basics & Working With Components
- [] Time to Practice: Component Basics
- [] React State & Working with Events
- [] Rendering Lists & Conditional Content
- [ ] Styling React Components
- [ ] Debugging React Apps
- [ ] Time to Practice: A Complete Practice Project
- [] Debugging React Apps
- [] Time to Practice: A Complete Practice Project

## WEEK 16

### [React - The Complete Guide 2023 (incl. React Router & Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)

- [ ] Diving Deeper: Working with Fragments, Portals & "Refs"
- [ ] Advanced: Handling Side Effects, Using Reducers & Using the Context API
- [ ] Practice Project: Building a Food Order App
- [ ] A Look Behind The Scenes Of React & Optimization Techniques
- [] Diving Deeper: Working with Fragments, Portals & "Refs"
- [] Advanced: Handling Side Effects, Using Reducers & Using the Context API
- [] Practice Project: Building a Food Order App
- [] A Look Behind The Scenes Of React & Optimization Techniques
- [ ] An Alternative Way Of Building Components: Class-based Components
- [ ] Sending Http Requests (e.g. Connecting to a Database)
- [ ] Building Custom React Hooks
- [ ] Working with Forms & User Input
- [ ] Practice Project: Adding Http & Forms To The Food Order App
- [] Sending Http Requests (e.g. Connecting to a Database)
- [] Building Custom React Hooks
- [] Working with Forms & User Input
- [] Practice Project: Adding Http & Forms To The Food Order App

## WEEK 17

### [React - The Complete Guide 2023 (incl. React Router & Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)

- [ ] Diving into Redux (An Alternative To The Context API)
- [ ] Advanced Redux
- [ ] Building a Multi-Page SPA with React Router
- [ ] Adding Authentication To React Apps
- [ ] Deploying React Apps
- [] Diving into Redux (An Alternative To The Context API)
- [] Advanced Redux
- [] Building a Multi-Page SPA with React Router
- [] Adding Authentication To React Apps
- [] Deploying React Apps

## WEEK 18

Expand All @@ -186,22 +186,24 @@ Step by step guide to becoming a modern frontend developer
- [ ] Animating React Apps
- [ ] Replacing Redux with React Hooks
- [ ] Testing React Apps (Unit Tests)
- [ ] Optional: React + TypeScript
- [ ] The Basics
- [ ] The Basics
- [✔] Optional: React + TypeScript
- [ ] Optional: React Hooks Introduction & Summary
- [ ] Optional: React Summary & Core Feature Walkthrough

## WEEK 19

### [Material UI - The Complete Guide With React (2023) Edition](https://www.udemy.com/course/material-ui/)

- [ ] Introduction
- [ ] Setting Up Environment
- [ ] Diving into Material UI Components One By One
- [ ] Form Handling
- [ ] Header Navigation Bar Components
- [ ] Advance Components
- [ ] Advanced Validations With React Hook Form
- [ ] Data Grid
- [] Introduction
- [] Setting Up Environment
- [] Diving into Material UI Components One By One
- [] Form Handling
- [] Header Navigation Bar Components
- [] Advance Components
- [] Advanced Validations With React Hook Form
- [] Data Grid
- [ ] Advanced Data Grid With Project
- [ ] Theming and Styling
- [ ] Advance Styling with styled function
Expand Down Expand Up @@ -268,4 +270,4 @@ Step by step guide to becoming a modern frontend developer
- [ ] Optional: NextJS Summary
- [ ] Course Roundup

## [Optional - Understanding TypeScript](https://www.udemy.com/course/understanding-typescript)
## [Optional - Understanding TypeScript](https://www.udemy.com/course/understanding-typescript)