YouTube Timecodes

Table of Contents

YouTube Timecodes

Class 01 - Learn the Basics of HTML!

0:00 - Intro
9:45 - We're here to learn for free! Learn about the 100Devs course and Leon!
21:24 - What do Software Engineers do?
31:00 - What is the Through of Sorrow?
38:35 - How to be successful by learning to manage frustration.
42:20 - Consistency and managing study time.
50:00 - What is the set up of our course? Networking and coding!
54:10 - More class set up including homework and networking.
1:11:00 - 100Devs Community Rules. Join our discord!
1:23:30 - Let's discuss successful learning strategies including videos by Ali Abdaal and the Coursera Learning How To Learn Course
1:46:00 - What is the internet?
2:41:30 - Let's dive into HTML5.

LINKS:

Class Slides
Class Materials - Discord

How to study for exams - Evidence-based revision tips by Ali Abdaal https://www.youtube.com/watch?v=ukLnPbIffxE

How to Study for Exams - Spaced Repetition | Evidence-based revision tips by Ali Abdaal https://www.youtube.com/watch?v=Z-zNHHpXoMM

Learning How to Learn: Powerful mental tools to help you master tough subjects by Barbara Oakley https://www.coursera.org/learn/learning-how-to-learn

Class 02 - Come Learn More About HTML!

1:27 - Intro
3:35 - Questions
11:22 - Agenda
13:53 - Trough of Sorrow
15:32 - Take Care of Yourself
20:51 - Active Recall
24:18 - Resetting Forgetting Curve
27:15 - What is the Internet?
33:53 - Separation of Concerns
36:39 - HTML Syntax
42:57 - HTML TAGS
49:57 - Nerd Fights
53:28 - Assisted Device Elements
57:27 - Lists
1:00:18 - Containing Elements
1:04:18 - BREAK 1
1:10:22 - Let's Look at Some Websites
1:23:53 - Deprecated Elements
1:26:52 - Let's Code: Lab Time
1:44:30 - Let's Code: Lab Time Walkthrough
2:08:48 - BREAK 2
2:15:04 - HTML Structure
2:23:35 - New TAGS, Navigation
2:26:03 - Forms
2:25:54 - Input Types
2:36:04 - Progressive Enhancement
2:41:45 - Homework

Links -
Class Slides
Class Materials - Discord
YouTube - Molly Burke - How I Use Technology as a Blind Person

Class 03 - Come Learn CSS!

1:05 - Intro
2:49 - Q&A
7:40 - Agenda
10:19 - Curses Google Authenticator Multifactor
12:00 - Typing
16:10 - Reading Documentation
18:51 - Deep Not Wide
22:08 - Space Repetition
24:17 - What is the internet?
25:56 - Separation of Concerns
27:45 - Progressive Enhancement
30:56 - CSS
36:54 - Use a Separate CSS file
42:15 - CSS Syntax
53:13 - Cascade
56:20 - Color
1:04:18 - Fonts
1:09:11 - Break
1:15:33 - How to research?
1:18:08 - Let's Code
1:47:05 - Selecting by Relationship
1:58:30 - Let's Code
2:05:56 - Break
2:12:51 - IDs & Classes
2:17:27 - Specificity
2:26:25 - Homework

Links -
Class Slides
Class Materials - Discord

Class 04 - Come Learn CSS Layout!

0:44 - Intro
2:49 - Questions
12:49 - Agenda
15:01 - Deep, not Wide
17:23 - Anki
22:23 - Vomit Code
29:13 - Separation of Concerns
35:25 - CSS Breakdown
43:19 - Let's Review: Some Simple Styles
54:10 - Let's Code: Some Basic CSS
1:16:50 - BREAK 1
1:23:07 - Hand Health
1:28:45 - Selecting By Relationship
1:34:43 - Let's Code: Some Relationships
1:50:56 - IDs & Classes
1:53:18 - Specificity
2:01:13 - The Box Model
2:16:41 - BREAK 2
2:23:02 - Specificity Practice
2:36:58 - Time for Some Layouts - Floats
2:41:34 - 15 Minutes of PAIN
3:02:42 - Homework

Links -
Class Slides
Class Materials - Discord
Shay Howe - Learn to Code HTML & CSS

Class 05 - Timecodes 0:00 - Intro

Class 06 - Timecodes 0:00 - Intro

Class 07 - Timecodes 0:00 - Intro

Class 08 - Timecodes 0:00 - Intro

Class 09 - Come Learn Basic JavaScript!

