🌐
Hack the Web
  • Welcome to Hack the Web
  • Getting Started
    • 🔥Course Overview
    • Why This is Important
    • 🛠️What We Will Build
  • Build with the Basics
    • Build with the Basics
    • HTML
    • CSS
    • JavaScript
    • 💥Putting it all together
    • Design Systems and CSS Frameworks
  • Design Basics
    • What Makes Good Design
    • 🏳️‍🌈Colors, Colors, Colors
    • 🔡Typography and Fonts
    • 🌀Graphics for Your Site
      • Types of Images
      • Where to Find Graphics
      • Image Formats
      • Other Media Formats
    • 🦄Icons
  • Don't Start From Scratch
    • ▶️Template Walkthrough
  • Misc Topics
    • Search Engine Optimization
    • ⭐Favicons
    • ☑️HTML & CSS Validation
    • 📊Performance Testing
    • Markdown
    • Mobile Responsive Design
  • Advanced Topics
    • Hosting Sites
    • ↔️Backend vs Frontend Development
    • ⚙️Browser Built-In Web Tools
  • Real-World Applications
    • 💼Career Paths in Web Design
    • Wordpress, Drupal, Website Builders
  • Conclusion
    • 🎉Course Recap
    • 📝Quiz for Certificate
    • 🦉Keep on Learning
  • SouthHills Info Request
Powered by GitBook
On this page
  • Basics
  • Building Professional Designs
  1. Getting Started

Course Overview

PreviousWelcome to Hack the WebNextWhy This is Important

Last updated 6 months ago

Basics

In this course, you will learn the fundamentals of hacking the web. You will learn how to build with the building blocks of web design and learn how websites are crafted with code.

Students will explore the essential components of creating modern websites from scratch. The course covers the fundamentals of HTML for structuring web content, CSS for styling and layout, and JavaScript to add interactivity and dynamic elements.

Additionally, students will learn about responsive design principles to ensure websites look great on all devices, as well as key accessibility and SEO best practices to enhance both usability and visibility on search engines. By the end of the course, learners will have the skills to build professional, user-friendly websites while utilizing the latest trends and tools in web development.

Navigation tip: There is a navigation menu on the left side, but you can also navigate forwards and backwards easily from links at the bottom of each page.

Building Professional Designs

🔥