sethdivyansh/Hackoverflow-24

Web Development Resources

Week 1: HTML and CSS

Day 1: HTML Basics and VS Code

• Description: Embark on your web development journey by understanding the fundamentals of HTML. All while setting up your coding environment with Visual Studio Code (VS Code), a powerful and user-friendly code editor. A proper coding environment enhances your productivity and provides tools for efficient code management.

  • VS Code Setup
  • MDN Web Docs - HTML Elements
  • HTML Basics

Day 2: Advanced HTML

• Description: Dive deeper into HTML by exploring advanced concepts. Learn about semantic HTML elements, which convey the meaning of content to both browsers and developers.

  • Advanced HTML

Day 3: CSS Basics

• Description: Transition to styling your web pages with Cascading Style Sheets (CSS). Begin with the basics, including selectors, properties, and values.

  • CSS Basics Playlist

Day 4: CSS Flexbox and Grid

• Description: Delve into the world of responsive web design with CSS Flexbox and Grid. These layout systems empower you to create flexible, grid-based designs that adapt seamlessly to different screen sizes.

  • Flexbox Playlist
  • Grid Playlist

Day 5: CSS Animation

• Description: Elevate your web pages by incorporating CSS animations and transitions. Explore techniques to add movement and visual appeal to your content.

  • CSS Animation Playlist

Day 6-7: Code Along Project

• Description: Apply your knowledge by working on a hands-on, code-along project. This project provides a practical application of HTML and CSS concepts learned throughout the week.

  • Code Along Project

Extra

• The Web Developer Roadmap

Contributing to the Resources

If you'd like to contribute or add a new topic/resource to this collection, we welcome your input! Follow the steps below to create a pull request (PR) and contribute to this repository:

1. Fork the Repository: Click on the "Fork" button at the top right corner of this repository to create your copy.

2. Clone Your Fork: Clone your forked repository to your local machine using the following command:

   git clone https://github.com/your-username/Hackoverflow-24-resources.git

3. Create a New Branch: Create a new branch with a descriptive name to work on your changes:

   git checkout -b new-topic-name

4. Make Changes: Add your new topic or make changes to existing content in the Markdown files.

5. Commit Changes: Commit your changes with a descriptive commit message:

   git add .
   git commit -m "Added new topic: Your New Topic"

6. Push Changes: Push your changes to your forked repository and the new branch:

   git push origin new-topic-name

7. Create a Pull Request: Go to the GitHub repository and create a new pull request. Ensure that your PR description clearly explains the changes you made.

We appreciate your contributions and look forward to building a comprehensive resource together!