Announcements
The primary online resource is w3schools.com.
The course begins on Monday, January 11th, 2021, and runs to Friday, April 23, 2021. As of January 25th, lecture videos are online, labs take place in L117.
Course Description
You will develop a network-capable embedded system using an industry-standard platform, protocols, and software tools. The course will also focus on security concerns and other practical issues facing Internet-connected devices.
Week 1
Unit 1: Intro to WWW
XAMPP
XAMPP — run Apache, PHP and MySQL on your own computer to do web development — using http://127.0.0.1 or http://localhost
Week 2
Due Date:
- Lab Zero: January 22nd
Unit 2: Basic HTML
Links
- World Wide Web Consortium (W3C)
- HTML Validator
- HTML5 Standard
- W3 Schools
- HTML Reference
- HTML Tutorial
- HTML Entity Reference
Week 3
L117 will be open this week (starting Jan. 25)
Lab 1 is due this Friday (Jan. 29)
Unit 3: Basic CSS
Content
Links
- CSS Validator
- CSS Home Page
- CSS Reference
- CSS Tutorial
- Encycolorpedia
- Colours from xkcd
:
- rgb.html — colour samples
- rgb.txt — list of all colours
- rgb.css
— CSS file
with a class for each colour that sets the foreground
(
color
) - rgb_bg.css
— CSS
file with a class for each colour that sets the background
(
background-color
)
Week 4
Lab 2 is due this Friday (Feb. 5)
Unit 4: Images
- Using four-number padding
- Checkpoint 4.1.2 (original): HTML CSS
- Checkpoint 4.1.2 (fixed): HTML CSS
- Checkpoint 4.2.1: HTML CSS Background image
- Checkpoint 4.2.2: HTML CSS
- Checkpoint 4.2.3: HTML CSS
- Background image for Checkpoint 4.2.2 and Checkpoint 4.2.3
Links
- Lab image files — for use with lab exercise 2.2
Unit 6: More CSS
Unit 6 Code
- box.html
- box1.html
- box2.html
- float.html
- Image
- floatyls.html
- floatylsclear1.html
- floatylsclear2.html
- floatylsoverflow.html
- floatylsscroll.html
Unit 7: Page Layout with CSS
Two-Column Layout
Note: all links within each page result in 404's
Week 5
Week 6
Week 7
Lab 3 is due Friday, Feb. 19
Lab 4 is due Monday, Mar. 1
Forms: Unit 9 Code
- contact.html
- form1.html
- form2.html
- form3.html
- form4.html
- form5.html
- form6.html
- formcss.html
- color.html
- date.html
- email.html
- list.html
- range.html
- search.html
- spinner.html
- tel.html
- url.html
Introduction to PHP
Forms Using PHP
form.html
formproc.php
view source
input_tags.php — generates and processes its own form
view source
More Unit 10 code
- Visitor form example
— uses the HTML5
required
attribute; andlabel
,fieldset
,legend
, anddatalist
elements. - Brochure form example
—
View source
uses the
required
attribute, combined with a PHP function to indicate required fields. - Brochure form example 2 View source — inlined CSS into PHP function, plus added PHP code to "process itself".
- All HTML5 input types:
- Form
View source —
all possible
input
types — try it in each browser to see the level of support GET
processor View source — action for the<input type="image">
element View image
- Form
View source —
all possible
- Comment form example — uses JavaScript to pre-process (validate) the form inputs.
Links
Mid-Term Break: March 1—5
Week 8
Midterm Exam takes place this week, in L117, from 2:30-4:30 PM, on your scheduled lab day:
Section 01: Wednesday, March 10th
Section 02: Monday, March 8th
Section 03: Friday, March 12th
Week 9
Raspberry Pi labs begin this week in L117
Raspberry Pi Links
Week 10
Quiz 4 is on Thursday, March 25
Lab 5 is due this Friday (Mar. 26)
Raspberry Pi materials — updated Beginner's Guide and Python template are here
Sense HAT Links
- Official site
- Getting started with the Sense HAT
- RaspberryPiIVBeginners - Sense Hat
- Python library
- Online Sense HAT Emulator
- Sense HAT Projects
Python Links
- Official site
- Python Beginners Guide for Programmers
- Python Beginners Guide for Non-Programmers
- Moving to Python from other languages
- The Python Language Reference
- The Python Tutorial
- W3Schools' Python Tutorials
- Thonny official site
Week 11
No Friday lab this week (April 2 is Good Friday)
Requests is an elegant and simple HTTP library for Python, built for human beings.
MQTT Links
- Beginners Guide To The MQTT Protocol
- Understanding the MQTT Protocol Packet Structure
- Beginners Guide To The Paho MQTT Python Client
- Paho Documentation
- Eclipse Mosquitto™ — An open source MQTT broker
Week 12
Quiz 5 is on Thursday, April 8
Lab 6 is due this Friday (Apr. 9)
Week 13
Week 14
Lab 7 is due this Monday (Apr. 19)
Final Exam takes place this week, in L117, from 2:30-4:30 PM, on your scheduled lab day
Section 01: Wednesday, April 21st
Section 02: Monday, April 19th
Section 03: Friday, April 23rd