Building Your Own Website

At this point, you have explored creating structure with HTML, styling with CSS, and adding interactivity with Javascript. If you ever need to go back to review any of these topics, you can navigate to their pages for a quick overview or check W3 schools for more in-depth coverage! First, let's go back and look at plainvanillaweb.com. If you inspect the webpage, is there anything you can recognize that we have gone over? Do you feel like you have a understanding of how it is structured? Now, do the same for this webpage! Is there anything you do not yet understand? We will be spending the beginning of this session reviewing some of the fundamental topics we have covered. Other questions to consider: Is there anything that we didn't talk about? Does your general understanding give you an idea of what is going on in those places, even though you never learned about that topic specifically?

Webpages in the Wild

After you've looked over this webite and plainvanillaweb, here are a few other ideas to explore:

• Dice Roll Simulator
• Rock Paper Scissors

These pages come from demos of websites at 100 JS projects, so you can check out more there if you would like to!

Today's Challenge: like we did on the day we learned CSS, go to codechef's online compiler and design a simple website! It can have things like your todo list, a list of hobbies, a navigation bar, etc. (whatever you want to include)! Feel free to take inspiration from the code found on this website or code snippets at W3Schools or plainvanillaweb.com, but be sure to adapt them to make them unique! If you want inspo, W3 Schools has some really cool ideas!

Congratulations on making it so far through this series! For our final session next Sunday, we will set up github accounts, learn how to create a simple website with codespaces, and then publish with github pages! Looking forward to seeing you there!!