Category Archives: Web Technologies Fall 2020 – 9H1

CSS Positioning Lab

Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab

CSS Positioning

Codecast | Source Positioning Overview CSS Positioning Set up a directory structure for the positioning lab. | Starter HTML

Introduction to CSS

Codecast | Source Color and Typography Understanding Color | ADOBE Color Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

Codecast | Source Color and Typography Understanding Color | ADOBE Color Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction CSS

Codecast | Source Color and Typography Understanding Color | ADOBE Color Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

Codecast | Source Color and Typography Understanding Color | ADOBE Color Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

Quiz Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet

Publishing to Github

Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project

Setting up AWS

Signing up for AWS Educate If you missed class please review the video for detailed instructions During the class you will receive several emails. Please follow the instructions carefully to ensure you are signed up properly. Setting Up a Cloud9 Workspace | Tutorials AWS Cloud9 – Overview Cloning your Github Repository to your Workspace Publishing your work […]