100devs homework tracker

#100Devs Homework Tracker

New: track classes and homework across all devices.

This tracker is a little tool I built for myself because I didn't keep up with the homework as I watched the videos. (I had some previous experience so this was an intentional choice, I do not recommend it for anyone starting from scratch. Don't watch the Due class until you've done all the homework!) This is just for homework; if you're in need of links to class videos, follow along materials, slides, etc, check out 100 Devs Follow Along or 100 Devs Course List , and huge credit goes to the author of this homework checklist , which I used as my main source of information.

A note regarding the readings: I've seen several people struggling with these. The readings can be dense and you might find some of it goes over your head. That's ok. The readings give context to the classes and you should definitely do them, but it's ok to move on even if you feel like you didn't understand everything. Leon explains everything you really need to know in the classes, and your time is better spent putting more hours into real coding.

The tracker uses localStorage to keep track of checkbox status, so as long as you keep using the same browser, your completions will be tracked. Clearing browsing data or cookies could cause localStorage to be cleared.

* homework for submission

Hide completed

Export Progress | View on Github

Export Data

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.

• Watch: https://youtu.be/ukLnPbIffxE
• Watch: https://youtu.be/Z-zNHHpXoMM
• Complete: https://www.coursera.org/learn/learning-how-to-learn
• Read: https://learn.shayhowe.com/html-css/
• Build: HTML for BBC Website (just what is in the attached image)
• Watch: https://www.youtube.com/watch?v=TiP7aantnvE
• Watch: https://www.youtube.com/watch?v=UzffnbBex6c
• 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

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)

Try and read before class (motivation): https://www.poetryfoundation.org/poems/51642/invictus

Do: http://flexboxfroggy.com Read: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

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.

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

7-Hr Front End Review Session

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

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- 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)

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

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

Didn't see anything listed. If you can correct me, send me a message.

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

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

Intro to Git and Github: https://aka.ms/ads/Github Build a slot machine: https://github.com/learnwithleon/100devs-slot-machine

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!)

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)

Didn't see anything listed, if I'm wrong send me a message.

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

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

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)

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)

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

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

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

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!

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

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)

Microsoft Sponsored Class Code for today: https://github.com/100devs/todo-mvc-auth-microsoft

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

Short Class on Getting a Job

100 Devs by Leon Noel Top

100Devs Q&A

The 100Devs discord can be overwhelming and intimidating to new joiners. I've seen many of the same questions asked repeatedly because there isn't a dedicated info page. The answers to all of the most commonly asked questions can be found below!

100Devs Social Media Links:

• When's the next Cohort/Cohort 3?

There are currently NO plans for a third cohort. Leon is trying to finish putting programs in place to support the current cohort and set up 100Maintainers. Once all those things are in place, there MAY be a third cohort.

• How can I be successful with 100Devs?

Be Consistent. Manage Frustrations. Take Care Of Yourself.

• Is the 100Devs program self-paced?

Yes you can absolutely go at your own pace.

• Can I participate in the cohort without a computer/on my phone?

It will be very difficult to complete the program without a computer. Leon's suggestion is to try and find a used cheaper laptop to code on, you do not need the best hardware to code on! There ARE some resources for coding on mobile that may help. See Resources at the bottom of the page for links.

• Am I too old to learn programming/get a job?
• Can you really get a job without a CS degree?

Yes! Many people in tech have taken a non-traditional path to get there. Check out the celebrations channel where there are many stories from those who do not have CS degrees and got jobs.

• Is it possible to get a remote job?

Yes, especially since the pandemic when many companies were forced to transition to a mostly remote way of doing business. Every company became a tech company!

• What should I do if I have free time?
• Do we get a certificate at the end of the program?

A certificate of completion will be available to those who successfully finished the program. This is confirmed by your attendance and homework submissions.

• How can I help?

Answer questions in the help channels on discord!

• How do I donate money?

You don't! Please volunteer your time in the help channels on discord. Helping others learn and pulling them up with you as you go is the goal.

• How long will the discord be up?

The discord will stay open. All materials and links will continue to be available.

• Why can't I see all the channels?

Double check that you've clicked the appropriate emojis in the Rules channel and the Join 100Devs channel to unlock the channels in the discord.

• Where is catchup-crew?

The catchup-crew channel is beneath the 100Devs section of the discord. If you can't see it, double check that you've clicked the appropriate emojis in the Rules channel and the Join 100Devs channel to unlock the channels in the discord.

• Why is no one answering my question in the help channels?

Check to see that your question is clear. If it's code related please share your code in a codepen or on github and NOT in screenshots. Be specific about what you need help with. And sometimes you just need to try posting again.

• Can we record Tea Spills/Twitter Spaces?

