This website contains information, lectures, and code sample for use in HTML5 & CSS3 Foundations (100), Spring 2017.
Instructor: Jeremy Flores
Students gain a deep understanding of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) while getting up-to-date on the latest HTML5 and CSS3 features and techniques. Write concise, reusable front end code from scratch. Learn strategies for building dynamic layouts, build your own designs, and implement provided mockups. Leverage open source, modern tools to expand your abilities and collaborate with colleagues.
- Proper use of HTML5, including new semantic elements
- Custom styling including web fonts
- Introduction to client server architecture
- Principles of effective user experience
- Media playback with new HTML5 media elements
- Introduction to Bootstrap
- Strong understanding of HTML and CSS fundamentals
- Ability to write semantic, valid, and reusable HTML and CSS
- Ability to translate design mockups into working code
- Understanding of web accessibility
- Functional understanding of modern version control
Each week, students will be watch pre-recorded lectures covering new material. All classes happen online, using some combination of Adobe Connect and Panopto. Detailed information about these programs is available on the UW Canvas website for the course.
As much as possible, classes will be in the style of a workshop: a technique or concept will be demonstrated, and then you will have time to practice it. Weekly assignments will build upon concepts taught in class. I believe the best way to learn to code is to do it, and my role is to facilitate your explorations.
- Canvas: Our online learning tool. You will turn in homework, take quizzes, and receive assignments here
- Slack: Used for in-class discussion, attendance, & assignments. Use this link to signup
- Panopto
Students are expected to do independent research online as necessary. Online articles and tutorials will be suggested.
Students will be required to have a computer and fast internet connection. Computers must be running a modern operating system: Windows XP or later, Mac OSX 10.6 or later, or a recent distribution of Linux (Ubuntu or Mint preferred).
Students will need regular access to the internet and their email to successfully complete the coursework.
Class always begins promptly at 6pm. Attendance will be taken weekly.
Date | Topic | Assignment | Value, Due by |
---|---|---|---|
02/27/17 | Optional, Introduction to Git | None | --- |
03/06/17 | Intro to Web Development, Practices & Tools | Tech Prep, Personal Intro | 5pts, 3/9 |
03/09/17 | Fundamentals of HTML 5 | Github Portfolio Site | 20pts, 3/16 |
03/13/17 | Fundmaentals of CSS3 | cont | --- |
03/16/17 | Layouts I | Implement a Mockup | 20pts, 3/23 |
03/20/17 | Layouts II | cont | --- |
03/23/17 | Fundamentals of UX; Interactive CSS | Site Update: CSS Interaction | 5pts, 3/27 |
03/27/17 | Software Project Planning & Lifecycle | Client Site Plan | 5pts, 3/30 |
03/30/17 | Working Session: Client Site | Client Site Implementation | 15pts, 4/6 |
04/03/17 | Design Patterns & Libraries | Site Update: CSS Framework | --- |
04/06/17 | Web Accessibility | Site Update: a11y Features | --- |
- Assignments: 5-20 points each (varies by project size), 70 points total
- Participation: in-class exercises and discussions, 20 points
- TOTAL POINTS: 90
The classroom is a place of respect and equity. All students' learning needs are important. All students' ideas and points of view are valuable. I expect students to behave professionally at all times and to never engage in bullying or harassment. The core values of the classroom are curiosity, kindness, and empathy.
Class attendance is critical. Students will not pass if they miss more than two class meetings.
Attendance at each class is expected. Please let me know via email if you will need to miss a class. You are still responsible for any homework assigned during a class you do not attend.
Homework assignments are due by 10am. Late submissions will be penalized by 20%. All assignments must be turned in by Monday, 4/11/17 for credit toward the course. Failure to turn in an assignment will prevent you from passing the course.
This is a collaborative learning environment, and I encourage students to work together. You will also be researching problems and viewing other peoples' code online, as this is how web developers solve problems in the real world. However, copying someone else's code wholesale and submitting it as your own is unacceptable.