DEV Community

Stefan
Stefan

Posted on • Updated on • Originally published at codewithfan.hashnode.dev

Three Weeks and Beyond with #100Devs

The Recap

Woah! We finally made it through three weeks of #100Devs Cohort 2, and are proficient to lay down serious vomity code to create a webpage with HTML & CSS. If I were to talk to my past self three weeks ago and say, "You are going to be able to create something out of nothing in three weeks. Trust me!", I would have laughed.

In today's blog, I am covering what I have learned so far in the past three weeks of #100Devs to become an employed Full Stack Software Developer.

⚠ Please, feel free to provide any feedback/comment/likes/dislikes on this or any blog I post. It can make me unlock the new potential to become a better blogger. πŸ‘πŸΎ

πŸ’‘ "I want to help you become a Software Engineer for free" - Leon Noel

Week 1

Class one was the most hype and watched stream in the Software & Game Development category on Twitch...EVER! A total of 7K+ Software Engineers tuned in live to figure out if:

  1. Is the #100Devs Bootcamp real?
  2. What's the catch of a free Bootcamp?
  3. Am I ready to become a Software Engineer?

If you answered "Yes" to all three questions, you faced homework the very first class:

The objective was to complete four weeks of learning how to learn in one week and supplement the course with Ali Abdaal's how-to-study videos. I discovered that I was learning new things wrong and that utilizing active recall and spaced repetition is the key to retaining anything.

Introducing Anki! Anki is an intelligent flashcard reader that allows you to create, organize, and study decks of cards. This is a tool that is meant to be used not only for the cohort but for life! The game plan is while you are reading/learning life, Anki is your best friend in creating your flashcards to perform active recall later, then do it again, and again...and again πŸ˜‚

The second set of homework, which set me in the trough of sorrow (yes, you Shay) was:

Since learning from The Odin Project, I was familiar with adding HTML semantics to the BBC Homework Assignment. The trough of sorrow hit me like a train when reading 12 lessons back to back and creating various flashcards on Anki. Because I have not been in a structured learning environment in seven years, paying attention and staying focused was no easy task. Thankfully, I was able to complete the lessons using the Pomodoro Technique, or in my case, Animedoro.

so leon mentioned "animedoro"... sounds like a distraction but I won't knock it until I try it. πŸ˜‚ maybe 35 on, 25 off with death note.

any #100Devs have a favorite anime series they recommend? pic.twitter.com/A0VFWmyUQA

β€” stefan 🍍 (@codewithfan) January 17, 2022

Week 2

πŸ’‘ "Leon Noel is a Pokemon Master"

We made it out alive of the first week of #100Devs. Some were able to submit their Coursera homework on time while others were still catching up with Barbara.

For Class 3 - Tuesday's class, we reviewed the following:

  • Navigation
    <nav>
        <ul>
            <li><a href="#">Donate</a></li>
            <li><a href="#">Login</a></li>
            <li><a href="#">Sign Up</a></li>
        </ul>
    </nav>
Enter fullscreen mode Exit fullscreen mode
  • Forms:
    <form action="/my-handling-form-page" method="post"></form>

  • Input Types

Screen Shot 2022-01-29 at 6.42.24 PM.png

In addition, we went over how Leon approaches a webpage if he were to create its HTML. The homework assigned was to re-create the Khan Academy, Tech Crunch webpage using only HTML, and learn how to do layouts on learnlayout.com.

Class 4, we dived into the nitty-gritty of CSS fundamentals such as:

  • Where should you style your CSS?
  • How do you link your HTML & CSS together?
  • The CSS Breakdown Screen Shot 2022-01-29 at 7.29.18 PM.png
  • Classes, IDs, and basic properties
  • Most !important Screen Shot 2022-01-29 at 7.30.31 PM.png

To conclude week 2, we were given the task to use HTML & CSS to create a simple lab site

Screen Shot 2022-01-29 at 8.07.15 PM.png

Week 3

πŸ’ͺ🏽 "We don't get got. We go get!"

Classes 5 and 6 are where we put our true learning abilities to the test. This week, we discussed:

  • The Box Model Screen Shot 2022-01-29 at 8.19.41 PM.png
  • created basic layouts

Screen Shot 2022-01-29 at 8.20.29 PM.png

  • practice relationships selecting without using classes or IDs. Screen Shot 2022-01-29 at 8.16.52 PM.png
  • specificity practice Screen Shot 2022-01-29 at 8.18.14 PM.png

After completing the three layouts, the next objective is to read and dive into Responsive Web Design. From my foxhole, it means creating websites so they are accessible and viewable across all devices and platforms. Our resource is to learn from the superstar Shay Howe: Learning to Code Advanced HTML & CSS, but supplement with the MDN Docs as well. Once all understood, the goal is to make the three layouts responsive, like how Nicole did!

Day 19 of #100DaysofCode: #100Devs assignment today. @leonnoel said we needed to make it responsive. It's definitely responding. πŸ˜… pic.twitter.com/zM56c8T6Zv

β€” Nicole Barnabee (@NicoleBarnabee) January 28, 2022

That's all friends!

No joke, this was difficult to write. Writing is an art I want to continue to practice while on the #100Dev journey. I will post a weekly recap of the lessons at the end of each week. If you have any questions, comments, concerns, feedback, do let me know. Until next time ~

This is where you can find me β†’ Twitter, LinkedIn!

Top comments (0)