DionDevs

I’m back again guys. 🔥
So, a brief introduction, once again.😉

My name is Alabi Olawale, a Computer Science student at the University of Ibadan. Since we’re currently on our session break, I’ve decided to intentionally invest this time in growth.

Earlier this year, I started a 90-day coding challenge and made it to Day 23. Life happened, momentum slowed, and I stopped. But this time is different.

This time, I’m not just starting again, I’m coming back stronger and better. 💪🚀
One major difference? I’m doing this with my coursemates, not alone. And that shared commitment makes all the difference.

Since it’s been a while since I actively worked with Frontend development, I’ll begin by reviewing what I’ve learned in the Scrimba Frontend Developer Career Path I started. After completing it fully, I’ll move on to learning Backend development.

This journey is about:
✨ Consistency
✨ Accountability
✨ Showing up, even on hard days

I’m choosing discipline over comfort and progress over perfection.
If you’re building, learning, or starting again after stopping, this is your sign.
Let’s see what 90 focused days can truly produce. 🔥💻

Day 23 of 🚀 – Leveling Up My JavaScript Skills! 💪

Today, I started the final chapter of the Essential JavaScript Concepts module, and its all about writing cleaner and more efficient code. While I haven't finished the chapter yet, I’m excited to share what I’ve learned so far:

✅ .map() – transforming arrays like a pro
✅ .join() – turning arrays into neat strings
✅ .map() vs. .forEach() – knowing when to return vs. just looping
✅ for loop break & continue – controlling loops with precision
✅ Function expressions & arrow functions – making code more concise
✅ Default parameters – handling function arguments smartly
✅ Ternary operator – simplifying conditional statements

Each day, I’m improving, and I love the process! 🔥 On to the next challenge.

Day 22 of 🚀 - Building a Twitter Clone🐦
Another day, another step forward! 🚀 Today, I completed the 3rd chapter of the 'Essential JavaScript Concepts Module" and explored some interesting JavaScript concepts while working on a twitter clone called 'Twimba'.
🔗Check it out here: https://diondevs-twimba.netlify.app/

Here's what I learnt:
✅ Handling textarea elements
✅ Using .forEach() for iteration
✅ Working with data attributes
✅ Conditionally rendering styles
✅ Using the NOT operator (!)
✅ Using CDNs to load external resources like icons
✅ Generating UUIDs for unique IDs

Each of these adds to my growing toolkit as a front-end developer! Excited for what’s next. 🎯

diondevs-twimba.netlify.app

Day 21 of 🚀 - Much More JavaScript! 🚀

Today, I started the second chapter of the 'Essential JavaScript Concept' Module. I learnt a lot of more essential JavaScript Concepts while building a 'meme picker' site. Although I'm not done with the chapter I'm excited to share the few things I've learnt.

I learnt about;
✅ `for of` – Using the for 'of' instead of 'for' to write more organized loops
✅ radio & checkbox inputs
✅ 'getElementsByClassName' method
✅ 'querySelector' method
✅ How to add and remove classes using the classList property
✅ How to import and export Javascript files.
✅ Using '.includes()' && '.filter()' functions.

Each day, I’m getting more comfortable with writing Javascript codes, and I can’t wait to build more cool stuff! 💡
Follow my journey as I push through this 90-day coding challenge. Let’s grow together! 💻🔥

Day 20 of 🚀 - Leveling Up My Frontend Skills! 🚀

Today, I dived into some essential JavaScript and CSS concepts while building "The World's Most Annoying Cookie Consent".
🔗 Check out the site here: https://diondevs-cookieconsentsite.netlify.app/

Here are the concepts I learnt:
✅ `setTimeout` – Delaying ex*****on of JavaScript codes
✅ `element.style` – Directly modifying styles with JavaScript.
✅ Forms & `formData.get()` – Handling user input data.
✅ `event.preventDefault()` – Stopping unwanted default behaviors.
✅ CSS `row-reverse` – Reversing flexbox layouts.
✅ Toggling classes – Adding class interactivity with JS.
✅ The `disabled` attribute – Controlling form elements dynamically.

Each day, I’m getting more comfortable with frontend development, and I can’t wait to build more cool stuff! 💡
Follow my journey as I push through this 90-day coding challenge. Let’s grow together! 💻🔥

Day 19 of 🚀 - Building a Coworking Space Site!

Today, I completed the final chapter of Module 4 – Essential CSS Concepts! 🎉 We applied key CSS techniques while building a Coworking Space site, focusing on:

📌 `margin: auto` on flex children
📌 `position: absolute & relative`
📌 `align-self`
📌 `position: fixed`

🔗 Check out the site here: https://diondevs-coworkingspacesite.netlify.app/

Tomorrow, I dive into Module 5 – Essential JavaScript Concepts, and I’m excited to level up my JS skills! 🔥

Day 18 of my challenge 🚀 – Building Oldagram!🔹

In this chapter, we learned how to apply CSS concepts in real-world projects while building a portfolio site. To strengthen our muscle memory, we completed a series of CSS challenges needed to build the site. Seeing these principles translate into practical designs was a game-changer!
🔗 Check out my portfolio site: https://diondevs-scrimbaportfoliosite.netlify.app/

I also worked on my solo project—Oldagram—a mini Instagram clone where I put my CSS skills to the test, focusing on:
✅ Proper margin usage & layout structuring
✅ Pseudo-class selectors (`hover`, `active`)
✅ CSS specificity & grouping selectors

Building Oldagram was fun, but also challenging! Making sure everything looked right across different screen sizes was a great learning experience.
🔗 Check out Oldagram: https://diondevs-oldagram.netlify.app/

Next up: More CSS deep dives! 🚀

Day 17 of my challenge🚀 – Much More CSS!

Today, I started the 5th module of my Front-End Developer Career Path titled **"Essential CSS Concepts"** and was able to finish the first chapter, where we built an NFT site while learning much more CSS concepts.

I learned about more CSS concepts and properties like:
✅ Using margins properly
✅ Pseudo-class selectors like `hover` and `active` states
✅ When to use links and buttons
✅ Grouping selectors
✅ CSS specificity
✅ Compound selectors
✅ Main class and modifier class ..and so much more!

You can check out the NFT site we worked on here 👇
https://diondevs-nftsite.netlify.app/

I'm excited about my progress and can't wait to dive into the next chapter of the module! 💡

Day 16 of my challenge🚀 – Accessibility Matters!

Today, I dove into web accessibility and learned how to make websites more inclusive for everyone! Here are some of what I learnt:
✅ Text contrast; ensuring enough color contrast between text and background for readability.
✅ Adding alternative text for images so screen readers can describe images.
✅ Creating Accessible links & form fields
✅ Using Semantic HTML(using the right HTML tags)
✅ Using relative units (rem) for text size to enhance scalability and readability.
✅ Adding a "skip to content" link to help keyboard users navigate faster.

Every small detail counts when building for the web. Making sites accessible ensures that everyone, regardless of ability, can have a seamless experience.
On to Day 17! 🔥

Challenge 🚀 – Revisiting the Essentials

This past week, I took a step back to revise the first three modules of my Scrimba journey—HTML, CSS, and JavaScript. These are the foundation of everything I’ll be building, so I’ve been focusing on building that essential muscle memory—writing code over and over until it feels second nature.

It’s easy to rush ahead, but mastering the basics makes learning the advanced stuff much smoother. Now, I’m feeling more confident and ready to push forward! 🚀 I’ll be starting Module 4 tomorrow, and I’m excited!

How do you reinforce what you learn? Drop your tips below! 👇