Building a Real Website with StackBlitz (ng-club session 2, week 8)

OK, let’s pull ourselves together and build something cool. This week we are going to create our own websites with StackBlitz.

Notes Before We Get Started

A few things to keep in mind before we get started:

Remember that there are three parts to web development: HTML (the house structure), CSS (the house colors and design) and JavaScript (everything that makes a house “smart”)

Although you can put CSS and JavaScript directly into the same HTML file, we are going to be working with three separate files. One for each.

This will be a code along, but then you will be given the opportunity to customize your site once we have the basic structure down.

One of the most important things to remember that I will keep harping on is to utilize the Stackblitz autocomplete. As you type, you will start to see a drop down with potential choices. Don’t ignore this! Get used to picking from this option list as much as possible. And, if possible, don’t use your trackpad to point at the option. Instead use the up and down arrows to highlight the option and then the enter/return key to select the option you want.

Get started by going to StackBlitz and select the “JavaScript Blank Project” option