()

Announcements

  • We will be holding a final exam review session this Thursday (June 1st) in SIEG 134 between 5 - 6:30 PM (after the exploration session). Make sure to come with questions!
  • Final exam information page posted: Exams
  • Have something that you'd like to share with the instructor anonymously? Use this anonymous feedback form. Please note that there is no way for the instructor to respond to messages sent anonymously.
  • Due to popular demand, we now have a course Slack group! The link to the invite can be found here.
  • w4 creative is extended, and a4 has not yet been released. w4 creative will become week 4 and 5 creative, due 4/29, and a4 will be released 4/21 and due 5/2.
  • For the rest of the quarter the WPL will meet in MGH 271 on Tuesdays (1:30-6:20 pm) and DEN 212 on Thursdays (3:30-6:20 pm).
  • Kristen Thayer (from Microsoft) will hold the final Exploration Session on Angular. Angular is a popular framework for building web application on desktop and mobile phones (also, knowledge of Angular is something many employers are looking for). If you want to code along at the session, please install npm and gitbefore coming.
    • You can download the slides here.
    • 4:00 - 5:00pm. Thursday 05/11/17, MLR 301

Information

Welcome to the CSE 154! You might want to start by looking at the course policies in the .

Throughout the quarter, you may find various helpful tools, tutorials, and other resources that may be of interest to you here:

If you don't agree with the way one of your assignments is graded, you can fill out the form. You should only do so after first talking to your TA. Frivolous re-grade requests will not be considered!

Getting Help

There are a variety of excellent resources offered to help you succeed in this course.

This should give you an idea of how to write your homework files.

The course is a place that you can interact with other students to discuss homework questions. It's a perfect place to ask questions about requirements, and discuss at a high level what the assignment does, and how it should work.

Please note that you may not post code to the message board -- it will be removed, as will other posts that are deemed by the course staff to violate the policy on collaboration.

If you are struggling with the specific coding details of an assignment, the right place to get help is the WPL, which is in MGH 234 M/W/F, and MGH 271 T, and DEN 212 Th. See the for hours. The WPL will be open starting Friday, March 31. This is where your TA will have office hours during the week, but feel free to visit any time that it is open. All of our TAs are trained to help you figure out how to debug your code in a way that won't detract from your learning.

Office Hours

Tuesday

  • 1:30pm 2:30pm
    (CSE 216, Whitaker)

Wednesday

  • 3:00pm 4:00pm
    (CSE 216, Whitaker)

Thursday

  • 1:30pm 2:30pm
    (CSE 216, Melissa)

Friday

  • 12:30pm 1:30pm
    (CSE 216, Melissa)

Course Staff

Instructor

CSE 216
(206) 616-0034

Teaching Assistants

Kyle Thayer
kthayer
AA
Kyle Williams-Smith
kylews
AB
Yen Lee
yenlee14
AC
Garrett Jaeger
garjaeg
AD
Siddharth Rao
sidrao
AE
Chris Shin
shin9577
AF
Stephanie Shi
stephshi
AG
Melissa Medsker
medskm
AH
Christine Ta
cta95
AI
Susan Wolfgram
skwolf
AJ
Casey Williams-Smith
caseyws
AK
Duncan Deutsch
ddeutsch
AL
Aindra Thin
thina
AM
Joshua Crowgey
jcrowgey
AN
Chadi Moussi
cmoussi
AO
Siddhartha Gorti
sgorti3
AP
Irving Chen
ijchen
A*

Schedule

  • HTML/CSS
  • CSS/JS
  • JS
  • JS
  • AJAX/JSON
  • PHP
  • SQL
#
Day
Topic
Project
Homework
The Internet:
WPSBS Chapter 1
Section 1: Internet Review, HTML Basics:
HTML/CSS (content, and styling):
WPSBS Chapter 2, 3.1
Lab 1:
More CSS styling:
WPSBS Chapter 3.1 - 3.3
Project W1 due
Page sections, CSS Box Model, Layout:
WPSBS 4.1 - 4.2, 4.4.1
float example:
Section 2: Floating layouts:
Starter Code:
More layout: alignment, position, flexbox:
Lab 2:
Starter Code:
Example Solution:
Exploration Session:
Git (Version Control)
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Intro to Javascript:
WPSBS8.1 - 8.4
Project W2 Due
The DOM, unobtrusive JS:
WPSBS 9.1 - 9.2
Load timing:
Module Pattern:
Section 3: JavaScript:
Files for the various exercises:
Form Controls, events:
Javascript Timer Examples:
From class:
With improvements:
Lab 3:
Starter Code:
Page with controls:
Example Solution:
Exploration Session:
Bootstrap (Mobile Responsive Styling)
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Walking the DOM:
WPSBS 9.2 - 9.4; 10.1
Squares:
Project W3 Due
More events and timers:
Squares, with some more controls:
Section 4: DOM and Events:
Starter Code:
Solutions:
More events and timers
Lab 4: Nonograms
Exploration Session:
jQuery (navigating the DOM)
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Squares/Crapchat v0.9:
Ajax:
Ajax JS Example:
Section 5:
Starter code:
Promises and JSON:
Ajax Promises that you can use in your code: ajax-promise.js
Lab 5: Urban Dictionary
Exploration Session:
React (building UIs)
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Crapchat v1:
Project W4 (and 5) Due -- turnin w4.zip
PHP
Section 6: PHP
Lab 6: PHP
Exploration Session:
D3 (Data Visualization)
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
More PHP
Web Services, Regular Expressions
Section 7: Regex and Input Validation
SQL
Lab 7: SQL
Exploration Session:
UW Student Webpage
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
More SQL: CREATE and INSERT
And more SQL
Password Lookup, just lookup, no save:
Section 8: More SQL
Cookies
Password Lookup v2: lookup, and save.
Lab 8: Cookies
Exploration Session:
Web Scraping
Automatically extracting data from sites like Craigslist or Google
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Sessions
Simple set cookie:
More Cookies and Sessions
Section 09
Section HW is optional.
Sessions practice
Lab 9: Full Stack Web Dev
Exploration Session:
Debugging Websites
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
No class, Memorial Day
Section 10: Final Exam Review
Web Security
Lab 10: Final Exam Practice
Exploration Session:
Angular web framework
4:00pm - 5:00pm
MLR (Miller) 301
Attendance is optional
Web Security
Final Exam: 2:30 - 4:20pm in GUG 220