picoCTF 2021 begins at 12 p.m. ET March 16 and ends at 3 p.m. ET March 30.
picoCTF Interest Form (Complete before 4pm on March 9th)
2000px-Digital_Electronics_Icon.svg_1-150x150

Web & Mobile Applications
syllabus    resources     
Date Notes Class Activities
end of 6th Grading Period
end of 5th Grading Period
 end of 4th Grading Period
 03/02

Topic: 02e.Databases

Lab: ASCII Art 1
02/25

Recovery:  Wrap any loose ends from 4th grading period.  Most of us were disrupted to some degree.

Some of us are still dealing with lingering issues; Electrical issues, Broken pipes, water heaters, boil notices,…

We will use this day to get back on track.
02/15-19
02/12 FlexFriday: What is the difference between UX, UI, product, visual, graphic, interaction design? (Playposit)
02/11 Worksheet: Debug Reflection
02/09 Lab
02/02

Topic: Regex (Playposit)

Lab: 05Signup (Run on REPL & Submit on BLEND)
01/29 Virtual (Async) Friday – Yes meet online, briefly for roll call and individual assignment.
01/28 The Grad School Experience:  Exploring WSGI <-> python (BLEND)
01/26 Flexible Day: Art of Writing Software (Playposit – BLEND)
 01/19

Sololearn: Python3 Strings – Module 2 (Submit on BLEND)

Sololearn: Python3 Control Structures – Module 3 (Submit on BLEND)
 01/14 Sololearn: Python3 (Submit on BLEND)
 01/12

 02a2.Flask Intro & Debugging (Playposit)

Lab: 02a2.Flask Intro & Debugging (BLEND.  Run o REPL, submit on BLEND)

<><><><> Winter Break <><><><>
 12/18   end of 3rd Grading Period
12/11 End of Grace Period
12/10 DUE: Final (A One Page HTML Challenge)
12/08 Lab: Open lab
12/03 Bootstrap: presentation 4
12/01

Bootstrap: presentation 3

Semester 1: Final Project  (A One Page HTML Challenge)
11/23-27 Thanksgiving
11/19 Bootstrap: presentation 2
11/17 Bootstrap: presentation 1
11/13 FlexFriday 201113: Crash Course in Networking
11/12 Lab: Presentation Prep
11/10

Lab: Presentation Prep

Lab: Session 4: Tables & Misc…
2nd Grading Period
 11/06  Flex Friday
 11/05

Worksheet: Bootstrap Typography Questionnaire – BLEND (Run on REPL, submit on BLEND)

Lab: Session 3: Components – Button, text, forms,…
11/03
10/29
10/27 Lab: Bootstrap Presentation 2 –
10/22
10/20
 10/15 Lab: Bootstrap Presentation 1 –
 10/13

Bootstrap Tutorial Project – Blend

Team organizations

Inspirations:

Refs:

end of 1st Grading Period
 10/08

Topic: jQuery (playposit)

sololearnSmallSoloLearn – jQuery Modules 1-6
10/06 Dokimi – 1 (BLEND: Lab version of a diagnostic test HTML/CSS)
10/02 sololearnSmallSoloLearn: JavaScript Modules 1-6
 10/01

Topic: JavaScript Basics (Playposit)

DOM tutorial  (click on “See Answers” button to see solution)

  • Tutorial 1: Accessing the DOM
  • Tutorial 2: Manipulating the DOM
  • Tutorial 3: DOM Events
  • demo
09/29

CATEMA ( CATEMA Quick Start Guide for Students and CATEMA Returning Student Login Page  )

Topic: Document Object Model (playposit) –  blend_small in BLEND
 09/24B Stanford CS142 HTML and CSS projects 

  • [80%] Spring 2014 (Problem 1 only)
  • Spring 2016 (must use <div>s not a table) [10% each]
    • Style A
    • Style B
      • OK to have all 6 boxes line up horizontally (F does not have to be in bottom right corner)
 09/22B CSS Spacing & Positioning  (Playposit) –  blend_small in BLEND
 09/18B  CSS Styling
 09/17B CSS Basics
09/15B HTML Tables, Lists, and Forms
09/10B
09/08B