Learn to Code Tutorial - Full Course for Absolute Beginners

Overview

Embark on a comprehensive 5-hour coding bootcamp primer designed for absolute beginners. Master the fundamentals of web development through 63 interactive lessons covering HTML, CSS, JavaScript, and DOM manipulation. Tackle 17 hands-on assignments to reinforce your learning. Explore essential topics like setting up your development environment, using Visual Studio Code, debugging techniques, and leveraging Chrome Developer Tools. Benefit from expert instruction by V School's award-winning bootcamp instructors, and gain access to their Slack channel for additional support. Progress through a structured curriculum that includes HTML basics, CSS styling, JavaScript programming, and DOM interaction, culminating in a pre-course project to showcase your newly acquired skills.

Syllabus

- Welcome!
- V School Learning Philosophy
- How to Use Scrimba
- External Link - Computer Setup
- External Link - Using VS Code
- Preview: the V School Pre-course Project
- Introduction to HTML
- HTML Elements
- HTML Attributes
- Assignment - Silly CIA part 1
- HTML5 Semantic Tags
- CSS Intro inline-style
- CSS Selectors
- Assignment - Silly CIA part 2
- Assignment - CSS Wars: The Selector Awakens
- CSS Colors and Fonts
- CSS Display Property
- Sign up for our Email List
- Assignment - Newsies
- CSS Box Model
- Assignment - Color Grid From Scratch
- CSS Layout and Positioning
- Assignment - CSS Flags
- Assignment - Design a Blog
- External Link - Debugging Intro
- External Link - Chrome Dev Tools
- External Link - Using Google
- Javascript Data Types
- Assignment - Grocery Store JS
- Javascript Arrays
- Javascript Conditionals
- Assignment - If Statement Olympics
- Javascript Loops
- Assignment - Even/Odd Looping
- Assignment - Loops And Arrays Practice
- Javascript Functions part 1
- Javascript Functions part 2
- Assignment - Functions Exercise
- Javascript Objects Part 1
- Javascript Objects Part 2
- Assignment - Social JS
- Assignment - Loop Olympics
- Javascript Conventions
- Assignment - Daily Planet Editor
- Introduction to the DOM
- What is the DOM?
- Assignment - log `document` to the console
- Selecting Elements - getElementById
- Assignment - getElementById
- Selecting Multiple Elements
- querySelector and querySelectorAll
- Modifying an element's text
- Modifying Styles
- Modifying Styles - className and classList
- Modifying elements - value
- Creating elements in JS
- Creating elements in JS - innerHTML
- Creating elements in JS - for loops + createElement
- Event Listeners
- Self study - get the value from an input element
- DJ JS - Event listener practice
- Pre-course Project
- Congrats!