Class 1-
For Homework (Due Thursday - Nov. 5th):
- Watch: https://youtu.be/ukLnPbIffxE
- Watch: https://youtu.be/Z-zNHHpXoMM
- Complete: https://www.coursera.org/learn/learning-how-to-learn
100 Devs Tracker
This is a tracker I created to help keep track of all the work for 100 Devs. 100Devs is a free bootcamp put on by Leon Noel for people affected by the pandemic. More info on the bootcamp and how to join.
Basics
Class 2-
- Read: https://learn.shayhowe.com/html-css/
- Build: HTML for BBC Website (just what is in the attached image) (How a Blind Person Uses a Computer)
- Watch: https://www.youtube.com/watch?v=TiP7aantnvE
- Watch: https://www.youtube.com/watch?v=UzffnbBex6c
Class 3-
- Try and watch before class (motivation): https://youtu.be/6vuetQSwFW8
- Read: http://learnlayout.com
- Do: https://www.typingtest.com (Five Minute Test)
- Do: Practice Typing: https://www.keybr.com
Class 4-
Try and watch before class (motivation): https://youtu.be/3sK3wJAxGfs
Read: https://learn.shayhowe.com/advanced-html-css/responsive-web-design/
Do: Complete The Three Layouts (last few slides)
Class 5-
Try and read before class (motivation): https://www.poetryfoundation.org/poems/51642/invictus
Class 6-
Do: http://flexboxfroggy.com
Read: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Class 7-9-
I didn't see any class work listed for 7-9, I will re-check eventually. If you've found it, send me a message and I'll update this.
Class 10-
Read: https://javascript.info/function-expressions + Tasks
Read: https://javascript.info/arrow-functions-basics + Tasks
Read:https://github.com/thejsway/thejsway/blob/master/manuscript/chapter04.md
Do: Delete the JS and do it again for all assignments
Front End
Class 11-
COMMENT OUT YOUR JS
TYPE IT ALL OUT AGAIN WITHOUT LOOKING
PEEK IF YOU HAVE TOO
REPEAT UNTIL YOU DO NOT HAVE TO PEEK
DELETE YOUR JS ENTIRELY
AND DO IT AGAIN
THEN DO IT AGAIN BUT CHANGE SOMETHING!
Class 12- (Freelancing)
Slides: https://slides.com/leonnoel/intro-freelancing-100devs/
Create a function that takes in 3 numbers. The function should return the first number multiplied by
the second and then subtract the third. Console.log() the resulting value
Homework:
Watch: F*** You Pay Me - https://youtu.be/jVkLVRt6c1U
Do: Setup Your Portfolio
Do: Setup Your Proposal & Contract
Do: Pick A Vertical and Start Reaching Out
Break Week 1-
Read - https://www.poetryfoundation.org/poems/51642/invictus
Read - https://github.com/bpesquet/thejsway (3, 2, 1... Code! through Write Functions)
Read - http://eloquentjavascript.net/3rd_edition/ (Chapters 1 - 3)
Do - https://www.codecademy.com/learn/introduction-to-javascript (1-6)
Watch - https://youtu.be/SWYqp7iY_Tc
Extra Reading: https://jwiegley.github.io/git-from-the-bottom-up/
Don't Do - Play yo self - start early this is a lot and very important for when we come back
Break Week 2-
Read - http://mwkworks.com/desiderata.html
Read - https://github.com/bpesquet/thejsway/ (Create your first objects -through- Understand
object-oriented programming)
Read - http://eloquentjavascript.net/3rd_edition/ (Chapters 4-6)
Do - https://javascript30.com/ (1&&2)
Do - Host your portfolio
Build - A horoscope app where the user can enter their birthday and get their horoscope. There
should be minimum 12 unique horoscopes.
Build - A simple calculator that has two inputs and returns the result of +,-,/,* somewhere in the
DOM
Class 13-14
Class 15-
Today's Challenge
Please create a function that takes in two numbers. Print to the console the division of the these
two numbers rounded down.
Class 16-
Class 16-
Read: https://javascript.info/array-methods
Research: Array Methods
Do: JS30 Day 04 Array Cardio
Read: Ahead on slides and problems (try them too)
https://slides.com/leonnoel/javascript-arrays-objects-100devs/live (remove live)
Read: https://javascript.info/object
Try and read before class (motivation): https://poets.org/poem/dreams (Langston Hughes)
Class 17-
Read: https://javascript.info/array-methods
Research: Array Methods
Do: JS30 Day 04 Array Cardio
Read: https://javascript.info/object
Do: All the tasks
Do: Three Codewars Fundamentals
Class 18-
Finish: NASA Photos API
Read: Pillars of OOP -
https://medium.com/@hamzzza.ahmed95/four-pillars-of-object-oriented-programming-oop-e8d7822aa219
Watch / Do: https://youtu.be/PFmuCDHHpwk
Watch: https://youtu.be/0fKg7e37bQE
Do: Four Codewars Fundamentals
Read and do the tasks: https://javascript.info/ Whole Chapter - Objects: the basics
Class 19-
Didn't see anything listed. If you can correct me, send me a message.
Class 20-
Make a rotating list of drinks (an automatic carousel) from the cocktailDB
Make the NASA API handle all the data types including video
Add an API to your portfolio website
Do: A 7kyu Codewars
Class 21-
Make the cocktailDB api work with spaces between the names!
Find three APIs and build three simple apps using those APIs (Not all of these work, but it is a
start: https://github.com/public-apis/public-apis)
Build one additional app that takes a response from one API and uses it to get data from another
Do: Five Codewars
Class 22-
Intro to Git and Github: https://aka.ms/ads/Github
Build a slot machine: https://github.com/learnwithleon/100devs-slot-machine
Class 23-
DO: TAKE A BREAK
DO: Catch Up
DO: Intro JS Course - https://www.codecademy.com/learn/introduction-to-javascript (For syntax
practice and review - DON'T PAY FOR ANYTHING!)
Class 24-
Watch / Do: https://youtu.be/PFmuCDHHpwk
Read / Do: JS Way Ch. 09
(https://github.com/thejsway/thejsway/blob/master/manuscript/chapter09.md)
Read / Do: Eloquent JS Ch. 06 (https://eloquentjavascript.net/06_object.html)
Do: Make the Pokemon API do something!
Do: 7 Codewars
DO: Professional Checklist (Will be shared after class)
Class 25-
Didn't see anything listed, if I'm wrong send me a message.
Class 26-
Didn't see anything listed, if I'm wrong send me a message.
Class 27-
Read / Do: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await
Watch / Do: https://youtu.be/vn3tm0quoqE
TYPE OUT ALL THE EXAMPLES!!!
Want to Push?
Read / Do: https://javascript.info/async
Class 28-
Do: Start prepping THE BANK
Do: Complete Your Professional Links
READ: Modern Javascript For Dinosaurs -
https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70
WATCH: Node.js Crash Course (just get through it) - https://youtu.be/fBNz5xF-Kx4
Crafting Your Story Class: https://www.youtube.com/watch?v=QoweoDsi5ZI
Class 29-
Do: Start prepping THE BANK
Do: Complete Your Professional Links
READ: Modern Javascript For Dinosaurs -
https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70
WATCH: Node.js Crash Course (just get through it) - https://youtu.be/fBNz5xF-Kx4
7-Hr Super Front-End Review Session (zip in downloads—3/14)
Class 30-
Do: Start prepping THE BANK
Do: Complete Your Professional Links
Do: Make node-backend-simple-json more readable
Do: Make a coinflip game where the randomization happens server side
Watch: https://www.youtube.com/watch?v=8aGhZQkoFbQ
Watch: https://www.youtube.com/watch?v=cCOL7MC4Pl0
Do: https://zellwk.com/blog/crud-express-mongodb/ (SUPER IMPORTANT)
Class 31-
Do: Start prepping THE BANK
Do: Complete Your Professional Links
Do: Make node-backend-simple-json more readable
Do: Make a coinflip game where the randomization happens server side
Watch: https://www.youtube.com/watch?v=8aGhZQkoFbQ
Watch: https://www.youtube.com/watch?v=cCOL7MC4Pl0
Do: https://zellwk.com/blog/crud-express-mongodb/ (SUPER IMPORTANT)
Class 32-
Tonight we start building REAL STUFF! By the end of class you will know how to build your own API
that is hosted on Heroku and available for anyone to access! What will you do with this new found
power?
Do: Start prepping THE BANK
Do: Complete Your Professional Links
Create: Heroku, Mongo Atlas, and Postman Accounts
Read: Node.js and Express (Fullstack Open -
https://fullstackopen.com/en/part3/node_js_and_express)
Do: Make Your Own API and Push To Heroku
Class 33-
Tonight we add MongoDB, EJS, and more Express into the mix to build apps that can create, read, and
delete! Come BUILD REAL FULLSTACK APPS!
The last #100Devs class can be found here: https://www.twitch.tv/videos/960622601
Front-end Crash Course can be found here: https://www.twitch.tv/videos/949278313
Here is the link to the checklist:
https://docs.google.com/document/d/1L2vTX3qvLhoGHeG5cVD2ljCfRGr1uJ_Gf-hNZj9KzTg
Here is the link to THE BANK:
https://docs.google.com/document/d/1p7DhCsLOMMybYfePWLlD1-_8KU20zkBoArH4pnW1o3c
Here is my code from tonight: -go to Discord-
Rap Node w/ Express APP: https://github.com/100devs/rap-names-express (npm install and change the
dbConnectionStr to your own)
PRs for a Readme File that explains how to npm install and connect your own DB welcome!
⭐️ HOMEWORK DUE (Tuesday):
Do: Start prepping THE BANK
Do: Complete Your Professional Links
Create: Heroku, Mongo Atlas, and Postman Accounts
Read: Node.js and Express (Fullstack Open -
https://fullstackopen.com/en/part3/node_js_and_express)
Read: https://zellwk.com/blog/crud-express-mongodb
Do: Make Your Own APP and Push To Heroku
Class 34-
Code for today: https://github.com/100devs/rap-names-express
⭐️ HOMEWORK DUE (Today):
Do: Make Your Own APP and Push To Heroku
Submit here please: https://github.com/100devs/simple-express-app-submission
HOMEWORK DUE (Thursday):
Do: Make aAFullstack Todo List and Push To Heroku
Class 35-
Do: Make A Fullstack Todo List and Push To Heroku
Watch: https://youtu.be/SBvmnHTQIPY (Node.js App From Scratch | Express, MongoDB & Google OAuth)
THIS IS A BEAST just get through it, so all the topics are not brand new on Tuesday!
Class 36-
Comment the Todolist Code: https://github.com/100devs/todolist-live-review
Fork it, comment every line, and submit a PR please
Here is the VOD where we code it from scratch: https://www.twitch.tv/videos/976816027
Read Zell's REST API article:
https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/
Watch DevMarketer's MVC video: https://youtu.be/1IsL6g2ixak
For Homework, please:
Finish Brad's Video (just get through it - it's a beast): https://youtu.be/SBvmnHTQIPY
Dream of a MVC Todolist with Authentication (seriously - daydream if it doesn't come up in your
actual dreams)
Links from today:
Slides: https://slides.com/leonnoel/100devs-study-time/live
Link to join the stream team: https://forms.gle/LcnfRn6NMJqbto6q6
Class 37-
Let's add some Architecture to our Node Apps Tonight! MVC or bust! See you soon!
Please check-in by liking and retweeting this tweet before class:
https://twitter.com/leonnoel/status/1380271834545811461
Code for today: https://github.com/100devs/todo-mvc
Do: Finish Brad's Video (just get through it - it's a beast): https://youtu.be/SBvmnHTQIPY
Do: Dream of a MVC Todolist with Authentication (seriously - daydream if it doesn't come up in your
actual dreams)
Class 38-
Microsoft Sponsored Class
Code for today: https://github.com/100devs/todo-mvc-auth-microsoft
Class 39-
Microsoft Sponsored Class Part 2
Code for during class: https://github.com/leonnoel/todo-mvc-auth-microsoft
Code for after class: https://github.com/100devs/todo-mvc-auth-microsoft
Here are the slides if you would like to follow along:
https://slides.com/leonnoel/100devs-todo-list-microsoft-part2
Class 40-
Short Class on Getting a Job
Class 41-
100 Devs by Leon Noel Top
Leon Noel Day 12
(Class on Freelancing)
(Class on Freelancing)