From 28c318740f676078a55d60a8732070956c2d30f5 Mon Sep 17 00:00:00 2001 From: Shehzad Iqbal Date: Tue, 9 Jan 2024 21:36:58 +0500 Subject: [PATCH 1/5] Additional CSS Topics added in table and icons added for each module --- README.md | 46 +++++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index 3c1db3c..5739584 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,12 @@ -

+ ## Module 1: Web Designing + +

+ | | | | -------------- | ------------------- | | Pre-requisites | Matriculation | @@ -15,24 +18,18 @@ ### Topics -- HTML5 - - [Book](https://github.com/ghousahmed/Books/blob/master/Wiley.HTML.and.CSS.Oct.2011.pdf) -- CSS3 - - [Book](https://github.com/ghousahmed/Books/blob/master/Wiley.HTML.and.CSS.Oct.2011.pdf) -- CSS Variables - - [W3schools](https://www.w3schools.com/css/css3_variables.asp) -- CSS Animations - - [Animate.style](https://animate.style/) -- Media queries - - [CSS-Tricks](https://css-tricks.com/a-complete-guide-to-css-media-queries/) -- Flexbox - - [CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) -- Font Awesome - - [Fontawesome](https://fontawesome.com/icons) +- HTML 5 [(Book)](https://github.com/ghousahmed/Books/blob/master/Wiley.HTML.and.CSS.Oct.2011.pdf) +- CSS 3 [(Book)](https://github.com/ghousahmed/Books/blob/master/Wiley.HTML.and.CSS.Oct.2011.pdf) + | | Additional CSS Topics | Resource | + | --- | ----- | -------- | + | 1. | CSS Variables |[W3schools](https://www.w3schools.com/css/css3_variables.asp)| + |2. |CSS Animation Library|[Animate.style](https://animate.style/)| + |3.|Media queries|[CSS-Tricks](https://css-tricks.com/a-complete-guide-to-css-media-queries/)| + |4.|Flexbox|[CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)| + |5.|Font Awesome|[FontAwesome](https://fontawesome.com/icons)| + |6. |Google Fonts|[Google Fonts](https://getbootstrap.com/)| - Bootstrap - [Bootstrap](https://getbootstrap.com/) -- Google Fonts - - [Google Fonts](https://getbootstrap.com/) - Netlify Hosting - [Netlify](https://app.netlify.com/drop) - Git & Github Basics @@ -42,6 +39,8 @@ ## Module 2: Front-End Development +

+ | | | | ------------- | ------------------------- | | Pre-requisite | Module 1 | @@ -111,6 +110,8 @@ ## Module 3: Modern Front-End Development +

