Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/carlosvinimsouza/odin-project-foundations
Foundations course for web developement
https://github.com/carlosvinimsouza/odin-project-foundations
css html javascript learn-frontend markdown
Last synced: about 2 months ago
JSON representation
Foundations course for web developement
- Host: GitHub
- URL: https://github.com/carlosvinimsouza/odin-project-foundations
- Owner: CarlosViniMSouza
- Created: 2023-07-24T19:52:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-15T23:41:16.000Z (about 1 year ago)
- Last Synced: 2023-10-17T06:56:24.158Z (about 1 year ago)
- Topics: css, html, javascript, learn-frontend, markdown
- Language: HTML
- Homepage: https://carlosvinimsouza.github.io/Odin-Project-Foundations/
- Size: 2.18 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Odin Project - Foundations Course](https://www.theodinproject.com/paths/foundations/courses/foundations)
## 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.
## Introduction (Theory) ✅
```
How This Course Will Work
Introduction to Web Development
Motivation and Mindset
Asking For Help
Join the Odin Community
```
## Prerequisites (Theory) ✅
```
Computer Basics
How Does the Web Work?
Installation Overview
Installations
Text Editors
Command Line Basics
Setting up Git
```
## Git Basics (Theory) ✅
```
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 ✅
```
Intro to CSS
The Cascade
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
```
## Conclusion
```
Choose your Path Forward
```