Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 7 months ago

CSS Transitions/Animations & JavaScript DOM Manipulation

P
Joz312v•50
@Joz312v
A solution to the QR code component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I just recently learned how Construction function works and how does using prototype, setTimeout (); and the addEventListener(); but I still have so many stuff regarding Object methods that I couldn't wrap my head around it. So while I was researching I discovered Frontend Mentor, and made me realized to fully understand the courses that I'm learning, I have to apply it in real time. So, if I have to tell someone who is starting to learn how to code, a beginner like me. I would tell them that before moving onto the next lesson, they should try Frontend Mentor and apply what you have learned.

What challenges did you encounter, and how did you overcome them?

GitHub repository process(lol). I know I shouldn't have put a js on this challenge, but I was really having a hard time understanding the Higher order functions, and this challenge is perfect to apply and to understand those js functions. Also, I almost forgot how to do the basics of CSS, so this challenge is perfect for a refresher on flexbox, CSS grid, padding etc.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Joz312v's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License