No, they are meant to be listened to live. People are often sharing personal information that they might not otherwise disclose if it were recorded. These events are not recorded and saved to maintain privacy.

Classes/Homework

• How do I submit screenshots for homework?

Use a site like imgbb to host the image, then share the link in the homework submission form. See the Resources section below for a link to imgbb.

• Where can I find the links to submit homework?

All the links are in the follow-along-materials channel on discord. There are also several resources that have compiled them in an easy to find manner, please see the resource section below for links.

• Where can I find the files for class?

All the files are available to download in the follow-along-materials channel on discord. They have also been compiled in the 100Devs Follow-Along site for each class that has files, there is a link in the Resources section below.

• When can I use my Twitch channel points?

Points can be redeemed anytime Leon is live on Twitch.

• Are classes recorded?

Yes. Classes are only available on Twitch initially, and as they expire from Twitch they will be uploaded to YouTube.

• Are office hours?

No. Office hours are available on Twitch only until they expire, with the exception of Super Reviews which are added to YouTube.

• Where can I host my website?

For a static site you can use Netlify's free hosting. See the Resources section below for a link.

• Now that Heroku no longer has a free tier, where should I host my apps?

The three most common recommendations are Cyclic, Render, and Railway. They are all free to use, but they each have their limitations. See the Resources section below for links.

• Why can't we watch a video on ______ instead of reading?

Being a software engineer means you need to know how to learn, and be able to read through things like documentation which will often be long and tedious to get through. Consider the readings good practice for your future job.

• I'm having a hard time with the Shay Howe reading, do I really need to do it?
• Where can I find an Anki deck?

Your deck(s) should be personal and unique to you. As you work through the readings and lessons, add cards for vocabulary, things you found confusing, need more repetition on, or want to memorize. Anki is such a big part of learning, don't skimp out on making cards, this is one area where it's really important to do the work yourself.

• I don't like Anki, are there alternatives?

Yes, two good alternatives that are also based on spaced repetition are Zorbi and Mochi Cards. See the Resources section below for links.

• Do I really need to do the Learning How To Learn class on Coursera?

There is a REALLY good reason this is one of the first assignments. The skills you will learn about in that course are absolutely crucial to your success in learning. It is also part of the homework to submit the completion of the course in a screenshot, so you need to complete it in order to do that.

• What is BANKI?

BANKI is just Anki cards made from the BANK document that lists out interview preparation questions. Please see the Resources section below for a link to the BANK.

• What is CAR?

CAR is the format you should use to answer your BANKI questions. It stands for Cause Action Result.

• What is PREP?

PREP is the method you should use to work through whiteboarding or coding challenges for interviews. It stands for Parameters, Return, Examples, Pseudo Code.

• Should I learn this other language/framework/stack/etc?

No, wait until you get a job and pay you to learn. Go deep not wide. The skills we learn in this program are easily transferred to other stacks etc if necessary later for your job.

• Why do I need to learn floats if they are outdated?

Floats are good to learn specifically because they are old. Your first dev job assignment might have you working on old code that uses floats, and you should have an understanding of how they work.

Catch-Up Crew

• Should I do the homework, even if I'm behind?

Yes, doing and submitting the homework is how Leon will know in the future if you did all the work. If you ever need reference Leon will need to be able to check that you did the assignments in order to vouch for you.

• Where can I find the homework?

All homework and links are available in the follow-along-materials channel on discord. There are also several resources that have compiled them in an easy to find manner, please see the Resources section below for links.

• How do I do the team projects if I'm in catchup-crew?

Try posting in the catchup-crew channel on discord to see if anyone else who is caught up around the same class as you who also needs to do a group project.

• Should I still check in on twitter if I'm in catch-up crew?

Checking in at the beginning of the program is how Leon tracks attendance, so yes.

Networking/Job Hunt

• What do I say when asked about 100Devs in an interview?

100Devs is an Agency with a training program.

• What do we say to recruiters when we're not ready to interview yet?

I am not currently pursuing new opportunities at this time, but I would be happy to reconnect with you again in three months. Can we set up a time to talk three months from now?

• How do I find people to have coffee chats with?

If you are on twitter you can interact with people for a time, and then reach out to them for a chat. If you are job hunting you can target companies and reach out to engineers that work there. Local meetups and dev conferences are also great resources when available.

• How do I find a mentor?

Leon does not recommend specifically searching out someone to be your mentor because of the power dynamic imbalance. When networking you should just be looking to make friends.

• How do I find clients?

Tell everyone you know that you're looking for a client. Post on all your social media. Post on craigslist. Look for local groups for small businesses.

• What are some questions I can ask in an interview??

There are questions at the bottom of the BANK document. See the Resources section below for a link. You can also google "reverse interview" questions to find more.

