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
