{"id":25100623,"url":"https://github.com/muhammadadnan1998/online_web_and_mobile_application_development_course","last_synced_at":"2026-01-11T01:48:23.961Z","repository":{"id":235096726,"uuid":"790045172","full_name":"MuhammadAdnan1998/online_web_and_mobile_application_development_course","owner":"MuhammadAdnan1998","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-27T06:31:46.000Z","size":1585,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T20:16:46.668Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MuhammadAdnan1998.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-22T06:58:51.000Z","updated_at":"2024-05-29T18:41:56.000Z","dependencies_parsed_at":"2024-04-27T05:30:49.867Z","dependency_job_id":null,"html_url":"https://github.com/MuhammadAdnan1998/online_web_and_mobile_application_development_course","commit_stats":null,"previous_names":["muhammadadnan1998/online_web_and_mobile_application_development_course"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAdnan1998%2Fonline_web_and_mobile_application_development_course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAdnan1998%2Fonline_web_and_mobile_application_development_course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAdnan1998%2Fonline_web_and_mobile_application_development_course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAdnan1998%2Fonline_web_and_mobile_application_development_course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhammadAdnan1998","download_url":"https://codeload.github.com/MuhammadAdnan1998/online_web_and_mobile_application_development_course/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246763844,"owners_count":20829798,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-07T20:16:48.333Z","updated_at":"2026-01-11T01:48:23.912Z","avatar_url":"https://github.com/MuhammadAdnan1998.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align='center'\u003eOnline Web \u0026 Mobile Application Development Course\u003c/h1\u003e\n\n\u003cimg src='/imgs/banner.jpg'/\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://skillicons.dev/icons?i=html,css,js,ts,git\" /\u003e\u003cimg src=\"https://skillicons.dev/icons?i=react,mui,tailwind,nextjs,nodejs\" /\u003e\u003cimg src=\"https://skillicons.dev/icons?i=express,mongodb,graphql,postgresql,nestjs\" /\u003e\u003cp/\u003e\n\n## Module 1: Web Designing\n|                |                     |\n| -------------- | ------------------- |\n| Pre-requisites | Matriculation       |\n| Duration       | 2 Months - 48 Hours |\n| Quizzes        | 1. HTML5            |\n|                | 2. CSS3             |\n| Hackathon      | After completion    |\n\n### Topics\n\n- HTML5\n  - [Book-1 || Design and Build Websites by Jon Duckett](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Wiley.HTML.and.CSS.Oct.2011.pdf)\n  - [Book-2 || Jump Start HTML5](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Jump%20Start%20HTML5.pdf)\n  - [Book-3 || HTML5 \u0026 CSS3 For The Real World](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/HTML5%20%26%20CSS3%20FOR%20THE%20REAL%20WORLD.pdf)\n  - [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)\n\n  - [For more detailed information](https://www.w3schools.com/html/default.asp)\n\n- CSS3\n  - [Book-1 || Design and Build Websites by Jon Duckett](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/Wiley.HTML.and.CSS.Oct.2011.pdf)\n  - [Book-2 || No Starch CSS 2nd Edition](https://github.com/MuhammadAdnan1998/Books/blob/main/css3/No.Starch.CSS.2nd.Edition.pdf)\n  - [Book-3 || HTML5 \u0026 CSS3 For The Real World](https://github.com/MuhammadAdnan1998/Books/blob/main/html5/HTML5%20%26%20CSS3%20FOR%20THE%20REAL%20WORLD.pdf)\n  - [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)\n  - [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)\n\n  - [For more detailed information](https://www.w3schools.com/css/default.asp)\n- CSS Variables\n  - [W3schools](https://www.w3schools.com/css/css3_variables.asp)\n- CSS Animations\n  - [Animate.style](https://animate.style/)\n- Media queries\n  - [CSS-Tricks](https://css-tricks.com/a-complete-guide-to-css-media-queries/)\n- Flexbox\n  - [CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)\n- Font Awesome\n  - [Fontawesome](https://fontawesome.com/icons)\n- Bootstrap\n  - [Bootstrap](https://getbootstrap.com/)\n- Google Fonts\n  - [Google Fonts](https://getbootstrap.com/)\n- Netlify Hosting\n  - [Netlify](https://app.netlify.com/drop)\n- Git \u0026 Github Basics\n  - [Github Desktop](https://desktop.github.com/)\n- Domain \u0026 Hosting Subscription (Deployment)\n  - [Namecheap](https://www.namecheap.com/)\n\n## Module 2: Front-End Development\n\n|               |                           |\n| ------------- | ------------------------- |\n| Pre-requisite | Module 1                  |\n| Duration      | 4 Months – 96 Hours       |\n| Quizzes       | 1. JS1 (Chapter 1 to 20)  |\n|               | 2. JS2 (Chapter 21 to 40) |\n|               | 3. JS3 (Chapter 41 to 60) |\n|               | 4. JS4 (Chapter 61 to 89) |\n|               | 5. TypeScript             |\n|               | 6. Git                    |\n| Hackathon     | After completion          |\n\n### Topics\n\n- JavaScript\n  - [Book-1 || A Smarter Way to Learn JavaScript](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)\n  - [Book-2 || JavaScript from Beginner to Professional](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript%20from%20Beginner%20to%20Professional.pdf)\n  - [Book-3 || The Modern JavaScript (2022)](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)\n  - [Book-4 || JavaScript for Impatient Programmers (ES2022 edition)](https://github.com/MuhammadAdnan1998/Books/blob/main/javascript/JavaScript.pdf)\n  - [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)\n\n  - [For more detailed information](https://www.w3schools.com/js/default.asp)\n  - [Assignments]()\n- Advanced Javascript (All ES Versions)\n  - Variable Scoping\n  - Closure\n  - Template literals\n  - Destructuring\n  - Default parameters\n  - Rest parameter\n  - Spread Operator\n  - Arrow functions\n  - Enhanced object literals\n  - Iterators \u0026 For..of\n  - Generators\n  - Modules\n  - Map\n  - Array methods\n  - Higher-order function\n  - CallBack\n  - Promises\n  - Exponentiation Operator\n  - Classes\n  - Ternary Operator\n  - Optional chaining\n- TypeScript\n  - TS Compiler\n  - Type Annotations\n  - Interfaces\n  - Classes\n  - Generics\n  - Enums\n  - Type Inference\n  - Union and Intersection Types\n  - Type Guards\n  - Decorators\n- Advance Github\n  - Branches\n  - PR\n  - PR review\n  - Merge\n  - Rebase\n  - Cherry Pick\n- Firebase\n  - Authentication\n    - Email\n    - Phone\n    - Google\n  - Firestore\n  - Storage\n- PWA (Progressive Web Applications)\n  - [Builder](https://www.pwabuilder.com/)\n\n## Module 3: Modern Front-End Development\n\n|               |                          |\n| ------------- | ------------------------ |\n| Prerequisites | Module 1, 2              |\n| Duration      | 3 Months – 72 Hours      |\n| Quizzes       | 1. ReactJS               |\n|               | 2. NextJS + React Native |\n| Hackathon     | After completion         |\n\n### Topics\n\n- ReactJS (CRA, Vite)\n  - [CRA](https://create-react-app.dev/)\n  - [Vite](https://vitejs.dev/)\n  - React Icons\n  - React Router DOM\n  - Context API\n  - Redux\n  - [TanStack Query](https://tanstack.com/query/v3/)\n  - [Ahooks](https://ahooks.js.org/)\n- Tailwind CSS\n  - [Tailwind](https://tailwindcss.com/)\n- Material\n  - [MUI](https://mui.com/)\n- AntD\n  - [AntD](https://ant.design/)\n- NextJS (SSR, AMP)\n- React Native (Android)\n- Firebase (Connection)\n\n## Module 4: Back-End App Development\n\n|               |                       |\n| ------------- | --------------------- |\n| Prerequisites | Module 2              |\n| Duration      | 3 Months – 72 Hours   |\n| Quizzes       | 1. NodeJS + ExpressJS |\n|               | 2. MongoDB            |\n|               | 3. PostgreSQL         |\n| Hackathon     | After completion      |\n\n### Topics\n\n- NodeJS\n  - ExpressJS\n    - Basic Routes\n    - Database Connection\n    - CRUD\n    - Authentication\n    - Middleware\n    - Protected Routes\n  - [File System module](https://nodejs.org/api/fs.html)\n  - NestJS\n- MongoDB\n  - CRUD\n  - Queries\n- JWT\n- WebSocket\n- Bcrypt\n- Cloudinary\n- GraphQL\n- PostgreSQL\n  - CRUD\n  - Queries\n- Sequelize\n- Payment Integration\n  - Stripe\n  - Paypal\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadadnan1998%2Fonline_web_and_mobile_application_development_course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammadadnan1998%2Fonline_web_and_mobile_application_development_course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadadnan1998%2Fonline_web_and_mobile_application_development_course/lists"}