Frontend Web Development

  1. Development Tools and Workflow
    1. Code Editors and IDEs
      1. Visual Studio Code
        1. Editor Extensions
          1. Code Formatting
            1. Syntax Highlighting
              1. IntelliSense and Autocomplete
              2. Version Control with Git
                1. Git Fundamentals
                  1. Repository Initialization
                    1. Basic Git Commands
                      1. git add
                        1. git commit
                          1. git status
                            1. git log
                              1. git diff
                              2. Branching and Merging
                                1. Branch Creation
                                  1. Branch Switching
                                    1. Merge Strategies
                                      1. Conflict Resolution
                                      2. Remote Repositories
                                        1. Remote Configuration
                                          1. Push and Pull Operations
                                            1. Fork and Clone
                                            2. Git Hosting Platforms
                                              1. GitHub
                                                1. GitLab
                                                  1. Bitbucket
                                                  2. Git Workflows
                                                    1. Feature Branch Workflow
                                                      1. Gitflow Workflow
                                                        1. GitHub Flow
                                                      2. Command Line Interface
                                                        1. Terminal Navigation
                                                          1. File System Operations
                                                            1. Command Execution
                                                              1. Environment Variables
                                                                1. Shell Scripting Basics
                                                                2. Package Management
                                                                  1. npm Package Manager
                                                                    1. Package Installation
                                                                      1. package.json Configuration
                                                                        1. npm Scripts
                                                                          1. Dependency Management
                                                                            1. Version Management
                                                                            2. Yarn Package Manager
                                                                              1. Yarn Installation
                                                                                1. Yarn Commands
                                                                                  1. yarn.lock File
                                                                                  2. Package Security
                                                                                    1. Private Packages
                                                                                    2. Build Tools and Bundlers
                                                                                      1. Module Systems
                                                                                        1. CommonJS
                                                                                          1. ES6 Modules
                                                                                            1. AMD and UMD
                                                                                            2. Webpack
                                                                                              1. Entry Points
                                                                                                1. Output Configuration
                                                                                                  1. Loaders
                                                                                                    1. Plugins
                                                                                                      1. Development vs Production
                                                                                                        1. Code Splitting
                                                                                                          1. Hot Module Replacement
                                                                                                          2. Vite
                                                                                                            1. Development Server
                                                                                                              1. Build Optimization
                                                                                                                1. Plugin System
                                                                                                                2. Parcel
                                                                                                                  1. Zero Configuration
                                                                                                                    1. Asset Processing
                                                                                                                    2. Rollup
                                                                                                                      1. ES Module Bundling
                                                                                                                        1. Tree Shaking
                                                                                                                      2. Code Quality Tools
                                                                                                                        1. Linting with ESLint
                                                                                                                          1. ESLint Configuration
                                                                                                                            1. Rule Configuration
                                                                                                                              1. Custom Rules
                                                                                                                                1. Integration with Editors
                                                                                                                                2. Code Formatting with Prettier
                                                                                                                                  1. Prettier Configuration
                                                                                                                                    1. Format on Save
                                                                                                                                      1. Integration with ESLint
                                                                                                                                      2. Type Checking
                                                                                                                                        1. JSDoc Comments
                                                                                                                                          1. TypeScript Integration
                                                                                                                                        2. Task Runners
                                                                                                                                          1. npm Scripts
                                                                                                                                            1. Gulp
                                                                                                                                              1. Grunt
                                                                                                                                              2. Development Server Setup
                                                                                                                                                1. Local Development Servers
                                                                                                                                                  1. Live Reload
                                                                                                                                                    1. Hot Module Replacement
                                                                                                                                                      1. Proxy Configuration