As I wrap up Week 10 of my #100DaysOfCode challenge, I’m thrilled to share the progress, challenges, and victories that shaped this week. This week was all about diving deeper into JavaScript and completing an exciting project: B’s Diner Restaurant Web App! 🍽️
Day 66: Exploring JavaScript Fundamentals
The day started with learning essential JavaScript concepts on Scrimba, focusing on improving my coding efficiency and understanding:
- map() vs forEach(): Learned when to use each for iteration.
-
for loop: Mastered
breakandcontinuefor greater control. - The dangers of innerHTML: Understanding the security risks of improper DOM manipulation. ⚠️
- Function expressions & hoisting: Delved into how JavaScript handles functions behind the scenes.
- Arrow functions: A concise way to write functions!
Day 67: Mastering Advanced JavaScript Features
Today's focus was on JavaScript's powerful features:
- import & export: Learned how to modularize code for better maintainability.
- reduce(): Practiced combining array values into a single result.
- Default parameters: Streamlined functions by using defaults.
- Ternary operator: Simplified logic with concise conditional statements.
- Rest parameter: Unlocked flexible function arguments.
Day 68: Diving into JavaScript Magic
On Day 68, I learned to work smarter with JavaScript:
- Spread Operator: Expanded arrays and objects effortlessly. 🌟
-
Short-Circuiting: Efficiently handled conditions using
||and&&. -
Switch Statements: Used cleaner alternatives to multiple
if-elseblocks. 🔁 - Date() Constructor: Manipulated and formatted dates dynamically. ⏰
Day 69: Error Handling and Object-Oriented JavaScript
Errors are inevitable in coding, but understanding them is key. Here's what I learned:
- Error constructor(): Learned to create custom error messages. 💥
-
Handling errors: Debugged with
try...catchfor smoother user experiences. 🛠️ -
Objects with methods: Explored the
thiskeyword and object methods. 🔄 - Constructor functions: Built reusable object templates. 🏗️
Day 70: Revising JavaScript Concepts & Starting a Project
To strengthen my foundation, I revisited all the JavaScript concepts I’ve learned so far. 🚀
I also began working on my restaurant web app:
- Completed the front page. ✅
- Started implementing functionalities for a dynamic user experience. 🍽️
Day 71: Refining the Restaurant Web App
I focused on enhancing the user experience of my B’s Diner Restaurant Web App:
- Polished the homepage functionalities.
- Created a seamless buy page with smooth item rendering.
- Added total price calculations for a better shopping experience.
Day 72: Completing the Restaurant Web App
I’m proud to announce that the B’s Diner Restaurant Web App is complete! 🎉 Here’s what I achieved:
- DOM Manipulation: Dynamically updated the UI.
- Local Storage: Stored user data for better persistence.
- Dynamic Rendering: Generated content based on user actions.
- Event Listeners: Handled user interactions effectively.
- User Experience Design: Prioritized simplicity and responsiveness.
🚀 Live Demo: Check it out here 👉 B's Diner Restaurant Web App
Week 10 Key Takeaways
-
JavaScript Mastery: Building a strong foundation with advanced features like
reduce(),map(), andtry...catch. - Project Building: Putting concepts into practice with a full-fledged web app.
- Iterative Learning: Revisiting concepts helped solidify my understanding and refine my skills.
What’s Next?
With Week 10 complete, I’m excited to start tackling more advanced JavaScript projects and continue my journey in full-stack development.
Connect with Me
Let’s grow and learn together:
- GitHub: heritech9/100-days-of-code
- LinkedIn: Toptech9
- X: @Toptech5419
- Medium: https://medium.com/@alabitemitope51
Final Thoughts
Week 10 has been a milestone in my journey, filled with learning, building, and growing as a developer. Every project pushes me closer to my goals. 💻
What challenges have you faced in mastering JavaScript or building projects? Let’s chat in the comments!
Until next week,
Temitope Alabi
Top comments (0)