👩‍🔬 Programming Labs

The weekly programming labs will help you get up to speed with the fundamentals of front-end web development and then will give you more hands-on practice with the tech stack for developing dynamic web-based visualization.

These materials were primarily developed by Lea Verou.

Table of contents

• Help Us Help You: Things to try before asking for help
• Lab 0: Setup
• Lab 1: Introduction to the Web platform
• Lab 2: Styling with CSS
• Lab 3: Introduction to JS
• Lab 4: JavaScript II
• Lab 5: Svelte II (Loading Data & Reactivity)
• Lab 6: Visualizing categorical data with D3
• Lab 7: Visualizing quantitative data with D3
• Lab 8: Geospatial Visualizations
• Lab 9: Animation & Scrollytelling