I've just completed a front-end coding challenge from Frontend Mentor! 🎉

You can see my solution here: https://www.frontendmentor.io/solutions/repsonsive-results-summary-component-no-figma-file-dyJ6ieWaFR

Any suggestions on how I can improve are welcome!

#LearningWebDev #FronendMentor #WebDev #LearnInPublic

Continuing with my #LearnInPublic quest, in this week’s blog post I discuss my three favorite ways to center elements in CSS:

- margin and max-width
- flex
- grid

I include code snippets and a live demo. Follow the link to read: https://blog.ananfito.dev/how-to-three-methods-for-centering-elements-with-css

#LearningWebDev #CodeNewbie #CSS

R3D100 of #100DaysOfCode:

Completed the Advice Generator App challenge from Frontend Mentor:
- Repo: https://github.com/ananfito/advice-generator
- Demo: https://advice-generator-8be15d.netlify.app/

Wrote a blog post with my top 3 tips for staying focused: https://ananfito.hashnode.dev/my-top-3-tips-for-staying-focused

Not sure if I'll do the challenge again or something else, but I'm definitely going to keep coding! I've made a lot of progress this past year and looking forward to applying what I've learned in a new career.

#LearningWebDev #LearningInPublic #WebDev

I've just completed a front-end coding challenge from Frontend Mentor! 🎉

You can see my solution here: https://www.frontendmentor.io/solutions/responsive-random-advice-generator-build-with-react-f_HYc8jQhF

Any suggestions on how I can improve are welcome!

#FrontendMentor #CodeChallenge #LearningWebDev #LearningInPublic #WebDev #OpenToWork

R3D53 & D54 of #100DaysOfCode:

I continued working on the movie watchlist project. Yesterday, I had some issues rendering the API data so I reached out to the #scrimba discord community for help & today (thanks to the help I received) I was able to refactor the code & solve the issue.

If you're not getting something and countless internet searches aren't working, ask for help. 🙂

https://github.com/ananfito/movie-watchlist

#LearningInPublic #LearningWebDev #CodeNewbie #CareerChanger #HTML #CSS #JavaScript

R3D51 of #100DaysOfCode

Days 47–50 ended up being rest days for me, but today I got back to studying by continuing to work on my movie watchlist project. Today I added styling for the search results.

This image is just the mockup text I used for styling. I still need to get the JS working properly to access the data from the API.

https://github.com/ananfito/movie-watchlist

#LearningInPublic #LearningWebDev #HTML #CSS #scrimba

R3D44 of #100DaysOfCode:

Today, I continued working on the movie watchlist by adding styling to the search bar. Next, I just need to add the other page, then I'll be ready to add some JaveScript :javascript: to get the data from the API. 😁

https://github.com/ananfito/movie-watchlist

#scrimba #LearningInPublic #LearningWebDev #HTML #CSS #JavaScript

R3D42 of the #100DaysOfCode challenge:

Today I finished the final set of videos and challenges for ‘Async JS’ section of Module 9 ‘Working with APIs’ on Scrimba.com’s Frontend Career Path. I also created the files for solo project ‘Movie Watchlist’.

#LearningInPublic #learningwebdev #javascript #api

R3D41 of #100DaysOfCode:

Watched videos & completed challenges in Module 9 of Scrimba.com's Frontend Career Path; learned about async JavaScript & Promises. 💻 :javascript: 🌐

#learninginpublic #learningwebdev #javascript #scrimba

The learning journey continues! Today is Day 40 of Round 3 of the #100DaysOfCode challenge for me.

This week I accomplished the following:
- Applied to 6 different front-end developer jobs
- Completed my first app that uses a REST API: the Color Scheme Generator
- Demo: https://ananfito.github.io/color-scheme-generator
- Repo: https://github.com/ananfito/color-scheme-generator
- Published a blog post about my experience of installing Ubuntu 22.04 to an external hard drive: https://ananfito.hashnode.dev/experimenting-with-linux

#learningwebdev #linux #restapi #ubuntu