An open API service indexing awesome lists of open source software.

https://github.com/muhammadadnan1998/online_web_and_mobile_application_development_course


https://github.com/muhammadadnan1998/online_web_and_mobile_application_development_course

Last synced: 5 months ago
JSON representation

Awesome Lists containing this project

README

          

Online Web & Mobile Application Development Course

## Module 1: Web Designing
| | |
| -------------- | ------------------- |
| Pre-requisites | Matriculation |
| Duration | 2 Months - 48 Hours |
| Quizzes | 1. HTML5 |
| | 2. CSS3 |
| Hackathon | After completion |

### Topics

- HTML5
- [Book-1 || Design and Build Websites by Jon Duckett](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Wiley.HTML.and.CSS.Oct.2011.pdf)
- [Book-2 || Jump Start HTML5](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Jump%20Start%20HTML5.pdf)
- [Book-3 || HTML5 & CSS3 For The Real World](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/HTML5%20%26%20CSS3%20FOR%20THE%20REAL%20WORLD.pdf)
- [Book-4 || Web Programming with HTML5, CSS, and JavaScript](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Web%20Programming%20with%20HTML5%2C%20CSS%2C%20and%20JavaScript.pdf)

- [For more detailed information](https://www.w3schools.com/html/default.asp)

- CSS3
- [Book-1 || Design and Build Websites by Jon Duckett](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Wiley.HTML.and.CSS.Oct.2011.pdf)
- [Book-2 || No Starch CSS 2nd Edition](https://github.com/MuhammadAdnan1998/Books/blob/main/css3/No.Starch.CSS.2nd.Edition.pdf)
- [Book-3 || HTML5 & CSS3 For The Real World](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/HTML5%20%26%20CSS3%20FOR%20THE%20REAL%20WORLD.pdf)
- [Book-4 || Web Programming with HTML5, CSS, and JavaScript](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Web%20Programming%20with%20HTML5%2C%20CSS%2C%20and%20JavaScript.pdf)
- [Book-5 || HTML XHTM and CSS all in one for Dummies 2nd edition](https://github.com/MuhammadAdnan1998/Books/blob/main/css3/html_xhtml_and_css_all-in-one_for_dummies_2nd_edition.pdf)

- [For more detailed information](https://www.w3schools.com/css/default.asp)
- 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)
- Git & Github Basics
- [Github Desktop](https://desktop.github.com/)
- Domain & Hosting Subscription (Deployment)
- [Namecheap](https://www.namecheap.com/)

## Module 2: Front-End Development

| | |
| ------------- | ------------------------- |
| Pre-requisite | Module 1 |
| Duration | 4 Months – 96 Hours |
| Quizzes | 1. JS1 (Chapter 1 to 20) |
| | 2. JS2 (Chapter 21 to 40) |
| | 3. JS3 (Chapter 41 to 60) |
| | 4. JS4 (Chapter 61 to 89) |
| | 5. TypeScript |
| | 6. Git |
| Hackathon | After completion |

### Topics

- JavaScript
- [Book-1 || A Smarter Way to Learn JavaScript](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)
- [Book-2 || JavaScript from Beginner to Professional](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript%20from%20Beginner%20to%20Professional.pdf)
- [Book-3 || The Modern JavaScript (2022)](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)
- [Book-4 || JavaScript for Impatient Programmers (ES2022 edition)](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)
- [Book-5 || Web Programming with HTML5, CSS, and JavaScript](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Web%20Programming%20with%20HTML5%2C%20CSS%2C%20and%20JavaScript.pdf)

- [For more detailed information](https://www.w3schools.com/js/default.asp)
- [Assignments]()
- Advanced Javascript (All ES Versions)
- Variable Scoping
- Closure
- Template literals
- Destructuring
- Default parameters
- Rest parameter
- Spread Operator
- Arrow functions
- Enhanced object literals
- Iterators & For..of
- Generators
- Modules
- Map
- Array methods
- Higher-order function
- CallBack
- Promises
- Exponentiation Operator
- Classes
- Ternary Operator
- Optional chaining
- 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
- Phone
- Google
- Firestore
- Storage
- PWA (Progressive Web Applications)
- [Builder](https://www.pwabuilder.com/)

## Module 3: Modern Front-End Development

| | |
| ------------- | ------------------------ |
| Prerequisites | Module 1, 2 |
| Duration | 3 Months – 72 Hours |
| Quizzes | 1. ReactJS |
| | 2. NextJS + React Native |
| Hackathon | After completion |

### Topics

- ReactJS (CRA, Vite)
- [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
- [Tailwind](https://tailwindcss.com/)
- Material
- [MUI](https://mui.com/)
- AntD
- [AntD](https://ant.design/)
- NextJS (SSR, AMP)
- React Native (Android)
- Firebase (Connection)

## Module 4: Back-End App Development

| | |
| ------------- | --------------------- |
| Prerequisites | Module 2 |
| Duration | 3 Months – 72 Hours |
| Quizzes | 1. NodeJS + ExpressJS |
| | 2. MongoDB |
| | 3. PostgreSQL |
| Hackathon | After completion |

### Topics

- NodeJS
- ExpressJS
- Basic Routes
- Database Connection
- CRUD
- Authentication
- Middleware
- Protected Routes
- [File System module](https://nodejs.org/api/fs.html)
- NestJS
- MongoDB
- CRUD
- Queries
- JWT
- WebSocket
- Bcrypt
- Cloudinary
- GraphQL
- PostgreSQL
- CRUD
- Queries
- Sequelize
- Payment Integration
- Stripe
- Paypal