Notecards in Anki?
Good notes about metacognition (thinking about thinking), good page on how to outline learnable stuff ("what we did.. pictures, redundancy, conversational style) and how to learn (slow down, read before bed, stay hydrated)
|1||1. The Language of the Web: getting to know HTML||11/10/18||26||12/4/18|
A lot of vocabulary I didn't know, and a great explanation of the HTML/Browser/Server relationship. You create an HTML file and put it on a server, a browser then asks the server for the HTML file and interprets the file to display for the user. Put differently... Servers store/serve pages, which are created from HTML/CSS. Browser retrieve pages and RENDER THEIR CONTENT based on the HTML/CSS.
|2||2. Meet the "HT" in HTML: going further, with hypertext||11/14/18||24|
Learned about linking pages and navigating folder structure/relative paths. Pretty easy to grasp if you've been paying attention to file paths in your work, didn't know ".." was the parent, and it sounds like you can't go sideways, only up and down which makes sense I guess. It's interesting, I always make a mistake when updating the code but I've figured it out each time, attention to detail issue but also learning
|3||3. Web Page Construction: building blocks||11/21/18||45|
structure planning, block elements vs in-line, lists, void and nested elements
|4||4. A Trip to Webville: getting connected||12/7/18||27|
Hosting companies, file transfer protocol, uniform resource locator, id attribute
|5||5. Meeting the Media: adding images to your pages||1/11/19||26|
got side tracked around the holidays, had to reread chapter, better understood different file types. Good advice: when you are designing any kind of graphic (i.i. anything that's not a photo), do it in a lossless scalable format (e.g. vector graphics), then it's future proof and you can scale as needed for different use cases
|6||6. Serious HTML: standards and all that jazz||1/21/19||21|
Pretty simple chapter, learned about the history of HTML, current HTML5, and used an online validator
|7||7. Adding a Little Style: getting started with CSS||2/25/19||30|
2/25/19 Learned how to link to an external stylesheet. Learned how to create "classes" within html. Learned about inheritance, and how rules can be overriden by more specific rules, and about how styles are applied/prioritized. Note: I didn't do the (typing) exercises along with the book. This was a pretty dense chapter and I'm thinking that getting some reps would have been helpful. 2/20/19 learned how to do CSS on one webpage, starting on page 273 will learn how to make those changes consistent on other pages (child pages I'm assuming, but possibly sibling as well?)
8. Expanding your Vocabulary: styling with fonts and colors
Great overview fo color, font types etc. pretty easy to put this stuff in CSS but would probably need to use the book as a reference guide if I were to do any of it on my own.
|9||9. Getting Intimate with Elements: the box model||3/11/19||35|
Boxes/padding/border/margin, background-position and background-repeat, element ids
|10||10. Advanced Web Construction: divs and spans||4/8/19||18|
4/8/19 learned shorthand for margins/padding/borders, "spans" are like "divs" but for in-line elements, the "state' of <a> elements, long section on prioritizing stylesheets and got introduce to "Reader" sheets that a reader can use in a browser, really interesting exerciese at the end introducing a "float" property to CSS, no "CW notecards" 3/22/19 In progress read through 441, start on 442. Covered "divs" which allow you to divide your page into logical sections ("containers")
|11||11. Arranging Elements: layout and positioning|
5/8/19 long chapter! through page 506, start on 507 with the "absolute" folder. Learned about flow, float and clear, also using margin-left/right: auto to create "jello" layout.
|12||12. Modern HTML: html5 markup|
|13||13. Getting Tabular: tables and more lists|
|14||14. Getting Interactive: html forms|
Appendix: The Top Ten Topics (We Didn't Cover): leftovers