diff --git a/README.md b/README.md index dd8059b..4af2788 100644 --- a/README.md +++ b/README.md @@ -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/) @@ -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 @@ -186,7 +186,9 @@ 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 @@ -194,14 +196,14 @@ Step by step guide to becoming a modern frontend developer ### [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 @@ -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) \ No newline at end of file +## [Optional - Understanding TypeScript](https://www.udemy.com/course/understanding-typescript)