• What is Huntober?

Huntober was held during the month of October 2022 and as a support to members of the last cohort in the job hunt.

• Do I need a portfolio?

Yes, a portfolio is necessary for anyone who doesn't know how to code to see your work, see that you know how to build websites and applications, and can then pass you on to the people who do code.

• My anxiety makes networking hard, what else can I do?

Do the most you are comfortable with. If you can't do video calls you can still connect through messages etc. Just remember that networking is the most successful path to getting a job.

• How do I find local meetups to network?

Look for local groups on sites like meetup.com

• What do I do if there are no local dev groups near me?

There are frequently online meetups you can join, as well as virtual conferences which often have networking options.

Social Media

• Do I need to have a LinkedIn?

Not necessarily, but it will help immensely.

• Do I need to make a new Github/Twitter/LinkedIn account?

No, unless you have some sort of content that a potential employer would take issue with, just use your current account.

• Why haven't I been added to the 100Devs LinkedIn group?

People are usually added to the group every few weeks, so you may just need to be patient. Otherwise check your profile, you must have a photo and a title. The picture is recommended to be a headshot, but it does not need to be. Any picture will do.

• What do I put on my LinkedIn if I don't want my current employer to see it?

There is a setting for your profile to show that you are Open To Work only to recruiters. Don't add people you work with to your LinkedIn.

• What is the process to follow up after a coffee chat?

Send them a thank you email the next day, email should be in the format of Thank/Ask/Provide Value. 3 days later add them on LinkedIn WITH A MESSAGE. Never send a connection request without a message. 3 days later add them on twitter, if you aren't already following them.

• What are appropriate times to follow up after an interview?

Send a thank you note within 24-48 hours. If you haven't heard back in 3-5 days, send another email.

• 100Devs Follow-Along - Resource with classess and HW links grouped together
• 100Devs Homework Tracker - site to keep track of homework, includes submission links
• 100Devs Email Templates - Networking Templates and Email Etiquette
• BANKI - Interview Prep Questions
• Zorbi - Spaced Repetition alternative on Desktop, IO,S and Android
• Mochi Cards - Spaced Repetition alternative on Desktop, IOS, and Android
• Codepen - Online Code Editor
• Replit - Browser Based IDE
• Replit Mobile - Replit Mobile App for IOS and Android
• imgbb - free image host
• Contract Killer - contract for freelancing
• HTML5Up - free to use website templates for your portfolio or freelancing
• Netlify - free hosting for static sites
• Render - free hosting for full stack apps
• Railway - free hosting for full stack apps
• Cyclic - free hosting for full stack apps
• © 2022 - All Rights Reserved

100Devs Homework sheet

A google doc with all the follow along materials from 100devs. it includes all the homework, links for the code +solutions +descriptions of the classes in an organized table., engineering , web development , internet , learn to code.

100 Devs 2022 Guide by Africa Kenyah @codingtherapist :)

Class Materials

HTML BASICS

https://slides.com/leonnoel/100devs2-html-the-basics

(Due Tuesday - Jan. 18th):

Watch: https://youtu.be/ukLnPbIffxE

Watch: https://youtu.be/Z-zNHHpXoMM

Complete: https://www.coursera.org/learn/learning-how-to-learn

https://cdn.discordapp.com/attachments/738891289071714388/930589829421473862/class01-materials.zip

MORE HTML BASICS

https://slides.com/leonnoel/100devs2-html-more-basics

Due Tuesday - Jan. 18th:

Due Thursday - Jan. 20th:

Read: https://learn.shayhowe.com/html-css/

Build: HTML for BBC Website (just what is in the attached image)

USE: https://developer.mozilla.org/en-US/docs/Web/HTML

https://cdn.discordapp.com/attachments/738891289071714388/931314672806797332/class02-materials.zip

EVEN MORE BASICS

https://slides.com/leonnoel/100devs2-html-even-more-basics

Submit Homework Due Today:

Take a screenshot of your Coursera Learning How To Learn Completion

Upload to https://imgbb.com/

Submit The Link Here: https://forms.gle/9FYrUMFKMk4MpEZG7

For Homework:

Due Tuesday - Jan. 25th:

Read: https://learnlayout.com/

Finish: Labs From Class-03 - BBC, Khan Academy, Tech Crunch

https://cdn.discordapp.com/attachments/738891289071714388/933126749766697030/class-03-materials.zip

https://slides.com/leonnoel/100devs2-css-the-basics/

Place your BBC HTML in a https://glitch.com/

Submit the URL here: https://forms.gle/inMYVvbEZt2fmzng9

Due Thursday - Jan. 27th

Do: Finish Simple Site Lab from class-04 (HTML & CSS)

