diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md index 7e9dbaa..9fd180f 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,15 @@ -# youtube-timecodes - -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? +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: @@ -22,8 +20,7 @@ How to Study for Exams - Spaced Repetition | Evidence-based revision tips by Ali 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 02 - Timecodes 0:00 - Intro Class 03 - Timecodes 1:05 - Intro @@ -53,50 +50,35 @@ Class 03 - Timecodes 2:17:27 - Specificity 2:26:25 - Homework -Class 04 - Timecodes -0:00 - Intro +Class 04 - Timecodes 0:00 - Intro -Class 05 - Timecodes -0:00 - Intro +Class 05 - Timecodes 0:00 - Intro -Class 06 - Timecodes -0:00 - Intro +Class 06 - Timecodes 0:00 - Intro -Class 07 - Timecodes -0:00 - Intro +Class 07 - Timecodes 0:00 - Intro -Class 08 - Timecodes -0:00 - Intro +Class 08 - Timecodes 0:00 - Intro -Class 09 - Timecodes -0:00 - Intro +Class 09 - Timecodes 0:00 - Intro -Class 10 - Timecodes -0:00 - Intro +Class 10 - Timecodes 0:00 - Intro -Class 11 - Timecodes -0:00 - Intro +Class 11 - Timecodes 0:00 - Intro -Class 12 - Timecodes -0:00 - Intro +Class 12 - Timecodes 0:00 - Intro -Class 13 - Timecodes -0:00 - Intro +Class 13 - Timecodes 0:00 - Intro -Class 14 - Timecodes -0:00 - Intro +Class 14 - Timecodes 0:00 - Intro -Class 15 - Timecodes -0:00 - Intro +Class 15 - Timecodes 0:00 - Intro -Class 16 - Timecodes -0:00 - Intro +Class 16 - Timecodes 0:00 - Intro -Class 17 - Timecodes -0:00 - Intro +Class 17 - Timecodes 0:00 - Intro -Class 18 - Timecodes -0:00 - Intro +Class 18 - Timecodes 0:00 - Intro Class 19 - Timecodes 0:00 - Chat is HYPE @@ -173,26 +155,71 @@ Class 20 - Timecodes 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 21 - Timecodes 0:00 - Intro + +Class 22 - Timecodes 0:00 - Intro +9:25 - Simba cam +15:10 - Questions and intro info +27:30 - MORE SIMBA CAM +40:00 - Review / Spaced Repetition +51:20 - Netflix Object starter code +1:08:30 - Break time +1:15:20 - Review What are APIs? +1:19:55 - Review NASA API +1:29:04 - Media type changes on NASA API +1:41:40 - How to make the date your choice for NASA API +1:50:30 - Working with Local Storage +2:16:40 - Break time +2:24:00 - Build a Card Game with an API +3:00:00 - Pokemon card draw! Class 23 - Timecodes 0:00 - Intro - -Class 24 - Timecodes -0:00 - Intro +20:00 - Agenda +50:30 - Review / Spaced Repetition +1:04:30 - Break time +1:12:00 - Let's Code! Dungeons and Dragons +1:40:00 - Within the DnD code: how to create an 'li' element in the document +1:55:05 - Break time +2:07:40 - Review Local Storage +2:13:40 - Let's Code A Book Tracker (API and Local Storage) +3:16:20 - Homework + +Class 24 - Timecodes 0:00 - Intro and Back From Break chat / catch up 22:40 - Agenda +1:10:40 - What is programming??? (Spaced repetition Q's) +1:21:50 - Let's Code! Boulder Badge (reviews variables, conditionals, functions, and loops) +1:55:15 - Let's Code! Cascade Badge (reviews arrays, good information to use with CodeWars Kata) +3:01:00 - Homework! Class 25 - Timecodes 0:00 - Intro +9:50 - Why OOP? Why does it matter? +12:35 - Agenda +15:30 - Questions? +32:00 - Spaced repetition / Review +58:46 - Let's Code! Espresso Machine +1:29:30 - OOP Baby! (Is it easy to add new features and functionality?) +1:30:50 - Encapsulation: storing functions and associated data into one thing +1:52:35 - Abstraction: hide details and show essentials +2:25:15 - Remo to work together Class 26 - Timecodes 0:00 - Intro - -Class 27 - Timecodes -0:00 - Intro +18:54 - Spaced repetition / Review +24:40 - Recap OOP Baby +26:54 - Recap Encapsulation +36:28 - Recap Abstraction +46:15 - Let's Start a Farm (Extend a Class) +49:40 - What is "super" used for? +59:40 - Inheritance BABY +1:10:15 - Let's Code Make a Child Class +1:30:00 - Problems with coworkers changing property names? Use underscores in property names +1:50:00 - Let's Code Animal System +2:18:20 - Starts hinting at Polymorphism +2:45:00 - Polymorphism BABY +2:47:28 - The Four Pillars of OOP (if they made sense) + +Class 27 - Timecodes 0:00 - Intro Class 28 - Timecodes 0:00 - Intro @@ -240,115 +267,111 @@ Class 29 - Timecodes 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 +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: +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 @@ -363,33 +386,32 @@ 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 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 +Rap Node w/ Express APP https://github.com/100devs/rap-names-express Class 34 - Timecodes 00:00 - Intro @@ -418,80 +440,75 @@ Class 34 - Timecodes 2:55:45 - Using .env 3:00:33 - What you need to do by next class -Class 35 - Timecodes -0:00 - Intro +Class 35 - Timecodes 0:00 - Intro -Class 36 - Timecodes -0:00 - Intro +Class 36 - Timecodes 0:00 - Intro -Class 37 - Timecodes -0:00 - Intro +Class 37 - Timecodes 0:00 - Intro -Class 38 - Timecodes -0:00 - Intro +Class 38 - Timecodes 0:00 - Intro Class 39 - Timecodes 0:00 - Intro +12:51 - Agenda +13:39 - Questions? +16:33 - Who is this class for? +18:50 - Follow 425Show on Twitch, follow Christos Matskas on Twitter! +22:47 - Showcasing the Surface Laptop Go that is up for the raffle +31:30 - Leon reintroduces himself and what #100Devs is for newcomers +41:48 - "The Gang Uses Microsoft Identity" - What does Microsoft ID provide you? +1:02:30 - Break +1:12:50 - Let's look at our todo app with authentication +1:17:25 - Let's code along +1:21:03 - Setup Mongo Atlas & Azure AD +1:45:06 - Intro to Passport.js +1:54:20 - Let's take a look at the file and how Passport works +2:04:30 - Break +2:12:58 - How do we stay signed in? +2:27:18 - Let's look at the full MVC architecture/map for this app +2:43:40 - How can we only grab the Todos of the logged in user? +2:52:20 - Walk through the code template and what each piece is, what does Leon code and what does Leon copy/paste? +3:00:10 - Raffles! -Class 40 - Timecodes -0:00 - Intro +Class 40 - Timecodes 0:00 - Intro -Class 41 - Timecodes -0:00 - Intro +Class 41 - Timecodes 0:00 - Intro -Class 42 - Timecodes -0:00 - Intro +Class 42 - Timecodes 0:00 - Intro -Class 43 - Timecodes -0:00 - Intro +Class 43 - Timecodes 0:00 - Intro -Class 44 - Timecodes -0:00 - Intro +Class 44 - Timecodes 0:00 - Intro -Class 45 - Timecodes -0:00 - Intro +Class 45 - Timecodes 0:00 - Intro -Class 46 - Timecodes -0:00 - Intro +Class 46 - Timecodes 0:00 - Intro -Class 47 - Timecodes -0:00 - Intro +Class 47 - Timecodes 0:00 - Intro -Class 48 - Timecodes -0:00 - Intro +Class 48 - Timecodes 0:00 - Intro -Class 49 - Timecodes -0:00 - Intro +Class 49 - Timecodes 0:00 - Intro -Class 50 - Timecodes -0:00 - Intro +Class 50 - Timecodes 0:00 - Intro -Class 51 - Timecodes -0:00 - Intro +Class 51 - Timecodes 0:00 - Intro -Class 52 - Timecodes -0:00 - Intro +Class 52 - Timecodes 0:00 - Intro -Class 53 - Timecodes -0:00 - Intro +Class 53 - Timecodes 0:00 - Intro -Class 54 - Timecodes -0:00 - Intro +Class 54 - Timecodes 0:00 - Intro -Class 55 - Timecodes -0:00 - Intro +Class 55 - Timecodes 0:00 - Intro -Class 56 - Timecodes -0:00 - Intro +Class 56 - Timecodes 0:00 - Intro -Class 57 - Timecodes -0:00 - Intro +Class 57 - Timecodes 0:00 - Intro -Class 58 - Timecodes -0:00 - Intro +Class 58 - Timecodes 0:00 - Intro -Class 59 - Timecodes -0:00 - Intro +Class 59 - Timecodes 0:00 - Intro -Class 60 - Timecodes -0:00 - Intro +Class 60 - Timecodes 0:00 - Intro +test2 \ No newline at end of file