1:36 - Intro
3:26 - Twitch Affiliate Announcement
12:40 - Questions
27:51 - Agenda
29:18 - Imposter Syndrome
37:24 - Separation of Concerns
40:05 - IDs and Classes
41:30 - Programming, What is it?
43:11 - True Story
46:22 - JavaScript Basics
48:00 - Variables
51:46 - Variable Conventions
53:21 - Data Types, Strings
55:15 - Data Types, Numbers
56:47 - Making Decisions and Comparisons
58:33 - Logical Operators
1:05:17 - BREAK 1
1:13:45 - Conditional Syntax
1:20:08 - Assignment vs. Comparison
1:22:20 - Multiple Conditions
1:24:36 - Let’s Code: Class, Weekend, or Boring Day?
1:44:20 - Let’s Code: Angry Parent Simulator
1:48:36 - Pseudo Code
1:50:26 - Let’s Code: Temperature Converter
2:17:30 - BREAK 2
2:24:58 - Let’s Code: Bachelor Code

Links -
Class Slides
Class Materials - from Discord

Class 10 - Timecodes 0:00 - Intro

Class 11 - Timecodes 0:00 - Intro

Class 12 - Timecodes 0:00 - Intro

Class 13 - Timecodes 0:00 - Intro

Class 14 - Timecodes 0:00 - Intro

Class 15 - Timecodes 0:00 - Intro

Class 16 - Timecodes 0:00 - Intro

Class 17 - Timecodes 0:00 - Intro

Class 18 - Timecodes 0:00 - Intro

Class 19 - Come Review JS Objects!

0:00 - Chat is HYPE
13:50 - Intro
16:53 - Agenda
17:30 - Questions?
19:56 - Pep talk
23:45 - Trough of Sorrow
25:08 - Health First
25:40 - Networking update
27:06 - Client deadline update
28:19 - Client alternative Introduction
30:25 - Option 1: Grassroots Volunteer
33:35 - Option 2: Open Source Projects
36:42 - Portfolio and Resume review announcement
40:32 - Youtube announcement
42:17 - Newsletter
43:40 - Discord update
47:40 - Channel Points update
53:14 - Stream Hardware update
55:33 - Merch drop
1:03:24 - Sponsor announcement
1:05:24 - 7 minute break
1:12:29 - Sponsor details and Thank you
1:31:27 - Programming
1:33:24 - Variables
1:33:43 - Conditionals
1:34:26 - Functions
1:35:31 - Loops
1:36:49 - Let's Code: Turbo Review
2:07:40 - 5 minute break
2:17:15 - Arrays
2:24:23 - Let's Code: Space Review
2:55:22 - End of class

Class 20 - Come Learn About APIs with JavaScript!

0:00 - Greetings
8:30 - Intro
10:27 - Agenda
10:52 - Questions
13:01 - Working through new stream struggles
14:38 - Pep talk
16:21 - Health First
16:40 - Networking update
16:48 - Client deadline update
16:53 - Client alternatives
17:34 - Portfolio and Resume review announcement
19:47 - Youtube announcement
20:11 - Newsletter
20:55 - Discord update
21:59 - Channel Points update
30:21 - Sponsor announcement
32:39 - Merch update
33:50 - Stream updates
42:08 - Programming
43:25 - Variables
43:42 - Conditionals
44:33 - Functions
47:55 - Loops
48:35 - Arrays
50:30 - Let's Code: Turbo Review
1:08:48 - 5 minute break
1:15:48 - Let's Code: Turbo Review Continued
1:36:40 - Objects
1:44:46 - Factories
1:58:36 - Constructor prototypes
2:03:46 - 5 minute break
2:10:02 - Global object prototype and Inheritance
2:14:10 - Let's Code: Objects - Tony Hawk Pro Skater
2:28:41 - Class syntax
2:30:40 - APIs
2:38:56 - Let's Code: Dog Photos!
2:47:05 - API Query Parameter
2:49:49 - Let's Code: Shots
3:05:10 - End of class

Class 21 - Timecodes 0:00 - Intro

Class 22 - Timecodes 0:00 - Intro

Class 23 - Timecodes 0:00 - Intro

Class 24 - Timecodes 0:00 - Intro

Class 25 - Timecodes 0:00 - Intro

Class 26 - Timecodes 0:00 - Intro

Class 27 - Timecodes 0:00 - Intro

Class 28 - The Secret to a Job in Tech! Pt. 1

0:00 - Intro
10:35 - Questions: About last class of life
21:35 - Fresh Start
24:48 - Active Recall & Spaced Repetition
27:00 - Where are you?
38:28 - How to play the game?
46:45 - Crafting your Story
56:25 - Let's Craft: Your Story Blurb
1:03:20 - Online Persona
1:11:40 - Twitter
1:25:00 - Linkedin/Angelist
1:38:37 - Portfolio
1:45:55 - Resume
1:51:15 - Cover Letter
1:54:45 - GitHub
2:14:25 - Recruiters Love Green Squares
2:20:10 - HitList
2:39:03 - 100Hours Project
2:47:21 - Process
2:56:57 - How to prepare?