Read: http://learnlayout.com/

Do: https://www.typingtest.com/ (Five Minute Test)

Do: Practice Typing - https://www.keybr.com/

Finish: Labs From Class-03 - BBC, Khan Academy, Tech Crunch (JUST HTML)

https://cdn.discordapp.com/attachments/738891289071714388/933851316646719569/class04-materials.zip

MORE BASIC CSS

https://slides.com/leonnoel/100devs2-css-more-basics

Place your Khan Academy & Tech Crunch HTML in separate glitch.com

Submit the URL here: https://forms.gle/w9Awq51mxmcYHy4h7

Do: https://www.typingtest.com/

(Five Minute Test)

Do: Complete The Three Layouts (last few slides)

Read: https://learn.shayhowe.com/advanced-html-css/responsive-web-design

Due Thursday (Feb. 3rd)-

Read: https://learn.shayhowe.com/advanced-html-css/

Other work will be assigned, but nothing due Tuesday specifically of next week

https://cdn.discordapp.com/attachments/738891289071714388/935663546493198416/class05-materials.zip

Solutions: https://cdn.discordapp.com/attachments/738891289071714388/935737646347616337/class05-solutions.zip

REVIEW + RESPONSIVE

https://slides.com/leonnoel/100devs2-review-and-responsive

Place your Three Layouts and Simple Site Lab in separate codepen.io, glitch.com, or replit.com

Submit the URLs here: https://forms.gle/rvPhDrbp56DQKgPaA

Do: Make 15 minutes of pain responsive

Nothing due Tuesday specifically of next week

https://cdn.discordapp.com/attachments/738891289071714388/936388842171281468/class06-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/936454296910843944/class06-materials-solutions.zip

RESPONSIVE BASICS

https://slides.com/leonnoel/100devs2-css-responsive-basics

Do: Make 15 minutes of pain responsive (3 media queries and using floats)

Homework (Due Tuesday - Feb. 8th):

Read: css-tricks.com/snippets/css/a-guide-to-flexbox

Do: http://flexboxfroggy.com/

Watch: Independence Day

Do: Layout Assignment (will share Thursday)

No homework due today!

https://cdn.discordapp.com/attachments/738891289071714388/938199963953942578/class07-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/938271840936267786/class07-solutions.zip

CSS RESPONSIVE REVIEW

https://slides.com/leonnoel/100devs2-css-responsive-review

Submit Your Homework:

Place your 15 minutes of pain responsive in a https://codepen.io/ and submit the URLs here: https://forms.gle/AaoHzDEXm3Hjc7JL8

Homework (Due Thursday - Feb. 10th):

Do: The 3 layouts we did in class

Do: The Level Ground & Source Layouts in the homework-layout-photos

Push?: Do Pushwork Homepage and add media queries to other layouts

https://cdn.discordapp.com/attachments/738891289071714388/938924961819676742/class08-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/938990161704919111/class08-solutions.zip

NETWORKING NIGHT

Homework (Due Tuesday - Feb. 15th EXTRA WEEKEND):

https://slides.com/leonnoel/100devs-css-review-homework

Homework (Due Thursday - Feb. 17th EXTRA TIME):

Do: The Level Ground, Source, Restaurant, Hair Salon Layouts in the homework-layout-photos

Watch: https://youtu.be/hdI2bqOjy3c

https://cdn.discordapp.com/attachments/738891289071714388/941461787319087124/class10-materials.zip

https://slides.com/leonnoel/100devs2-css-review-flexbox

Homework (Due Thursday - Feb. 17th):

Want More Flexbox?:

https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/

https://youtu.be/JJSoEo8JSnc

https://mastery.games/flexboxzombies/

https://cdn.discordapp.com/attachments/738891289071714388/943273619402948648/class11-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/943342680237297694/class11-solutions.zip

JAVASCRIPT!!!!!!

https://slides.com/leonnoel/100devs2-javascript-basics

Place your layouts in a https://codepen.io/ and submit the URLs here: https://forms.gle/7r1obfquRuih9BEu7

Homework (Due Tuesday - Feb. 22nd):

Do: Plan out your networking!

Read: https://javascript.info/variables + Tasks

Read: https://javascript.info/function-basics + Tasks

Do: Delete the JS and do it again for all assignments

Do: Something special for yourself this weekend

https://cdn.discordapp.com/attachments/738891289071714388/943998243216429106/class12-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/944064618005938176/class12-solutions.zip

https://slides.com/leonnoel/100devs2-javascript-more-basics

Play with any of the JS and make changes? Place your javascript changes in a https://codepen.io/ and submit the URLs here: https://forms.gle/G7LhHnyTA7zYq7UV6

Homework (Due Tuesday - Mar. 1st):

