reading-notes
Reading 01
June 14, 2020
Introduction
- Discusses how the book is structured and how people access the web.
- HTML sets the structure of a page, CSS sets the style.
Chapter 1: Structure
- HTML: Characters inside angled brackets are elements. Usually include an opening and closing ‘tag.’
- Tags act like containers.
- Attributes are specitic aspects of elements. The information contains a name and a value, like this: lang=”en-us”
- Key components of any page are: <html> <head>
<body>
Chapter 8: Extra Markup
- Covers doctype <!DOCTYPE html>, comments , id attributes to elements, class attributes to elements, block elements ul, li, inline elements
- div groupings for blocks, span which is div for inline elements.
-
. lives in the <head> element.
- escape chars, which is all the funky stuff like copyright and ampersand.
Chapter 17: HTML5 Layout
- New elements in HTML5, including article, footer, header, nav, and aside.
- Also, section, hgroup, figure, figcaption, how div is used now
- Question? p. 442 contains css that the book recommends to include in pages to help older browsers. Should we do that?
- Example HTML5 on p.444 could be helpful reference.
Chapter 18: Process and Design
- This chapter goes through site maps, wireframes, target audiences, why people visit, and what they want to do on our site=all good for site architecture planning.
- Also covers visual hierarchy, grouping, similarity, size, color, style, and images.
Javascript: Intro + Chapter 1: ABCs of Javascript
- Javascript personalizes the user experience. You can use .js to access content, modify content, set a list of steps to perform, or react to events.
- When writing a script: 1. define the goal; 2. design the script; 3. code each step
- Objects are things. could be a car, hotel, shoes, soda pop.
- Objects have properties. Then each property in the car would have a name (make, model or brand, flavor) and a value (ford, explorer or fanta, orange).
- Events are things that happen. (duh.) A hotel would have reservations, check-ins, stays, cancels. So would an airline.A gift card would have purchases, funds added or subtracted, balance checks.
- Methods are things people do with the object, ways people interact with it. They are expressed like this: makeBooking(), checkAvailability(). Or maybe a gift card would have checkBalance(), addFunds().
- Document objects generate new content into the HTML page. including write() and getElementById(). document.write() is used a lot.
- Use the