Class 29 - The Secret to a Job in Tech! Pt. 2

0:00 - Intro
17:30 - Questions: About last class or life
23:18 - Spaced Repetition & Anki Gang
26:10 - Stream Team
29:42 - Newsletter
49:25 - Where are you? What do you want?
53:22 - Checklist
1:02:02 - Can you code?
1:12:26 - Online Persona
1:12:44 - Twitter
1:17:34 - Linkedin/Angelist
1:24:23 - Push Every Day
1:30:52 - 100Hours Project
1:32:10 - Interviewing
1:35:33 - What are the steps in this process?
1:39:24 - How to Prepare?
1:40:51 - Behavioral (C.A.R)
2:10:47 - Technical Questions (E.U.E)
2:14:00 - Technical Whiteboard
2:22:06 - P.R.E.P
2:26:39 - Let's PREP - FizzBuzz
2:35:30 - Questions

Class 30 - Timecodes 0:00 - Intro

Class 31 - The JavaScript Event Loop

0:00 - Intro
4:27 - How to solve all the world's problems
4:42 - Welcome
9:48 - Question of the Day
12:05 - Agenda
12:53 - Questions?
16:51 - Reminders for this week
22:18 - Concept Review
22:54 - JS is single-threaded
25:04 - JS runs in a browser
26:57 - JS All Lies
29:43 - How does JS handle API responses?
30:28 - JS callbacks
35:03 - JS promises
42:27 - JS async/await
43:21 - ECMAScript aside
46:00 - back to JS async/await
47:54 - JS async/await fetch example - delete?
50:22 - Example: async-practice
1:00:28 - Break 1
1:05:56 - Pokemon Card Drawing
1:13:38 - Data Structures: Queue
1:18:19 - Data Structures: Stack
1:21:49 - Event Loop part 1
1:28:42 - Event Loop part 2
1:34:37 - Stepping through the Event Loop
1:43:23 - Running it back
1:46:02 - Event Loop Summary
1:48:30 - Backend BABY
1:49:39 - What does JS need?
1:50:49 - What does a server need?
1:53:23 - Node.js Celebration (MUSIC & LIGHTS WARNING)
1:54:09 - Node.js
1:57:18 - Engine vs Compiler
1:58:51 - What comes with Node?
2:02:23 - Install Node
2:02:40 - Break 2
2:09:22 - Example: node-intro-demo
2:12:52 - You can now build Fullstack Web Applications
2:13:20 - Example: node-backend-simple-json
2:17:00 - Server setup
2:19:35 - Our server listens for requests
2:22:33 - Figlet
2:24:47 - Go practice together
2:26:10 - Homework

LINKS:
Slides https://slides.com/leonnoel/100devs-node/
The Sheet
https://docs.google.com/spreadsheets/d/1Be-6gYvrfi8l-M0RnObzdysRIG7N7Yyu6rIF0OHw0Q4/edit?usp=sharing
The Checklist
https://docs.google.com/document/d/1L2vTX3qvLhoGHeG5cVD2ljCfRGr1uJ_Gf-hNZj9KzTg
Last Week Homework Submission
https://docs.google.com/forms/d/e/1FAIpQLSc1jhBZKVJNxH8Ehf-qodzTzpYuloBmPan-CqaoMwL8xYkM8w/viewform
How to Study for Exams - Spaced Repetition | Evidence-based revision tips by Ali Abdaal
https://www.youtube.com/watch?v=Z-zNHHpXoMM
What the heck is the event loop anyway? | Philip Roberts | JSConf EU
https://www.youtube.com/watch?v=8aGhZQkoFbQ
Jake Archibald: In The Loop - JSConf.Asia
https://www.youtube.com/watch?v=cCOL7MC4Pl0)
Web APIs
https://developer.mozilla.org/en-US/docs/Web/API
DOM (Document Object Model) API
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
Async/Await Syntactic Sugar of Promises
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await
Libevent (Event Loop)
https://libevent.org
npm (node package manager)
https://www.npmjs.com
Install Node
https://nodejs.org/en/
Node Releases
https://nodejs.org/en/about/releases/
Professional Links Submission
https://docs.google.com/forms/d/e/1FAIpQLSc1jhBZKVJNxH8Ehf-qodzTzpYuloBmPan-CqaoMwL8xYkM8w/viewform

Class 32 - Learn to Build Your Own API!