Do: NETWORK!

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

https://cdn.discordapp.com/attachments/738891289071714388/945810363998421032/class13-materials.zip

https://cdn.discordapp.com/attachments/738891289071714388/945877319363465216/class13-solutions.zip

JAVASCRIPT BASICS

https://slides.com/leonnoel/100devs2-javascript-more-basics-again

No Homework To Turn In Tonight!

Homework (Due Thursday - Mar. 2nd):

COMMENT OUT YOUR JS

TYPE IT ALL OUT AGAIN WITHOUT LOOKING

PEAK IF YOU HAVE TOO

REPEAT UNTIL YOU DO NOT HAVE TO PEAK

DELETE YOUR JS ENTIRELY

AND DO IT AGAIN

THEN DO IT AGAIN BUT CHANGE SOMETHING!

https://cdn.discordapp.com/attachments/738891289071714388/946534798166482955/class14-materials.zip

https://cdn.discordapp.com/attachments/738891289071714

UX Designer: 0 - 1 Study Guide [@udezekene]

Your one stop shop for 100Devs past follow-along materials!

     This site is dedicated to making it easy for the #Catch-upCrew to find the follow-along materials, the homework, and the class files instead of having to rummage through all of the newer discord messages. Which, if you're not in the discord: you should join! Join here. Please note I (Dekota) am not endorsed by, affiliated with, or sponsored by 100Devs or Leon, I merely had difficulty easily finding the class materials and homework for older classes and figured if I had trouble others would too. So I wanted to help others and make it easier for everyone who may not be caught up in the live classes. Read Full Disclaimer Here. With that said, the only non-100Devs links on this website are the link to this project's GitHub page in the footer, the 'Email Me' in the footer for if you have any issues or ideas related to the project, the 'files' link on every class page which go to my google drive that hosts the files provided on the discord, and the 'Other Projects by Dekota' page in the menu if you want to see more projects by me. Everything else directs you directly to 100Devs and Leon's official resources and this website is in no way monetized and never will be. I mention this to maintain 100% transparency about me, Dekota, and this website.

Become A Software Engineer For Free

Learn More HTML

Learn CSS Layout

Lets Review HTML and CSS

Learn Responsive CSS

Write Bad CSS

Networking Night

Rant and Review

Learn CSS Layout and Flexbox

Learn Javascript

Fun Javascript Examples

Javascript Functions for Beginners

How to Start Freelancing

Learn Javascript Loops

Networking Night, No Normal Class

Project Night, No Normal Class

Super Review - Crash Course

Learn JavaScript Objects!

More Fun With Objects!

JavaScript APIs For Beginners!

Git And Github For Beginners in 2022! Sponsored By Microsoft!

Fix Your Resume So You Get Tech Interviews!

Build A Simple App Using APIs!

Get Data From NASA! Simple Javascript API!

JavaScript API Practice For Beginners!

Review The Basics Of JavaScript!

OOP But It Actually Makes Sense!

What Is Inheritance & Polymorphism?

Object Oriented Programming w/ JS Review!

Secrets To Landing Your First Tech Job!

Crush Your Technical Interviews!

Easy Intro to Node!

JavaScript Crash Course

JavaScript Crash Course!

JavaScript Event Loop For Beginners!

No Express! Fullstack App Just Node!

Build Your Own API HOSTED On Heroku!

CRUD APIs For Beginners!

What is MongoDB? CRUD Apps For Beginners!

Build A Simple CRUD App With Express, MongoDB, & EJS!

This class hasn't been uploaded to YouTube

Build Fullstack Apps With Javascript! Easy To Understand! (class 44/45)

Build A Node.js MVC App! Complete Easy Walkthrough! (class 46/47)

How To Prepare For #THEHUNT

Easily Add Authentication To Your Node Apps!

Education should be free, but not everyone can afford free

Our training program is 100% free. You can learn to code and get an amazing job through live instruction with an amazing community. For those that need it, we also offer a way to earn while you learn through building real code for real clients.

Next Cohort Starts Early May Join our community today.

100Devs training program is fiscally sponsored by the Open Collective Foundation 501(c)(3). We’ve helped thousands of people learn to code and helped hundreds get jobs as software engineers.

Actually Learn This Time

750+ Hours Of Live Instruction

Learning by yourself is hard. With 100Devs you will finally have a consistent schedule, your questions answered in real-time, and a community that wants to see you succeed.

Real experience

Work With Real Clients

Learning to code is not enough. All of our graduates have worked with real clients and gained real experience before applying to jobs.

The world's most innovative companies hire our graduates

Learn faster, together

Community Taught

You can learn this stuff anywhere, but what makes 100Devs different is our community. We are committed to building a safe inclusive community of software engineers. We live by one major rule, “Be Kind, or Get The Fuck Out”.

