diff --git a/README.md b/README.md index b007eb9..c25a81a 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,12 @@ -

+ ## Module 1: Web Designing + +

+ | | | | -------------- | ------------------- | | Pre-requisites | Matriculation | @@ -15,26 +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) -- Bootstrap - - [Bootstrap](https://getbootstrap.com/) -- Google Fonts - - [Google Fonts](https://getbootstrap.com/) -- Netlify Hosting - - [Netlify](https://app.netlify.com/drop) +- 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.|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) - Git & Github Basics - [Github Desktop](https://desktop.github.com/) - Domain & Hosting Subscription (Deployment) @@ -42,6 +37,8 @@ ## Module 2: Front-End Development +

+ | | | | ------------- | ------------------------- | | Pre-requisite | Module 1 | @@ -60,6 +57,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 @@ -78,27 +76,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 (Optional) + - 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 @@ -111,6 +125,8 @@ ## Module 3: Modern Front-End Development +

+ | | | | ------------- | ------------------------ | | Prerequisites | Module 1, 2 | @@ -121,27 +137,31 @@ ### 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 + - Context API or Redux Tool kit - [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/) -- NextJS (SSR, AMP) -- React Native (Android) + +- [Tailwind CSS](https://tailwindcss.com/) +- [Material UI](https://mui.com/) +- [AntD](https://ant.design/) +- NextJS (App Router) + + - Folder Based Routing + - Server and Client Components + - Theory of 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 +

+ | | | | ------------- | --------------------- | | Prerequisites | Module 2 |