0:00 - Intro
9:00 - Class Agenda
10:00 - General Questions
12:47 - What's coming in the next few classes and the class expectation
24:59 - Backend Review (Event Loop)
43:45 - Sticker Raffle
47:47 - Back to Backend Review (Node)
58:16 - Let's Code - More Complex Server with Express
1:00:20 - Break
1:08:04 - Introduction to Express
1:24:28 - What is CRUD?
1:35:17 - Build an App with Express
1:41:14 - CRUD API Example: How Instagram is built
1:46:01 - Start to Build the App
1:46:25 - Key Steps (Set Up the Project, Serve up HTML, Server up JSON, Push to Heroku)
1:49:54 - Demo the Simple Rapper Api
1:53:18 - Start Building Rap Api
2:13:36 - Break
2:19:37 - Back to Building Rap Api
2:29:17 - Build Client Side to Consume Rap Api
2:50:59 - Add More Rappers in the Api
3:09:37 - Talk through the Code
3:13:25 - Push to Heroku
3:29:27 - Homework

LINKS:

Class Slide https://slides.com/leonnoel/100devs-node-express

Jake Archibald: In The Loop - JSConf.Asia https://www.youtube.com/watch?v=cCOL7MC4Pl0

What the heck is the event loop anyway? | Philip Roberts | JSConf EU https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be

Zell Liew - Building a Simple CRUD app with Node, Express, and MongoDB https://zellwk.com/blog/crud-express-mongodb/

CODES:

CRUD Express API https://github.com/100devs/rap-api

Client Side Code with Async Await Request https://github.com/100devs/client-side-rap-api

Class 33 - Build Apps with Node & Express!

1:28 - Intro
10:25 - Class Agenda & discussion
14:36 - General Questions
14:36 - What's coming in the next few classes
20:21 - Backend Review
41:43 - Let's talk about CRUD
43:40 - Building a simple CRUD app
48:30 - Introducing Mongo DB
58:03 - Adding EJS
1:09:55 - Take a break
1:16:54 - Let's talk about what our app will do
1:17:19 - What does get do
1:36:20 - What does post do
1:58:11 - Take a break
2:04:12 - What does delete do
2:33:42 - Let's talk through our code
3:07:09 - What you need to do for next class

LINKS:

Class Slide https://slides.com/leonnoel/100devs-node-express-crud

CODES:

Rap Node w/ Express APP https://github.com/100devs/rap-names-express

Class 34 - Build a Simple CRUD App with Node & Express!

00:00 - Intro
5:04 - Class Agenda & discussion
13:32 - General Questions
15:43 - What's coming in the next few classes
25:39 - Getting through the Trough of Sorrow
44:23 - Vomit code: your code doesn't need to be pretty
48:39 - Backend review
53:40 - Express review
59:33 - What we'll be building tonight
1:02:34 - Take a break
1:12:47 - How does the internet work
1:27:32 - CRUD apps
1:29:20 - What is MongoDB, what it does, and how to use it
1:31:30 - EJS and what it's useful for
1:41:45 - Water intermission and answering EJS chat questions
1:48:30 - Talking through our code
1:53:26 - What are some Create (post) requests?
2:05:18 - Take a break
2:12:02 - Mask raffle
2:16:37 - What are some Read (get) requests?
2:22:21 - What are some Delete (delete) requests?
2:27:09 - What are some Update (put) requests?
2:50:35 - Reviewing the code we just wrote
2:55:45 - Using .env
3:00:33 - What you need to do by next class

Class 35 - Timecodes 0:00 - Intro

Class 36 - Timecodes 0:00 - Intro

Class 37 - Timecodes 0:00 - Intro

Class 38 - Timecodes 0:00 - Intro

Class 39 - Timecodes 0:00 - Intro

Class 40 - Timecodes 0:00 - Intro

Class 41 - Timecodes 0:00 - Intro

Class 42 - Timecodes 0:00 - Intro

Class 43 - Timecodes 0:00 - Intro

Class 44 - Timecodes 0:00 - Intro

Class 45 - Timecodes 0:00 - Intro

Class 46 - Timecodes 0:00 - Intro

Class 47 - Timecodes 0:00 - Intro

Class 48 - Timecodes 0:00 - Intro

Class 49 - Timecodes 0:00 - Intro

Class 50 - Timecodes 0:00 - Intro

Class 51 - Timecodes 0:00 - Intro

Class 52 - Timecodes 0:00 - Intro

Class 53 - Timecodes 0:00 - Intro

Class 54 - Timecodes 0:00 - Intro

Class 55 - Timecodes 0:00 - Intro

Class 56 - Timecodes 0:00 - Intro

Class 57 - Timecodes 0:00 - Intro

Class 58 - Timecodes 0:00 - Intro

Class 59 - Timecodes 0:00 - Intro

Class 60 - Timecodes 0:00 - Intro