Here when you need us most

Daily Job Support

Support doesn’t stop at graduation. Our community is there until you get the job.

Anyone Anywhere

Our community spans across the globe. Together, we leverage our collective expertise to empower others to learn, build, and grow into phenomenal software engineers.

Grassroots Orgs Helped

Open Source Contributors

Hours of live instruction

In freelancing client work secured

$25,000,000+

In Software Engineering Salaries

Members ready to help

Your Instructors

We’re a collective of individuals who are passionate about helping you succeed, but these are the folx who lead our core classes.

Teacher & Founder, 100Devs

Leon Noel is a software engineer, entrepreneur, and educator with a passion for training people underrepresented in tech for high growth careers as software engineers. As Managing Director of Engineering for Resilient Coders, Leon has helped train and place hundreds of Black and Brown engineers into family sustaining engineering roles. Before Resilient Coders, he co-founded SocialSci, a scientific surveying platform relied upon by over 4,000 academic institutions and held an associate position at Harvard University. He is a regular lecturer at Harvard Business School, a guest lecturer at MIT Sloan School of Business, and a Distinguished Faculty Member at General Assembly.

Claire (Mayanwolfe)

Maintainer, 100Devs

Mayanwolfe (Claire) is a Senior BI Engineer with a day job building ETL pipelines, writing SQL, and building backend apps with C#.NET. She has a decade of experience in data analytics, and would love to tell you about all the cool things you can do in Microsoft Excel. In her spare time she teaches web development, fosters orphaned kittens, and plays tug-of-war with her standard poodle, Ben.

Keeping it real

It takes more then just learning to code

When the pandemic hit, we formed to help those affected learn new skills and get jobs as software engineers. We want to help individuals unlock a family sustaining career and believe that you should not have take food off your table or money out of your pocket to make that happen. We are aiming for full-time family sustaining jobs with good benefits not the FAANG 100k+ dream.

From beginner to employable in a year+ not weeks

To be perfectly clear, the job market for developers right now is tough, but we have never gone the traditional route to get jobs. Through #100Devs you will get real clients, build large custom portfolio ready fullstack web applications, volunteer with grassroots orginizations, contribute to open source, complete hundreds of coding challenges, work on large development teams to ship real products, and build a network that most other job applicants won't put the work into achieving. This is how we are able to consistently get our alumni jobs. It's not magic, just a fuckton of work that most people don't have the privilege or desire to complete.

• Weekly Networking. On top of your course work, you will be expected to build your network each week. Don't worry we'll help with this, but know that this network not your coding skills is what will get you your first job.
• Daily Practice. Spaced Repetition is an important aspect of our program. Expect to review the things you learned and complete coding challenges daily.

This course is taught live and demands 20+ hours a week of your time. We’ve helped thousands of people learn to code and helped hundreds get jobs as software engineers. Our community is here to help you do it too!

“As a direct result of the time you invested in me, I put in the work and got a job as a full-stack software engineer. I now make more than double what I've made my entire life. I've moved from lower class (which I previously thought impossible to escape) to being middle class. I can afford to eat and get medical aid without worrying if I will be able to keep my lights on. I don't want to get too wild, but I might even be able to own a house someday! When you live with a very poor quality of life every day, you don't always notice the constant anxiety in the back of your mind, constantly taking up resources in your brain. Since I started this job, it has become clear how insidious such a poor quality of life really is. For the first time, I feel like I will be okay.”

Complete a few tasks and fill out our application form.

A year long intensive dive into software engineering.

Find your own paid clients or contribute to our agency.

Our community meets daily until you get a job.

Using a screen reader, please find a more accessible application here

Application Step One: Please Complete These Tasks

Application step two: please fill out this form, the humans behind the community.

Mariam Shennawe

My technical knowledge spans HTML, CSS, JavaScript, Node, MongoDB, Next.js, and React. My past work includes successful projects for prominent HelloFresh brands, such as Green Chef and TheModern Milkman, where my campaign pages received high acclaim and reinforced my commitment to developing world-class software solutions

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum sint occaecat cupidatat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum sint occaecat cupidatat.

I'm a full stack developer, previously working with PostgreSQL and PHP, now developing with Node.js, Tailwind CSS, MongoDB, and Svelte. Eight years of experience with ecommerce has given me a strong understanding of UX principles, performance optimization, responsive design and testing, SEO, and accessibility.

Frequently Asked Questions

What is #100devs.

A digital agency that offers a free 30 week training program, meant to bring you from zero programming skills to employable taught by Leon Noel . Please join our Discord for the most up to date information.

When and where are classes hosted?

