Intro to web development with HTML/CSS/JS

• Authors: John Ladan @jladan
• Research field: Physics
• Lesson topic: An introduction to web development with HTML/CSS/JS
• Lesson content URL: https://github.com/UofTCoders/studyGroup/tree/gh-pages/lessons/misc/webdev-intro

Preface

This lesson is an introduction to making web applications. A little HTML and CSS are covered as base-level knowledge, but the focus should be on the Document Object Model (DOM) and JavaScript.

The actual lesson contents are in contents.md. Part of the lesson is a demo app that reads contents.md and makes a slide presentation (found here). This app is left in an intentionally poorly designed state to demonstrate concepts like scoping. Comments are littered throughout for a novice reader.

To view the demo, either run a web server in this directory (e.g. python -m http.server) or view the latest version at https://jladan.github.io/webdev-basics.