|Intro to Web Apps Robbins Chapter 1|
Highlights from chapter 1 in the assigned book: What does a Web designer do? UX and UI. Frontend and backend. Structure, presentation, behavior.
|Intro to Web Apps Robbins Chapter 2|
Highlights from chapter 2 in the assigned book: Client and server. Request and response. Anatomy of a URL. Domain names. IP addresses.
|Intro to Web Apps Robbins Chapter 4|
Highlights, chapter 4: Getting started with HTML markup and images. Text editors. Rules for filenames. Document structure. Tags and attributes.
|Intro to Web Apps Chapter 4 Bonus|
In depth: Tags in pairs, empty elements, BR tag, attributes, nesting tags, adding comments.
|Intro to Web Apps Assignment 1 Part 1|
Walkthrough of all the tasks in Assignment 1 (part 1 of 2)
|Intro to Web Apps Assignment 1 Part 2|
Walkthrough of all the tasks in Assignment 1 (part 2 of 2)
|HTML Basics Part 1|
In-depth: How headings really work in HTML. Use of a template. Paragraphs. Text markup. Review of document structure. Basic structure tags & elements.
|HTML Basics Part 2|
In-depth: The 3 kinds of lists in HTML. How to nest lists inside other lists. Another bad and wrong use of the BR element. Get rid of bullets.
|HTML Basics Part 3|
In-depth: Learn about the inline elements you will use every day, including EM and STRONG and best practices for those. Use of CITE tag and BR tag.
|HTML Basics Part 4|
In-depth: All about DIVs! How the DIV tag works to "shrink-wrap" sections of content together so they can be styled and positioned with ease.
|HTML Basics Part 5|
In-depth: The often misunderstood HTML5 tags: SECTION, ARTICLE, ASIDE. Also, learn how to add a FOOTER, and how to use HGROUP.
|HTML Basics Part 6|
In-depth: The roles of HEADER, FOOTER and NAV elements in website design. Use of these 3 elements to style & organize a page.
|Intro to Web Apps Robbins Chapter 6|
Highlights, chapter 6: How relative links work. How to write them correctly. Difference from absolute links. Demonstrated in text editor & browser.
|Intro to Web Apps Robbins Chapter 7|
Highlights, chapter 7. Demo of how to resize your images so they're the right size for Web & mobile. Correct file formats; shrinking large files.
|Intro to Web Apps Chapter 7 Bonus|
Extra goodness: Validation, managing image widths, what is "inline"? Metadata: Embedding copyright information.
|Intro to Web Apps Assignment 2 Part 1|
Walkthrough for Assignment 2 (part 1 of 3) Making the lists.
|Intro to Web Apps Assignment 2 Part 2|
Walkthrough for Assignment 2 (part 2 of 3) Making the links.
|Intro to Web Apps Assignment 2 Part 3|
Walkthrough for Assignment 2 (part 3 of 3) How to code the images and the links to images. Use an images folder.
|Intro to Web Apps Robbins Chapter 11|
Expands on chapter 11. Step-by-step INTRO to CSS. Big concepts (inheritance; the cascade). How-to: Write rules, declarations, test in the browser.
|Intro to Web Apps Robbins Chapter 13 part 1|
Demonstration of techniques introduced in chapter 13: Applying color to backgrounds with CSS. Use of external style sheet. Use of classes & DIVs.
|Web and CSS Palettes with Adobe Color|
Demonstration: How to create a nice palette of 5 colors using the Adobe Color website. Get the RGB hex code for each color. Quick and easy.
|CSS and Hexadecimal Color Values|
See the secrets of the 6-character hex codes used for color in CSS. Visual demonstrations show how red-green-blue combinations work.
|Intro to Web Apps Robbins Chapter 13 part 2|
Demonstration: Testing five different colors for the five pseudo classes (change link colors). Use of RGB hex codes for text and foregrounds.
|Intro to Web Apps Robbins Chapter 13 Bonus|
Extra goodness: How to change the way your links look with background, borders, text-decoration.
|A Really Fast Introduction to GitHub|
An illustrated example of steps: fork, clone, branch, commit and sync, make a pull request.
|Intro to Web Apps Robbins Chapter 14 part 1|
Demonstrations: CSS padding, border, border-radius, box-sizing.
|Intro to Web Apps Robbins Chapter 14 part 2|
Demonstrations: CSS margins and centering content.
|Intro to Web Apps Robbins Chapter 15 part 1|
Demonstrations: Correct uses of CSS floats and position (relative, absolute, fixed).
|Intro to Web Apps Robbins Chapter 15 part 2|
Demonstration: Create a horizontal navigation bar -- with floated links -- starting with an unordered list.
|Intro to Web Apps Robbins Chapter 15 part 3|
Demonstration: Create a fluid 3-column layout using floats, with percentages and box-sizing to make it unbreakable.
|Intro to Web Apps Assignment 4|
Examples and instructions for how to complete Assignment 4 (the second CSS assignment).
|Intro to Web Apps Robbins Chapter 12 part 1|
Demo and discussion of the 6 CSS properties for fonts. Overview of font stacks.
|Intro to Web Apps Robbins Chapter 12 part 2|
Demo and discussion of the 9 CSS properties for text (not font), including line-height.
|Intro to Web Apps Robbins Chapter 12 part 3|
Demo: CSS IDs and classes. Using CSS selectors, incl. universal selector (*), grouping multiple selectors, descendant selectors.
|Google Fonts with HTML and CSS 2016|
NEW Demo (2016): How to use Google Fonts in your HTML and CSS files.
|Intro to Web Apps Robbins Chapter 3|
A set of 6 important concepts every Web professional ought to know.
|Intro to Web Apps Robbins Chapter 18|
How to start using responsive design techniques: Step-by-step demo.
In-depth: What variables are, what they do, how they work.
Demonstrations and hands-on practice with Booleans, conditional operators, and if-statements.
Demonstrations and hands-on practice with arrays, index of array items, intro to for-loops.
Confused about writing a new function? Do you know why we must "call" a function so it will run? Basics here. Correct formatting for functions.
Demo: How to use arguments correctly in a function. Changing the variable names - what works? What doesn't work? Matching is important.
Demo: How a return statement should be used in a function. Different types of return statements.
|Intro to Web Apps Assignment 7 - part 1|
What the game does.The CSS and HTML explained. Functions you will modify. First section of climberResult() and climbAction() explained. All variables.
|Intro to Web Apps Assignment 7 - part 2|
All the variables. The message vars. How message works. The Go button. The writeResults() function explained in full.
|Intro to Web Apps Assignment 7 - part 3|
Everything the climberResult() function does, explained. How the eatAction() and restAction() functions work with climberResult(). And - goatAttack().
|Quick Audio Editing|
Demo: How to create a 30-second audio clip from an MP3 file. How to create an OGG version and an MP3 version.