The course is an introduction to the "coding side" of web development: you will learn how to build web pages without relying on user-friendly tools that can do it it for you.

What use is this knowledge? Anyone can create a website with WordPress or any other content management system in minutes. However, such tools, while incredibly useful, limit you in what you can do. Yes, they can be customized in many ways. However, without the knowledge of how a web page works, you cannot easily change it to fit your needs; without the knowledge of styling, you cannot modify a theme; and without understanding the basics of programming, you cannot use all those free JavaScript programs that would add valuable content and functionality to your website.



Most importantly, knowledge of the technical side of web development, as well as the fundamentals of computing is an open door: with this foundation, you will be able to learn, even teach yourself, other technologies (programming languages, code libraries and frameworks, content management systems, etc.), use other people's code, and share your own.


"Client-side code" refers to code that resides on the user's computer and runs in an Internet browser like Firefox, Chrome or Safari (i.e., the client), as opposed to "server-side code", which resides on the web server that hosts the website.


Although this course is only an introduction, you will be introduced to a lot of ideas and new skills. You will learn about core web technologies, how to display content on a web page - i.e., how to create simple websites with HTML and style them with CSS. You will also learn how to make that content "do" things - i.e., how to write simple programs using JavaScript, how to use a JavaScript library like jQuery to create cool visual effects, and how to tap into public APIs (application programming interfaces) to add dynamic content and functionality to your own web pages.

The course is for beginners: there are no prerequisites, no coding background is assumed.

Date Readings Sessions & Labs Homework
Mon, 08/22 No readings here Session 1: Introduction to the course No homework
Wed, 08/24 Shay, chapter 1 Session 2: Internet & WWW: essential background No homework
Fri, 08/26 No readings here Lab 1: Getting started with HTML & CSS Homework 1
Mon, 08/29 Shay, chapter 2 Session 3: Introduction to HTML & CSS (part 1) No homework
Wed, 08/31 Shay, chapter 1 Session 4: Introduction to HTML & CSS (part 2) Homework 2
Fri, 09/02 No readings here Lab 2: HTML & CSS essentials No homework
Mon, 09/05 LABOR DAY No session No homework
Wed, 09/07 Shay, chapter 8 Lab 3 part 1: Common CSS properties and selectors No homework
Fri, 09/09 No readings here Lab 3 part 2: Building and styling lists and tables
download lab files
Homework 3