Announcements
The primary online resource is w3schools.com.
The course begins on Monday, January 8th, 2024, and runs to Friday, April 19, 2024.
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
Lab Zero Files
XAMPP
- XAMPP — run Apache, PHP and MySQL on your own computer to do web development — using 127.0.0.1 or localhost
Week 2
Due Date:
- Lab Zero: January 19th
Unit 2: Basic HTML
Lab 1 Files
Links
- World Wide Web Consortium (W3C)
- HTML Validator
- HTML5 Standard
- W3 Schools
- HTML Reference
- HTML Tutorial
- HTML Entity Reference
Week 3
Quiz 1 is on Monday (Jan. 22) on Brightspace
Due Date:
- Lab 1: January 26th
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
Due Date:
- Lab 2: February 2nd
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
Quiz 2 is on Monday (Feb. 5) on Brightspace
Week 6
Due Date:
- Lab 3: February 16th
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
Week 7
Quiz 3 is on Tuesday (Feb. 20) on Brightspace
Midterm Exam takes place this week, in L117, on your scheduled lab day:
Section 01: Friday, February 23rd, 1:30 PM — 3:20 PM
Section 02: Wednesday, February 21st, 10:30 AM — 12:20 PM
Section 03: Thursday, February 22nd, 8:30 AM — 10:20 PM
Mid-Term Break: February 26 — March 1
Week 8
Raspberry Pi labs begin this week in L117
Raspberry Pi Links
Week 9
Lab 4 is due on Friday, March 15
Week 10
Quiz 4 is on Monday, March 18
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
Quiz 5 is on Monday, March 25
Lab 5 is also due on Monday (Mar. 25)
You can demonstrate Lab 5 anytime on Wednesday, March 27 between 8:30 AM and 4:15 PM
No Thursday lab this week (March 28)
No Friday lab this week (March 29 is Good Friday)
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
Week 13
Week 14
Lab 6 is due this Monday (Apr. 15)
Final Exam takes place this week, in L117, on your scheduled lab day
Section 01: Friday, April 19th, 1:30 PM — 3:20 PM
Section 02: Wednesday, April 17th, 10:30 AM — 12:20 PM
Section 03: Thursday, April 18th, 8:30 AM — 10:20 AM