clean up

T001-Course-Intro/p003-project-preview.mdx

@@ -17,9 +17,9 @@ You'll use HTML to structure a recipe page so that it looks tasty instead of mes
 
 You'll use HTML and CSS to build a styled mission statement page.
 
-## News Article Layout
+## Infinite scroll
 
-Use CSS to create a classic single-page online article layout.
+Use JavaScript to make a site with infinite scroll (like Twitter or the Facebook news feed).
 
 ## Multi-page mini-pedia
 
@@ -29,14 +29,13 @@ Build a multi-page site styled like a mini version of a wiki.
 
 Use JavaScript to build a buzzfeed-style quiz page, with interactive questions.
 
-## "Hard mode" Pinterest
+## News Article Layout
 
-Use CSS and JavaScript to build a page that feels like Pinterest (with only some of the features)
+Use CSS to create a classic single-page online article layout.
 
-## Infinite scroll
+## Shopping cart
 
-Use JavaScript functions and loops to make a site with infinite scroll (like twitter or the facebook
-news feed).
+Use CSS and JavaScript to build a custom shopping cart page.
 
 ## Viral site
 
@@ -46,3 +45,5 @@ meme-worthy website.
 ## Live flight tracker site
 
 Use JavaScript to fetch flight info from OpenSky and display airport arrivals and departures.
+
+## Your own idea

T004-JS-Intro/p006-100-js-exercises.mdx

@@ -5,3 +5,19 @@ contentType: 'TextContent'
 ---
 
 # 100 JS Exercises
+
+Well, 12 exercises on this page, but hundreds more on other sites.
+
+## More Exercises
+
+It will take lots of exercises to get comfortable with JavaScript. As you work on your skills, you
+should figure out what practice habits work well for you. Do you like to do a warm-up exercise in
+the morning? Get in a practice session after lunch?
+
+Whatever your practice habits are, you need a source of good practice problems to work on. This page
+doesn't have 100 exercises.
+
+If you want more in-browser exercises to practice your JavaScript, try
+[CodeWars JavaScript](https://www.codewars.com/collections/javascript-basics-2).
+
+## Exercises

T006-JS-Loops-and-Functions/p005-infinite-scroll.mdx

@@ -4,11 +4,27 @@ slug: 'infinite-scroll'
 contentType: 'Project'
 ---
 
-# Infinite Scroll
+# Project: Infinite Scrolling Feed
 
-Q: does infinite scroll actually use loops?
+On sites like Facebook and Twitter, the main view is a feed of content that pulls in more posts when
+you scroll to the bottom. In this project, you'll take a newsfeed page and add JavaScript so that
+the content has the same 'infinite scroll' effect.
 
-A: not really
+- initial content
+- spinner
+- what content? (starter has a basic version, feel free to make your own)
+- how to do it?
+  - need to know when the user scrolls to the bottom
+  - need to add the content
 
-Q: What would be a better project? Or, can we make an infinite scroll project that makes sense with
-loops?
+Name: NewsFeed?
+
+## Demo: Infinite Corporate Twitter
+
+<Exercise demo contentSrc="@makeschool2/InfiniteScrollDemo" />
+
+## Mise En Place
+
+- styles
+- plan for content generation
+- read on how to detect scroll reaching the bottom of the screen

T008-CSS-Layout/p007-grid-practice.mdx

@@ -5,3 +5,5 @@ contentType: 'TextContent'
 ---
 
 # Grid Practice
+
+Article layout, redux

T009-CSS-Effects/p001-css-effects.mdx

@@ -6,6 +6,11 @@ contentType: 'TextContent'
 
 # Css Effects
 
+- workflow
+- working with other people and other tools
+- assets
+- designs
+
 ## pseudo-classes
 
 - hover
@@ -30,12 +35,6 @@ pronounced 'sudo' (rhymes with 'judo', the 'p' is silent).
 - first-letter
 - selection
 
-## color
-
-https://developer.mozilla.org/en-US/docs/Web/HTML/Applying_color
-
-### gradients
-
 ## background and border
 
 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders
@@ -45,26 +44,3 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders
 ## cursor
 
 https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
-
-## text
-
-https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text
-
-- overflow, scroll, wrapping
-- text decoration
-- typography
-
-## transforms
-
-- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms
-
-## clipping and masking
-
-- https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
-- https://developer.mozilla.org/en-US/docs/Web/CSS/mask
-
-## transitions and animations
-
-- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions#using_transitions_to_make_javascript_functionality_smooth
-- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
-- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Tips

T009-CSS-Effects/p002-colors.mdx

@@ -0,0 +1,15 @@
+---
+title: 'Colors'
+slug: 'colors'
+contentType: 'TextContent'
+---
+
+# Colors
+
+## color
+
+https://developer.mozilla.org/en-US/docs/Web/HTML/Applying_color
+
+### gradients
+
+### background

T009-CSS-Effects/p003-text.mdx

@@ -0,0 +1,13 @@
+---
+title: 'Text'
+slug: 'text'
+contentType: 'TextContent'
+---
+
+# Styling Text
+
+https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text
+
+- typography
+- overflow, scroll, wrapping
+- text decoration

T009-CSS-Effects/p004-shapes.mdx

@@ -0,0 +1,20 @@
+---
+title: 'Shapes'
+slug: 'shapes'
+contentType: 'TextContent'
+---
+
+# Shapes
+
+## SVG
+
+## Canvas
+
+## Transforms
+
+- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms
+
+## Clipping and Masking
+
+- https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
+- https://developer.mozilla.org/en-US/docs/Web/CSS/mask

T009-CSS-Effects/p005-transitions-animations.mdx

@@ -0,0 +1,11 @@
+---
+title: 'Transitions and Animations'
+slug: 'transitions-animations'
+contentType: 'TextContent'
+---
+
+# Transitions and Animations
+
+- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions#using_transitions_to_make_javascript_functionality_smooth
+- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
+- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Tips

T011-Semantic-HTML-and-Responsive-CSS/p001-semantic-html.mdx

@@ -66,8 +66,6 @@ Other design considerations
 
 Lighthouse
 
-## Page Speed
-
 ## Semantic elements
 
 - blockquote

T011-Semantic-HTML-and-Responsive-CSS/p003-performance.mdx

@@ -0,0 +1,24 @@
+---
+title: 'Performance'
+slug: 'performance'
+contentType: 'TextContent'
+---
+
+# Web Page Performance
+
+## Page Speed Tools
+
+- Tools
+- What makes pages fast and slow
+- How can you take a slow page and make it fast?
+- How can you design a page to make it fast from the start?
+
+## Size of assets
+
+## Different assets, different speeds
+
+## Edge latency and CDNs
+
+## Render-blocking assets
+
+## Benchmarking and Performance Budgeting