Web Development Basics

Welcome to the Web Development Basics repository! This course is designed to help beginners build a strong foundation in web development. The curriculum covers essential tools, languages, and concepts necessary to start your journey as a web developer.

---

Course Outline

1. Development Tools

• Git

  • Learn version control basics: git init, git add, git commit.
  • Learn ssh private/public key generation and usage.
  • Understand branching, merging, and resolving conflicts.
  • Collaborate using GitHub.

• Visual Studio Code

  • Set up your coding environment.
  • Install extensions like Prettier, ESLint, and Live Server.
  • Master productivity shortcuts.

• Terminal

  • Learn how to install WSL and use it to run Linux on Windows.
  • Learn how to use the terminal.
  • Learn how to use the command line.
  • Learn common commands.

---

2. Web Development Fundamentals

• HTML

  • Build structured web pages using tags like <div>, <a>, <img>, and <form>.
  • Explore HTML5 features such as <video> and <canvas>.

• CSS

  • Style your pages with selectors, the box model, and layouts (Flexbox, Grid).
  • Create responsive designs and use CSS Variables.

• JavaScript

  • Learn the basics of variables, loops, and functions.
  • Interact with the DOM (document.querySelector, event listeners).
  • Fetch data using APIs (fetch, async/await).

---

3. Networking Basics

• HTTP

  • Understand status codes (200, 404, 500).
  • Explore HTTP methods (GET, POST, PUT, DELETE).

• RESTful APIs

  • Learn how to design and consume APIs.
  • Use CRUD operations and manage data with JSON.

• JSON

  • Work with JSON data in JavaScript (JSON.stringify, JSON.parse).

---

How to Use This Repository

1. Clone the repository to your local machine:

   git clone https://github.com/your-username/web-dev-basics.git
   cd web-dev-basics

2. Follow the instructions in the corresponding directories for each module:

   • /html-css/: HTML and CSS exercises.
   • /javascript/: JavaScript exercises.
   • /api/: REST API and JSON practices.

3. Explore the /projects/ folder for integrated challenges.

Suggested Learning Path

1. Start with html-css/ to understand web structure and design.
2. Move to javascript/ to learn interactive functionalities.
3. Complete api/ to connect your front-end with APIs.
4. Use Git and GitHub to track and manage your code changes.

---

Prerequisites

• Basic knowledge of how to use a computer.
• Familiarity with command-line tools is a plus (optional).

---

Project Contributions

Contributions are welcome! Feel free to submit pull requests for fixes, improvements, or additional exercises.

1. Fork this repository.
2. Create a feature branch:

   git checkout -b feature/your-feature

3. Commit your changes and push:

   git push origin feature/your-feature

4. Open a pull request.

---

Contact

For questions or suggestions, please reach out via Issues or email at gloomcheng@gmail.com.