Web Development (Section 1)
|Title||Web Development (Section 1) (52553-1)|
|Instructor||Jeffrey Cohen (firstname.lastname@example.org)|
This course provides students with an introduction to web application development. The primary focus of the course is on front-end development: modern HTML5/CSS3/ES6 coding and frameworks. The course also spends some time surveying server-side technologies, but it's not a primary focus.
This is primarily a flipped course, with 1-2 hours of video to digest each week, plus a 60-90 minute interactive class session. Zoom breakouts will be used during the class sessions to enable students to collaborate on various challenges.
We will also rely on Slack for class communication between lectures, and office hours will all be remotely held on Zoom.
Students will be expected to complete weekly homework assignments and a final project. Projects must be chosen from a provided list of "project templates." Students can also propose a personal project subject to approval and equivalence with the standard project requirements.
Grades are not curved in this class. I use a standard set of grade boundaries: 95-100: A 90-94: A- 85-89: B+ 80-84: B 75-79: B- 70-74: C+ < 70: Dealt with on a case-by-case basis.
LATE POLICY: Late assignments are not accepted. However, assignment deadlines are very flexible to accommodate the variety of situations we are all facing during the pandemic.
Tentative Weekly Schedule
WEEK 1: HTML5: semantic markup, elements, attributes, and the DOM CSS3: Fonts, colors, borders, ids, classes, and the box model
WEEK 2: ES6: Functions, callbacks, DOM manipulation, page state CSS3: Modern Layouts with border-box, flexbox, and grid HTTP: Network basics
WEEK 3: HTML5 Accessibility: screen readers, visual alerting, and captioning CSS3: media queries, mobile-first design, icons, web fonts CSS3: frameworks
WEEK 4: ES6: Using cloud-based APIs, Local data, timers, asynchronous functions, service workers
WEEK 5: HTML5: Forms, audio, and video HTML5: Accessibility audits, page optimizations
WEEK 6: ES6: frameworks, polyfills, custom elements React, part 1
WEEK 7: React, part 2
WEEK 8: React, part 3
WEEK 9: Wrap-up session
Students must be fluent in at least one programming language, preferably an object-oriented language.