Module 1: Introduction to Web Development

Understand what web development is and set up the development environment. ## Intended Learning Outcomes ### Lesson 1: What is Web Development? By the end of this lesson, students will be able to: - **Distinguish** between frontend and backend development - **Explain** the role of each in web applications - **Identify** what full-stack development means ### Lesson 2: Overview of HTML, CSS, and JavaScript By the end of this lesson, students will be able to: - **Identify** the three core technologies of web development - **Describe** the specific purpose of HTML, CSS, and JavaScript - **Explain** how these technologies work together to create web pages ### Lesson 3: Setting up the Development Environment By the end of this lesson, students will be able to: - **Install** and configure VS Code with essential extensions - **Set up** Git and create a GitHub account - **Organize** a project folder structure for web development - **Use** browser developer tools for testing and debugging ### Lesson 4: Understanding How Web Pages Work By the end of this lesson, students will be able to: - **Explain** the client-server model - **Describe** the process of HTTP requests and responses - **Identify** common HTTP methods and status codes - **Distinguish** between local and remote development