In this class, we will go over the basics of building a web site. You will learn how to write simple HTML to build the foundation of a page web. You will learn how to use CSS to style the page and make it look the way you want to. You will learn how to use simple Javascript to add interactive elements. Finally, you will use what you learned to put everything together, create a website and host it online.
-
Naël Shiab, Senior Data Producer at CBC News
-
Andrew Briz, Editorial Director of Newsroom Engineering at POLITICO
-
Carla Astudillo, Senior Data Visual Developer at The Texas Tribune
If you were at the session (thanks for coming!), here's a link to our cheatsheet.
You should already have these installed on your Mac stations.
- Google Chrome
- Visual Studio Code, text editor
- Chrome and Web Server for Google Chrome, to create a local server.
- 9:15am: 01 – HTML
- 10:15am: 02_01 – Intro to CSS
- 10:30am: 02_02 – Selectors
- 11:00am: 02_03 – Properties
- 11:45am: 03_01 – Programming
- 12:30pm: Break for lunch
- 2:15pm: 03_02 – JavaScript Basics
- 3:00pm: 03_03 – Loading Data
- 3:30pm: 03_04 – Using Libraries
- 4:00pm: 04 – Putting It Together
- 5:30pm: Wrap Up (Introduce Advanced)
- 05_01 – GitHub
- 05_02 – Node
- 05_03 – Frameworks
- 05_04 – D3
First things first, you will need to fetch the class materials that you will need from a site called Github. The page that you are on currently is the Github repository for our class. Github is a platform where web developers can store, manage, track and control changes in code. It's great for collaboration. You will learn more about what it can do in the Advance Technique sections of our course.
However, for this class, you just simply fetch the materials by clicking the Code button in the top right of this Github repository. Click Download ZIP which will download the zip files of this whole repository into your local computer. Your files might be in the Downloads folder so make sure to move them to Desktop so you always know where they are.
