We're going to learn CSS animation by building a cat photo app. The goal is to get you started and have you finish on your own, but you can always get help in the forums if you get stuck.
-------------
00:00:00 Greetings
00:02:15 Introduction - Building a Cat Photo App
00:08:14 Step 1 - HTML elements H1
00:13:42 Step 2 - HTML elements H2-H6
00:18:38 Step 3 - p element
00:20:14 Step 4 - comments
00:24:06 Step 5 - MAIN element
00:25:52 Step 6 - nesting elements
00:28:05 Step 7 - IMG element
00:28:59 Step 8 - IMG src attribute
00:32:34 Step 9 - IMG alt attribute
00:34:49 Step 10 - A (anchor) element
00:39:54 Step 11 - Anchor text
00:40:22 Step 12 - Inserting a link inside a text
00:42:04 Step 13 - _blank target
00:43:20 Quick Q&A
00:48:00 Step 14 - Turn image into a link
00:49:42 Step 15 - Section element
00:51:15 Step 16 - Add a new section
00:51:38 Step 17 - Add h2 element within new section
00:52:03 Step 18 - Add h3 element
00:52:48 Step 19 - Unordered list element
00:53:33 Step 20 - List item element
00:55:29 Step 21 - Add new image with src attribute
00:58:11 Step 22 - FIGURE element
00:59:48 Step 23 - FIGCAPTION element
01:01:00 Step 24 - EM element to emphasize
01:02:54 Step 25 - H3 element
01:03:33 Step 26 - Ordered list element
01:05:04 Step 27 - Add another figure element
01:05:19 Step 28 - Nest an img element with a src
01:06:28 Step 29 - Alt attribute
01:07:00 Step 30 - Add figcaption element
01:07:49 Step 31 - STRONG element
01:09:21 Step 33 - Add h2 inside third section
01:12:59 Step 34 - Add form element
01:14:00 Step 35 - Add ACTION attribute
01:15:12 Step 36 - nest INPUT element in the FORM element
01:16:02 Step 37 - TYPE attribute
01:16:38 - Homework and conclusion
This live stream is part of Class Central's Free Web Development Bootcamp, hosted by Jessica Rose. Learn more about the bootcamp and how to enroll here:
https://www.classcentral.com/cohorts/webdev-bootcamp-fall-2022
