This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
I started my programming journey just 5 days ago, with the burning desire to learn something new that I've been interested in for a long time. I delved into programming when I was younger, looking at JavaScript code and trying to piece it together to make a Minecraft Pocket Edition mod. I remember the feeling of utter joy and excitement I felt when something I (partly) came up with really worked. I want to create stuff. I want this to be my career. I want to experience these feelings again and create things that people want to use and that really help them out. Currently, I'm studying Management & Entrepreneurship, but I just feel that this isn't it 100%. I don't want to be a manager. I want to be a creator and founder. Developing ideas and sprouting them to life. Frontend Mentor is an amazing resource I found for that. I am grateful for this opportunity and am looking forward to the challenges ahead. This is the first challenge I've completed, and I am really proud.
I first started reading the challenge and the style guide and then just went straight into programming the basic elements in HTML, after which I designed them in CSS. I utilized all of the techniques (and more) I have learned thus far and think that I did a good job considering I only completed the first part of the Full-Stack Developer Career Path on Mimo.
- Semantic HTML5 markup
- CSS custom properties (HSL colors, etc.)
- Flexbox for layout
- Mobile-first workflow
Prior to this, I haven't even learned what a div <div>is, but because of looking at the code and thinking about what I know about web design from previously using resources like Framer, I quickly figured it out. It was an amazing learning experience. I also learned how to center things on a page vertically, what kind of different units there are to specify measurements px,%,vh,rem, etc. For that, I am really happy.
I want to really focus on and be proficient at making my code well-written, understandable and responsive. I will dedicate a lot of time to learn how to be a better programmer and am looking forward to this journey!
- Mimo - I really like this resource so far, because I can get bite-sized coding lessons anywhere I am. It is amazing for my development and learning.
- freeCodeCamp - This is an amazing resource, which I use simultaneously, as a more serious course compared to Mimo, to learn Full-Stack Web Development.
- W3Schools - From W3Schools, specifically this article on how to make a box shadow. I learned and gathered information on how to execute certain ideas. Another amazing resource.
- GitHub - sascha-lr
- Frontend Mentor - @sascha-lr