Web_Development_2026
├── /00_Fundamentals
│ ├── html_basics/
│ ├── css_basics/
│ ├── javascript_es6_and_modern/
│ ├── web_browsers_and_http/
│ └── git_and_version_control/
│
├── /01_frontend_core
│ ├── responsive_layouts/
│ │ ├── flexbox/
│ │ └── grid/
│ ├── css_frameworks/
│ │ ├── tailwindcss/
│ │ └── bootstrap/
│ ├── modern_js_features/
│ │ ├── modules_import_export/
│ │ ├── async_await/
│ │ └── fetch_api/
│ └── build_project: portfolio_site/
│
├── /02_modern_frontend
│ ├── choose_framework/
│ │ ├── react/
│ │ ├── vue_3/
│ │ └── svelte/
│ ├── state_management/
│ │ ├── redux_or_zustand/
│ │ └── vuex_or_pinia/
│ ├── routing_and_navigation/
│ └── build_project: interactive_dashboard/
│
├── /03_frontend_enhancements
│ ├── typescript_for_stronger_typing/
│ ├── progressive_web_apps_pwa/
│ ├── animations_and_transitions/
│ ├── accessibility_best_practices/
│ └── build_project: pwa_task_manager/
│
├── /04_backend_foundations
│ ├── server_basics/
│ │ ├── nodejs_express/
│ │ ├── python_fastapi_or_django/
│ │ └── go_or_rust_intro/
│ ├── rest_api_design/
│ ├── graphql_overview/
│ └── build_project: simple_rest_api/
│
├── /05_databases_and_storage
│ ├── relational_databases/
│ │ ├── postgresql/
│ │ └── mysql/
│ ├── nosql_databases/
│ │ ├── mongodb/
│ │ └── firebase/
│ ├── data_modeling_and_indexing/
│ └── build_project: user_data_service/
│
├── /06_fullstack_integration
│ ├── connect_frontend_backend/
│ │ ├── fetch_and_axios/
│ │ └── error_handling/
│ ├── auth_and_security/
│ │ ├── jwt_auth/
│ │ └── password_hashing/
│ └── build_project: fullstack_blog_app/
│
├── /07_real_time_features
│ ├── web_sockets/
│ ├── server_sent_events/
│ └── build_project: real_time_chat_app/
│
├── /08_deployment_and_devops
│ ├── hosting_frontend/
│ │ ├── vercel/
│ │ └── netlify/
│ ├── hosting_backend/
│ │ ├── render/
│ │ └── heroku/
│ ├── environment_variables/
│ ├── automated_workflows_ci_cd/
│ └── build_project: deploy_fullstack_app/
│
├── /09_performance_and_scalability
│ ├── caching_strategies/
│ │ ├── cdn/
│ │ └── server_cache/
│ ├── lazy_loading_assets/
│ ├── bundle_optimization/
│ └── build_project: performance_optimized_site/
│
├── /10_security_best_practices
│ ├── input_validation/
│ ├── secure_headers/
│ ├── csrf_xss_prevention/
│ └── build_project: secure_api_service/
│
├── /11_testing_and_quality
│ ├── unit_testing/
│ │ ├── jest/
│ │ └── vitest/
│ ├── integration_testing/
│ ├── end_to_end_testing/
│ │ └── cypress/
│ └── build_project: test_covered_app/
│
├── /12_modern_features_and_ai_integration
│ ├── web_apis_browser/
│ │ ├── service_workers/
│ │ └── web_push_notifications/
│ ├── ai_api_integration/
│ │ ├── calling_llm_from_frontend/
│ │ └── chat_ui_with_ai/
│ └── build_project: ai_assisted_web_app/
│
└── /13_portfolio_and_showcase
├── organize_projects/
│ ├── portfolio_site/
│ ├── interactive_dashboard/
│ ├── fullstack_blog_app/
│ └── ai_assisted_web_app/
├── write_case_studies/
└── publish_to_github_and_hosted_urls
To support your learning and build mastery in web development, check out this eBook:
https://codewithdhanian.gumroad.com/l/cszrdl
- Dhanian