This content originally appeared on DEV Community and was authored by Sarah Bartley-Dye
Today is the end of Skillcrush 101 or the HTML & CSS class. It is the final bonus project. This project is the vision board web page.
The vision board is a lot more than practicing HTML & CSS. All the bonus projects in this class are great items to put in your portfolio. Portfolios are essential items in finding tech jobs. So you’ll have 4 projects ready to go inside your portfolio site or on Github.
You’ll get a lot more practice with CSS in this project. If you need more practice with divs and floats, this is the project for you. Before you can start coding the project, always begin by reading over the documentation.
Skilcrush might not be offering as many helpful hints, but they do introduce the project and show you a look at the finished project so you know what to make. If you have never heard of a vision board before, it is a board people use to show their dreams and hopes. People can either make them with poster board or create a board on Pinterest that shows images that reflect what they want out of life.
This post is going to follow the Skillcrush example and use the items inside the design folders, but you can customize this project if you like to fit your hopes and dreams. The starter code in this project is the boilerplate code. This is code that hasn’t been changed and often repeats in a project.
Boilerplate code often includes the meta tags and structural elements. You’ll even find extra code sometimes like the title and specific ID elements. So make sure you look over all the boilerplate code before you start coding to see what has been provided for you.
Coding
Today’s coding took longer than usual but I was able to get everything done. I don’t feel like my web page matched the finished project at all so I double-checked all my code to see if I missed anything. There were a lot of class names in this project for different elements and there is where I either missed some or put them in the wrong place.
I forgot a couple of image tags too. The one area that I think isn’t right is the highlighted text. It looks like the text is bolder in the style tile than on the page.
In the end, my code matches the solution code. I’ll have to look into this more in the future. However, I overall was able to get a working very close version of the site up on CodeSandsBox.
The pop-ups still annoy me. CodeSandsBox is very sensitive when I am looking over code or trying to put my cursor in a place to change my code. It will either ask me for more information or give me more selections of tags to choose from.
These pop-ups also appear over the code I am trying to fix. Although they were meant to be helpful, they just gave me extra challenges to handle. The colors made it hard to tell which background colors were used for certain squares.
The white and the light blue backgrounds were especially challenging. The biggest concepts I need more review on are margin and padding. Especially when using Dev Tools. I plan on using future projects as a chance to get a review using Dev Tools for the margin and padding.
This post was written on January 12, 2025.
Future Plans
This is the last post in the Skillcrush 101 review. I plan to review the front end and more of the Skillcrush courses in the future. Most of these reviews might not be posts, but I’ll try posting what I’m doing on Twitter as best as I can.
There will be more series on Skillcrush courses soon. I’d like to finish Skillcrush 102 so be prepared to see more JavaScript in the future. The class has been updated since my last post, so I’ll be doing lesson recaps based on the latest lesson. Other series I plan on featuring in the future are Git, Ruby, and WordPress.
Land Your Dream Job Summit will get more summaries. I’d like to do more posts on other webinars I attended if the replays are still available.
CNC2018 will be wrapped up. There are a few more missions left to go in the challenge.
I still plan on reviewing coding concepts in future posts using Codecademy, freeCodeCamp, and SoloLearn. I’ve got a lot going on still behind the scenes but I’m committed to getting one post published each week. There won’t be a set schedule for what kind of posts you’ll see so you’ll just have to follow me on Twitter (@theoriginalbpc) or follow me here on DEV to see what I’m writing about each week.
The Future Plans section was written on February 27, 2025.
This content originally appeared on DEV Community and was authored by Sarah Bartley-Dye