MAD9013 - Cross-Platform Web Development

  • 56 hours (instructional activity)

Technologies on the web evolve quickly. Every year brings new devices and with them new capabilities. These devices present many challenges and opportunities to web developers. Fundamentals of web development using hypertext markup language (HTML), and cascading style sheets (CSS) are reviewed, with a focus on developing responsive and mobile websites. Multiple IDEs are introduced and used to complete hands-on projects.

Course Outline

Student Workload

  • 4hrs/week lecture/lab/quizzes/exercises
  • 4hrs/week prep/practice/assignments/tutorials/videos

Schedule

Section 010: MAD&D Students 🕑

  • Robert McKenney

Section 020: MAD&D Students 🕑

  • Adesh Shah

Section 030: IAWD Students 🕑

  • Sebastian Lenczewski

Section 040: IAWD Students 🕑

  • Jack Garrard

Section 050: IAWD Students 🕑

  • Sebastian Lenczewski

Application Stack

HTML5

CSS3

Sass

VSCode

Core Topics

  • HTML5 Semantics
  • HTML Text Elements
  • HTML Structural Elements
  • HTML, HTTP, the Internet
  • Images as content or design
  • CSS for style
  • CSS for layout
  • Responsive Web Design
  • Mobile First Design
  • C.R.A.P. Design
  • Gestalt Principles
  • Design Best Practices
  • Typography
  • Colours
  • CSS Grids, Flexbox, and Floats
  • HTML Forms
  • Transitions, Transforms, Animations
  • GitHub and Git
  • SASS CSS Preprocessor
  • Bootstrap v4
  • A11y, i18n, and l10n
Last Updated: : 8/27/2019, 5:40:31 PM