Class 01 - Timecodes
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:
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 - Timecodes 0:00 - Intro
Class 03 - Timecodes 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 separete 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
Class 04 - Timecodes 0:00 - Intro
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 - Timecodes 0:00 - Intro
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 - Timecodes 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 - Timecodes 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 - Timecodes 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 - Timecodes 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 - Timecodes
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 - Timecodes
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 - Timecodes
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 - Timecodes 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 1:12 - Dab Raids 12:13 - gotnopancakemix gets a job with DropBox 12:50 - partytime 14:47 - We Need to Talk 33:50 - Never seen more demand for software engineers, in 10 years, than right now. 35:59 - Class Agenda 36:05 - Upcoming Classes 40:12 - Trough of Sorrow 44:10 - Imposter Syndrome 45:45 - Learning to Code is Half Hard Work and Half Believing You Can Do It 46:47 - Manage Frustration, Consistency, Taking Care of Yourself 48:37 - Don't let your dreams be dreams 49:01 - What's Next 52:58 - Push Every Day 54:52 - The Bank 56:20 - Hitlist 56:40 - Use the sheet 58:30 - 100Hours Project 1:00:47 - It's not too late 1:01:12 - Youtubers, I Need Help with Timecodes 1:02:52 - 100Devs, I Need Help with ReadMes, Blog, Site 1:04:46 - Comment every line of the todo list 1:07:38 - Read Zell's REST APIs article 1:07:42 - Watch DevMarketer's Video on MVC 1:08:08 - Stream Team Assemble
LINKS: Youtube Timecode Repository: https://github.com/100devs/youtube-timecodes Zell's REST APIs Article: https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/ DevMarketer's MVC Video: https://youtu.be/1IsL6g2ixak Brad Traversy Video: https://youtu.be/SBvmnHTQIPY Slides: https://slides.com/leonnoel/100devs-study-time Stream Team: https://forms.gle/LcnfRn6NMJqbto6q6
CODE: Todolist Live Review: https://github.com/100devs/todolist-live-review
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