Search 6,000+ CA Community College Courses

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

The Odin Project

Foundations: Web Development

via The Odin Project

Go to class Write review

Overview

This is where it all begins! A hands-on introduction to all of the essential tools you'll need to build real, working websites. You'll learn what web developers actually do – the foundations you'll need for later courses.

  • The baseline knowledge you need before getting into the more 'programming' aspects of web development.
  • Configure your development environment and install some software necessary for web development.
  • The basics of Git and how you can upload your future projects to GitHub so you can share your work and collaborate with others on projects easily.
  • The foundations of HTML, a fundamental building block of everything on the web.
  • Make your HTML look the way you want by adding styles with CSS.
  • Learn how to put things exactly where you want them on your web projects using flexbox.
  • Dig into JavaScript and learn how to make the web dynamic.
  • Learn about the back end, where we'll demystify what goes on behind the scenes on a web server.
 

Syllabus

  • Introduction
    • How this Course Will Work
    • Introduction to Web Development
    • Motivation and Mindset
    • Asking For Help
    • Join the Odin Community
    • How Does the Web Work?
  • Installations
    • Installation Overview
    • Prerequisites
    • Text Editors
    • Command Line Basics
    • Setting Up Git
  • Git Basics
    • Introduction to Git
    • Git Basics
  • HTML Foundations
    • Introduction to HTML and CSS
    • Elements and Tags
    • HTML Boilerplate
    • Working with Text
    • Lists
    • Links and Images
    • Commit Messages
    • Project: Recipes
  • CSS Foundations
    • CSS Foundations
    • Inspecting HTML and CSS
    • The Box Model
    • Block and Inline
  • Flexbox
    • Introduction to Flexbox
    • Growing and Shrinking
    • Axes
    • Alignment
    • Project: Landing Page
  • JavaScript Basics
    • Fundamentals Part 1
    • Fundamentals Part 2
    • JavaScript Developer Tools
    • Fundamentals Part 3
    • Problem Solving
    • Understanding Errors
    • Project: Rock Paper Scissors
    • Clean Code
    • Installing Node.js
    • Fundamentals Part 4
    • DOM Manipulation and Events
    • Revisiting Rock Paper Scissors
    • Project: Etch-a-Sketch
    • Fundamentals Part 5
    • Project: Calculator
  • The Back End
    • Introduction to the Back End
    • Introduction to Frameworks
  • Conclusion
    • Choose Your Path Forward

Reviews

4.5 rating, based on 4 Class Central reviews

Start your review of Foundations: Web Development

  • Tanvi Ranjit Gawande
    It's is best for learning and develop skill to build resume. This course gave me confidence to do more advanced work in the subject. I believe that what I am being asked to learn in this course is important. The readings were appropriate to the goals of the course. The written assignments contributed to my knowledge of the course material and understanding of the subject.
  • Profile image for Kumari Sakshi
    Kumari Sakshi @Kumari
    The course content was well-organized and covered a wide range of topics. I found the material to be very relevant to my current work and I am confident that I will be able to use it to improve my skills.
  • Profile image for Heri Kurniawan
    Heri Kurniawan
    "Foundations: Web Development provides a solid base for beginners with clear, concise, and practical lessons."
  • Jai Ganesh Mulay
    it was good courses i have lean many things the exp is very nice and i am happy to i have join this couser
Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.