+ | | | | ------------- | ------------------------ | | Prerequisites | Module 1, 2 | @@ -130,18 +131,17 @@ - Redux - [TanStack Query](https://tanstack.com/query/v3/) - [Ahooks](https://ahooks.js.org/) -- Tailwind CSS - - [Tailwind](https://tailwindcss.com/) -- Material - - [MUI](https://mui.com/) -- AntD - - [AntD](https://ant.design/) +- [Tailwind CSS](https://tailwindcss.com/) +- [Material UI](https://mui.com/) +- [AntD](https://ant.design/) - NextJS (SSR, AMP) - React Native (Android) - Firebase (Connection) ## Module 4: Back-End App Development +

+ | | | | ------------- | --------------------- | | Prerequisites | Module 2 | From 032b084a42f00318013da66dbaaf6653a1f3c32e Mon Sep 17 00:00:00 2001 From: Shehzad Iqbal Date: Sun, 21 Jan 2024 18:50:18 +0500 Subject: [PATCH 2/5] OOPs separated #3 --- README.md | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 5739584..e7d614b 100644 --- a/README.md +++ b/README.md @@ -59,6 +59,7 @@ - [Book](https://github.com/ghousahmed/Books/blob/master/ASmarterWaytoLearnJavaScript.pdf) - [Assignments](https://github.com/ghousahmed/javascript-exercises) - Advanced Javascript (All ES Versions) + - Variable Scoping - Closure - Template literals @@ -77,27 +78,43 @@ - CallBack - Promises - Exponentiation Operator - - Classes - Ternary Operator - Optional chaining + +- Object-oriented programming (OOPs) + + - Classes + - Easy to understand Resources ( [Class 1](https://youtu.be/k3vRSkh8-qM) | [Class 2](https://youtu.be/4HfHJJtJLRE) | [Class 3](https://www.facebook.com/share/v/4poMFRMR8hBysxn5) ) + - Object and Instance + - Overview of following + - Abstraction + - Inheritance + - Polymorphism + - Data Abstraction and Encapsulation + - OOP in Typescript (after TS) + - TypeScript introduces static typing and additional features that enhances OOP like public/protected/private access modifiers etc. + - TypeScript + - TS Compiler - Type Annotations - Interfaces - - Classes - Generics - Enums - Type Inference - Union and Intersection Types - Type Guards - Decorators + - Advance Github + - Branches - PR - PR review - Merge - Rebase - Cherry Pick + - Firebase - Authentication - Email From c38d371ec052241bedb7817427dd7f0fe94234c6 Mon Sep 17 00:00:00 2001 From: Shehzad Iqbal Date: Sun, 21 Jan 2024 19:21:47 +0500 Subject: [PATCH 3/5] Nextjs Topics and some fixes --- README.md | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index e7d614b..97b96a8 100644 --- a/README.md +++ b/README.md @@ -28,10 +28,8 @@ |4.|Flexbox|[CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)| |5.|Font Awesome|[FontAwesome](https://fontawesome.com/icons)| |6. |Google Fonts|[Google Fonts](https://getbootstrap.com/)| -- Bootstrap - - [Bootstrap](https://getbootstrap.com/) -- Netlify Hosting - - [Netlify](https://app.netlify.com/drop) +- [Bootstrap](https://getbootstrap.com/) +- [Netlify Hosting](https://app.netlify.com/drop) - Git & Github Basics - [Github Desktop](https://desktop.github.com/) - Domain & Hosting Subscription (Deployment) @@ -139,21 +137,27 @@ ### Topics -- ReactJS (CRA, Vite) - - [CRA](https://create-react-app.dev/) - - [Vite](https://vitejs.dev/) +- ReactJS ( [CRA](https://create-react-app.dev/), [ Vite](https://vitejs.dev/) ) + - React Icons - React Router DOM - Context API - Redux - [TanStack Query](https://tanstack.com/query/v3/) - [Ahooks](https://ahooks.js.org/) + - [Tailwind CSS](https://tailwindcss.com/) - [Material UI](https://mui.com/) - [AntD](https://ant.design/) -- NextJS (SSR, AMP) -- React Native (Android) +- NextJS (App Router) + + - Folder Based Routing + - Server vs Client Components + - Dynamic Routes and Dynamic vs Static Pages + - What is CSR, SSR, SSG, ISR and AMP + - Firebase (Connection) +- React Native (Android) ## Module 4: Back-End App Development From 2cc76588b85cf7a9278fd914ccded12518317322 Mon Sep 17 00:00:00 2001 From: Shehzad Iqbal Date: Sun, 4 Feb 2024 21:42:29 +0500 Subject: [PATCH 4/5] google icons(optional) added --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e8e9e48..5f36357 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ |2. |CSS Animation Library|[Animate.style](https://animate.style/)| |3.|Media queries|[CSS-Tricks](https://css-tricks.com/a-complete-guide-to-css-media-queries/)| |4.|Flexbox|[CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)| - |5.|Font Awesome|[FontAwesome](https://fontawesome.com/icons)| + |5.|Icons |[FontAwesome](https://fontawesome.com/icons) or [Google Icons](https://fonts.google.com/icons)| |6. |Google Fonts|[Google Fonts](https://getbootstrap.com/)| - [Bootstrap](https://getbootstrap.com/) - [Netlify Hosting](https://app.netlify.com/drop) From f6146cde2b9f2cb43ccbba72cf93cf81ad6c217a Mon Sep 17 00:00:00 2001 From: Shehzad Iqbal Date: Sun, 4 Feb 2024 21:48:17 +0500 Subject: [PATCH 5/5] improvements marked somethings as optional --- README.md | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 5f36357..c25a81a 100644 --- a/README.md +++ b/README.md @@ -89,7 +89,7 @@ - Inheritance - Polymorphism - Data Abstraction and Encapsulation - - OOP in Typescript (after TS) + - OOP in Typescript (Optional) - TypeScript introduces static typing and additional features that enhances OOP like public/protected/private access modifiers etc. - TypeScript @@ -137,12 +137,11 @@ ### Topics -- ReactJS ( [CRA](https://create-react-app.dev/), [ Vite](https://vitejs.dev/) ) +- ReactJS ( [CRA](https://create-react-app.dev/), [Vite](https://vitejs.dev/) ) - React Icons - React Router DOM - - Context API - - Redux + - Context API or Redux Tool kit - [TanStack Query](https://tanstack.com/query/v3/) - [Ahooks](https://ahooks.js.org/) @@ -152,8 +151,8 @@ - NextJS (App Router) - Folder Based Routing - - Server vs Client Components - - Dynamic Routes and Dynamic vs Static Pages + - Server and Client Components + - Theory of Dynamic Routes and Dynamic vs Static Pages - What is CSR, SSR, SSG, ISR and AMP - Firebase (Connection)