Tuesdays & Thursdays, 6:30PM - 9:30PM Eastern Time. They are hosted live on Twitch . Any variations from schedule will be announced in advance. Please keep an eye on the announcements channel of the Discord and on your email.

When are office hours?

Sunday, 1:00PM Eastern Time. Office hours will normally go for 2-3 hours and are hosted live on Twitch . Any variations from schedule will be announced in advance. Please keep an eye on the announcements channel of the Discord and on your email.

What will we learn?

All the fundamental skills you need to unlock a career as a software engineer. Also, the practical skills you need to learn HTML, CSS, Javascript, React, Node, Express, MongoDB, and some CS theory.

What equipment will I need?

You will need a functional computer, an internet browser, and some form of text editor. For text editors, I will use Visual Studio Code (VS Code) on stream, but Atom, Sublime Text, or any other text editor will do. YOU DO NOT NEED A NEW COMPUTER! If it can run chrome, it is good enough to learn all the way up to you getting a job. Hopefully, your new employer will then give a new machine for work.

How do I use Discord?

Please see the beginner’s guide to Discord for help. There are a lot of channels in the discord. Please try to post your messages in the channel that makes the most sense to ensure your message isn’t missed (for example, if you having an issue with a javascript question, post it in the #javascript-help channel). The #100Devs family is big, so you may need to adjust your notification settings. Please see Discord’s guide to notifications for help.

How does the program work for a newcomer?

If you would like to join, please complete these taks: https://gleam.io/e6AV3/100devs-signup Fill out this form: https://forms.gle/BeASW6xXwM5qvQbFA And be sure to join our Discord, where all the course materials will be posted and you will find 60,000+ folx ready to help you on your engineering journey: https://leonnoel.com/discord Make sure you agree to the rules (must click the green check mark) and click the icons in the #join-100Devs channel. This will give you full access and place you into House Hamilton to start for support! If you don’t click the three icons, you will not see every channel on Discord You will be a part of Hamilton House, one of three ‘houses’ in this bootcamp. All of our materials will be posted in the discord for you to code along, get homework assignments, and get support from your peers. Please tune in on Twitch to watch the lectures live. Any missed lectures can also be viewed on Twitch , or on Youtube

What are the ‘houses’?

House Turing, House Hopper, and House Hamilton. Turing has access to Leon as a reference, resume and portfolio reviews, mock interviews, and a private house channel in the discord. Turing also has mandatory requirements of attendance, networking, and coding challenges. Failure to meet these requirements may result in being moved to House Hopper. Hopper can use channel points for reviews and interviews, and has their own private house channel in the discord. Those in House Hopper that would like to move to House Turing for the extra perks, please keep doing all of the obligations and as people move out of Turing, those in Hopper who are demonstrating dedication will be moved in. House Hamilton has the flexibility to follow along with the bootcamp without the same level of commitment as Turing and Hopper. Hamilton can use their channel points for Turing benefits

How do I use Twitch? What are ‘channel points’?

Simply go here at class time to watch the live stream. You can ask questions directly in the Twitch chat. Channel points are accumulated by watching the stream. They will be visible right below the chat bar. If you click there, you will see things you can redeem with your channel points, including resume reviews, portfolio reviews, mock interviews, and more! You can see Twitch’s official guide to channel points here .

What will be expected of me?

If you want to gain the most of the course, you should attend class, do the assigned homework, get involved in networking, and participate in the provided coding challenges. You will be asked to check-in for each class by retweeting a tweet on Twitter. This is how we take attendance. You should expect to spend 10+ hours per week, outside of class, for practice/homework/networking/etc. The biggest factor in your success is you. Work hard, ask for help when you need it, give help to others when you can, and stay positive.

What happens if I miss a stream, or want to catch up on a the old ones?

They will still be visible on Twitch here , and they will be up on Youtube within a few days.

Where do I go when I have a question?

Please use the appropriate help channel on Discord . If you have something that can only be answered by Leon, then please use the #ask-leon-and-mods channel. You can also check out the #resources channel for helpful links. If you are looking for a specific resource, please ask.

See more FAQs

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

This repository contains any code I wrote as homework for the 100Devs Bootcamp

raisa-d/100DevsHomework

Folders and files.

Repository files navigation

100 devs coding homework repository.

Welcome to my coding homework repository for the 100 Devs Bootcamp! Here, you will find my completed coding assignments and projects from the bootcamp. Each folder represents a different assignment or project, showcasing my progress and skills throughout the course.

Table of Contents

Assignments, about the repository, contributing.

This section contains my completed coding assignments for the 100Devs bootcamp/agency. Each solution is in it's own file.

Due Class 4:

• Assignment 1: bbc.html
• Assignment 2: Mythical Baddies Meetup Page made while following Shay Howe's HTML & CSS Lessons

Due Class 5:

• Assignment 3: Create HTML for Khan Academy and Tech Crunch Sites

Due Class 6:

• Assignment 4: Create 3 Layouts Using Floats
• Assignment 5: Recreate Simple Site using CSS & HTML

Due Class 8:

• Assignment 6: Make a 3 column layout using floats responsive using at least 3 media queries

Due Class 12:

• Do html & css layout for BBC website
• Do html & css layout for Khan Academy website
• Do html & css layout for TechCrunch website
• Do html & css layout for Level Ground website
• Do html & css layout for Restaurant website
• Do html & css layout for Hair Salon website
• Do html & css layout for Source website
• Do pushwork html & css layout

Due Class 15:

• Read and do tasks that go with JavaScript.info on function basics, function expressions, arrow functions & do the same for the JS Way Loops
• Assignment 21: Mermaid Tail Picker! (Extend/make your own version of the in-class background picker code)

Due Class 22:

• Read and do tasks that go with JavaScipt.info array methods page
• Read and do tasks that go with EloquentJS arrays & objects
• Do Array Cardio Tasks (JavaScript 30 Day 4)
• Do JS.info array reading/tasks
• Do JS.info object reading/tasks

Due Class 25:

• Object Oriented Code Exercises

Due Class 28:

• Blackout Poetry Studio
• War Card Game

This repository contains all of the code for my 100Devs homework.

I'm currently not accepting contributions as this repository is for showcasing my personal progress. However, feedback and suggestions are always welcome!

• JavaScript 29.7%
• Python 0.1%

Get the Reddit app

A subreddit for all questions related to programming in any language.

I ran a 100% free full stack web development bootcamp for those laid off by the pandemic. 65 people got jobs and we are doing it again! I would love to have you join us!

Hey, everyone!

Starting Jan 11th, I will be running a FREE live intensive full stack web development bootcamp covering everything you need to know to go from no technical skills to employable. We’ll meet every Tuesday and Thursday from 6:30pm EST to 9:30pm EST with office hours on Sundays from 12pm EST to 3pm EST on Twitch. The goal is to give folks who have been laid off or affected by the pandemic the tools they need to command a job in software engineering. Last cohort saw 65 folx get jobs with an average increase in salary of $53,000!

If you would like to join, please follow the instructions [here]( https://leonnoel.com/100devs/ ).

Also, feel free to ask any questions here! About the bootcamp, how to get a job in tech, or the dark side of coding bootcamps. I'll answer every single one :)

A little about me:

I’m Managing Director of Engineering for [Resilient Coders]( http://resilientcoders.org/ ). We help folx underrepresented in tech break into high paying careers as software engineers. We’re pretty damn good at it too. 85% of our graduates, most of whom do not have degrees or prior experience, go on to get full time offers at an average starting salary of $98,000. All free and stipended. No bullshit or funny business. I’m also a Distinguished Faculty Member at General Assembly were I’ve been helping folks learn to code for the past 9 years. You can see a sampling of my classes taught at Harvard, MIT, and elsewhere [here]( https://leonnoel.com/teach/ ) and reviews from my past students [here]( https://leonnoel.com/students/ ).

What to expect:

We’ll have class two nights a week with the expectation that you come prepared and have done the assigned reading ahead of time. I like to use lecture as a means of exploration and not dictation, but that only works if you come prepared. The first half of class will be exploring new topics and the second half will be lab. During lab, you will tackle what we just covered by building. You’ll never just listen to me and then sign off. You’ll have real time guidance / feedback and a chance to have all your questions answered. We'll be covering Full stack Javascript - HTML, CSS, JS, Node, React, and MongoDB!

This course is designed to give you the skills you will need to pursue a career as a software engineer, but will only work if you are committed and ready to put in serious work.

Why am I doing this:

My activism is teaching. I want to help folks affected by the pandemic and those under represented in tech. The bootcamps I run are either very selective or expensive, so I am hoping to help in the best way I know how by offering a full stack course for free and open to all.

Disclaimer:

I like to joke, curse, and have fun. I do the same thing in my classroom. I value learning over nit picky correctness. If any of these things bother you, this course might not be the best fit.

You can view every class from my last bootcamp [here]( https://www.youtube.com/watch?v=YRemMgGfbKg&list=PLBf-QcbaigsKwq3k2YEBQS17xUwfOA3O3 )

These should give you a good idea of my teaching style and what to expect.

Happy to answer any questions here on reddit.

Edit: Some folx noted that the original link pointed to our old bootcamp page. It is updated now! Thank you everyone for all the comments and well wishes! I responded to everyone I could for 12 hours straight yesterday and will get to everyone over the next few days!