Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Code180 Workshop
Welcome
Course Requirements (1:00)
Course Roadmap (0:29)
Course Support
Overview
Why Learn How to Code (1:57)
What is Code180 (0:30)
How to Be a Competent Programmer (1:19)
Competent Programmer
Section Overview (0:40)
Coding vs. Programming (1:37)
Development Environments (1:31)
Web Development (3:54)
Client, Server, Database (1:06)
Coding and Programming Languages (4:51)
Competent Programmer (Understanding) (6:39)
Competent Programmer (Attitude) (5:27)
Programming Experience
Sublime Text Set-Up (1:14)
Code180 Project List: List App (3:10)
Step 1: Create Folder (0:29)
HTML
Step 2: Create index.html for content (1:40)
Hello World (1:50)
HTML Documentation (1:06)
Copy HTML (3:00)
Review and Customize HTML (Part I - Sandwich Language) (3:30)
Review and Customize HTML (Part II - Historical Development) (6:10)
HTML Troubleshooting (2:18)
CSS
Step 3: Create my-styles.css for design (1:51)
CSS Documentation (2:04)
Copy CSS (2:48)
Review CSS (4:12)
CSS Troubleshooting (1:49)
Dummy App Review (1:07)
Eight Elements of Programming
DVFOCACL (1:09)
Data Types (4:57)
Variables (2:05)
Functions (1:35)
Objects (3:43)
Classes (4:14)
Arrays (10:56)
Conditionals (4:28)
Loops (6:35)
JavaScript
Step 3: Create my-scripts.js for behavior (2:19)
App Functionality Overview (3:34)
Store Data: Or-Statement (1:53)
Store Data: Local Storage (3:32)
Store Data: JSON Object (3:57)
Create Item: New Object (4:14)
Create Item: User Input, myList.push, Save to Local Storage (3:53)
Checkpoint: Console Test (Store Data and Create Item) (1:56)
Print Item: Create Element and Set Properties (4:42)
Print Item: onclick and appendChild (5:38)
Checkpoint: Inspect Element Test (Print Item) (3:29)
Loop and Print List (2:38)
App Review and Troubleshooting (2:07)
GitHub
Deploy via GitHub Pages (4:22)
Going Forward
Code180 Resources (5:17)
Code180 Project List: List App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Code180 to Unlock