Code Monkey home page Code Monkey logo

sp17-html5-100b's Introduction

Certificate in HTML5, CSS3 & Responsive Design for Web Development

This website contains information, lectures, and code sample for use in HTML5 & CSS3 Foundations (100), Spring 2017.

Instructor: Jeremy Flores

Syllabus

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.

Topics include

  • 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

Course Learning Objectives

  • 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

Course Format

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.

Course Tools

Course Materials

Students are expected to do independent research online as necessary. Online articles and tutorials will be suggested.

Technical Requirements

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.

Schedule: Topics and Assignments by Date

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 ---

Student Assessment

  • Assignments: 5-20 points each (varies by project size), 70 points total
  • Participation: in-class exercises and discussions, 20 points
  • TOTAL POINTS: 90

Policies and Core Values

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.

Attendance

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

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.

sp17-html5-100b's People

Contributors

jnf avatar

Watchers

James Cloos avatar Anna Jeszeck avatar  avatar

Forkers

gitlotos

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.