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

Looking for a study partner

31st October, 2024
Last date to join: 10th November, 2024

Hey… I’m learning web development using theodinproject curriculum and so far it’s okay. I’m looking for a study partner to help me stay accountable and on course… A little motivation here and there as well I’m technically a beginner…

Novice English

Description

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

Foundations: Web Development

Start Learning
Online Courses

The Odin Project

Free

On-Demand

Beginner

Looking for a study partner

31st October, 2024
Last date to join: 10th November, 2024
Start Learning
Affiliate notice

Hey… I’m learning web development using theodinproject curriculum and so far it’s okay. I’m looking for a study partner to help me stay accountable and on course… A little motivation here and there as well I’m technically a beginner…

Novice English

  • Type
    Online Courses
  • Provider
    The Odin Project
  • Pricing
    Free
  • Duration
    On-Demand
  • Difficulty
    Beginner

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.  

  • 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

Learning is better with Cohorts

Active hands-on learning
Build assignments each week

Feedback loop
Submit your assignment, and receive feedback from your peers. Stuck on a problem?

Learn with a cohort of peers
Join a group of like-minded people who want to learn and grow alongside you

Frequently asked questions

Yes. Our study groups (all of them) are free to join

You join the group and study the MOOC together on a schedule. The exact dates, deadlines, are created by the host

This depends on the host of your group. Some groups have weekly video calls for accountability + doubt solving.

Moocable is a community where you can find study partners, mentors, or people to collaborate on projects. It's designed for people who want to upskill, but struggle with self-learning. Users often post about their skills, goals, and what they're looking to learn or work on, and others can respond to form partnerships or groups. You can join our community

10th November, 2024