100 Days of Code Journey: Day 18
What I did on Day 18?
I continued to work on my website project. So far I have added all the sections (results below) and I have made the navigation bar full width. The project still need a bit of work, I need to make the nav bar fixed to the top of the page (currently the background changes from transparent to a black opaque background when the page is scrolled but the nav bar stays at the top). I also need to add media queries to improve on the layout of the nav bar on medium screens (before the burger menu appears) and to reduce the size of the text on the main image. I would also like to add a little animation, maybe a smooth scroll for the ‘back to top’ arrow, also I would like to make the testimonials to refresh and cycle between 3–5 testimonials. Results:



How do I feel about my progress?
This project has been a lot easier than the previous project which took more time making things fit properly and look decent. I am nowhere near being good at making layouts but I think if I continue building I will pick up new things along the way, and be more comfortable using HTML CSS and Bootstrap to get the results I want.
I was reading an article on what you need to become a front-end developer WOW, there is so much to learn; HTML, CSS, Bootstrap, JavaScript, jQuery, SASS, React, Google Dev Tools, npm, Restful APIs etc. But the article also points out you have to be good a the basics first, hence why am focusing so much on my HTML CSS and Bootstrap, and bringing in a little JavaScript/jQuery for animations. Earlier on in the 100 days code challenge I was focusing more on improving my JavaScript but I have put it on the back-burner for the above reason (to get better at the basics).
Plan for Day 19
- Make the navigation for the above project fixed to the top, and media queries so the page is more responsive, add a scroll effect to the ‘back to top’ arrow, and finally make the testimonial section refresh with an array of quotes.
- Plan my next project. I want my next project to utilize the parallax effect, I also want it to be a single page website, have a nav bar that highlights what section of the page the user is currently on and uses more animations like slide-ins etc.
Thanks for following my 100 days of code journey.
