MMC3260 lab topics
WordPress for blogging
GitHub for version control
3 Designing for a multi-device world
3 The browser: Viewing source, using inspectors, responsive design view
3 Code editors
4 HTML
elements are made of tags div vs. span (block vs. inline) h1-h6, p strong vs. b, em vs. i links a href, with relative and absolute paths title and target attributes using element IDs for internal targeting mailto: and tel: img src align, width, height title attribute lists ul ol dl table tr, th, td thead, tbody
5 Structure: Organizing an HTML document
Intro to HTML5: header, footer, nav, article, section
Validation and device testing
6 CSS
The style attribute: Changing the way those HTML elements look
styling text with font-family, font-size, font-style, text-align, text-transform, text-decoration line-height, letter-spacing styling elements with color, background-color, borders, margins, padding, height, width styling boxes with rounded corners and shadows
7 Class and ID: Using selectors to target elements
Targeting multiple elements with style
on a page
Pseudo-classes like :hover, :first-child, :last-child; using [attribute=value]
Inheritance: children get styles from their parents
Using to reference an external stylesheet
External stylesheet vs. embedded style
vs. inline style attribute
8
The box model
Everything's a rectangle (normalizing across browsers with box-sizing: border-box)
Display: block, inline, inline-block, none
Document flow and element placement
Floats and clears
Relative and absolute positioning
10
Typographical hierarchy
Using font-family and font-size to create a hierarchy
Google Fonts
Imagery
11
A splash of jQuery
Using CSS selector syntax to trigger basic interactions like .show(), .hide(), .toggle(), .addClass(), .css()
Adding an event listener with .on()
12
UI
Project Building
UX
13
IA
Detail pages
List pages
Front page
14
Testing
Distribution
Analytics
Performance