Curriculum

This is getting a bit of a revamp. Be sure to also check out the Agenda Table of Contents

Tools used in the class

• Google Chrome
• Brackets
• Git
• Github
• The Command Prompt

Core Concepts

• Internet
• Browsers & Servers
• Protocols?
• URL, URI, File Structure
• HTML

HTML Basics

• Building blocks
• Template
• Fundamental Elements

Web Design Basics

• Use of text
• Wireframes & Page Layout
• Fixed & Fluid Layouts
• Mobile Web Design
• Response Web Design

CSS

• overview
• basics
• basic selectors
• naming things / dry

Img

• Formats
• File size
• Attributes
• Foreign/local
• Linking imgs

Project Setup

• Keeping your digital working environment clean and organized
• folders
• index.html

Styling Fundamentals

• background images
• list markers
• fonts & text
• dimensions
• box model
• margin & padding
• borders
• border-radius
• center via margin
• box & text shadow
• opacity
• linear gradients

Pseudo Classes

• Pseudo Classes

Page Layout

• Overflow
• Flow
• float
• display
• position

Advanced Selectors

• +, >, ~

[Pseudo Elements][pseudo-elements]

• before & after
• first-letter
• selection

[Advanced Pseudo-Classes]

• nth-child
• nth-of-type
• first-child
• last-child
• checked

Advanced Styles

• transform
• transition

Web Frameworks

• Bootstrap

Javascript

• Basics
• jQuery
• Variables
• Functions
• Loops & Arrays

Out-of-scope Topics

• Angular
• Node