From e1e3a9ba395b5c4f1dd07818567b3fa23d1ad855 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 6 Jan 2021 10:33:34 -0500 Subject: [PATCH] adding captions to call out video content --- 2-js-basics/2-functions-methods/README.md | 3 +++ 2-js-basics/3-making-decisions/README.md | 1 + 2-js-basics/4-arrays-loops/README.md | 1 + 4-typing-game/typing-game/README.md | 2 ++ 5-browser-extension/2-forms-browsers-local-storage/README.md | 2 ++ 7-bank-project/1-template-route/README.md | 2 ++ 7-bank-project/2-forms/README.md | 2 ++ 7 files changed, 13 insertions(+) diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md index f65109dd..50efd195 100644 --- a/2-js-basics/2-functions-methods/README.md +++ b/2-js-basics/2-functions-methods/README.md @@ -10,6 +10,9 @@ When we think about writing code, we always want to ensure our code is readable. [![Methods and Functions](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methods and Functions") +> Click the image above for a video about methods and functions. + + ## Functions At its core, a function is a block of code we can execute on demand. This is perfect for scenarios where we need to perform the same task multiple times; rather than duplicating the logic in multiple locations (which would make it hard to update when the time comes), we can centralize it in one location, and call it whenever we need the operation performed - you can even call functions from other functions!. diff --git a/2-js-basics/3-making-decisions/README.md b/2-js-basics/3-making-decisions/README.md index c1887f1a..b1fcd0cd 100644 --- a/2-js-basics/3-making-decisions/README.md +++ b/2-js-basics/3-making-decisions/README.md @@ -10,6 +10,7 @@ Making decisions and controlling the order in which your code runs makes your co [![Making Decisions](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions") +> Click the image above for a video about making decisions. ## A Brief Recap on Booleans Booleans can be only two values: `true` or `false`. Booleans help make decisions on which lines of code should run when certain conditions are met. diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md index cdf7b6f6..0c307ffd 100644 --- a/2-js-basics/4-arrays-loops/README.md +++ b/2-js-basics/4-arrays-loops/README.md @@ -10,6 +10,7 @@ This lesson covers the basics of JavaScript, the language that provides interact [![Arrays and Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops") +> Click the image above for a video about arrays and loops. ## Arrays Working with data is a common task for any language, and it's a much easier task when data is organized in a structural format, such as arrays. With arrays, data is stored in a structure similar to a list. One major benefit of arrays is that you can store different types of data in one array. diff --git a/4-typing-game/typing-game/README.md b/4-typing-game/typing-game/README.md index 68145a62..256e5073 100644 --- a/4-typing-game/typing-game/README.md +++ b/4-typing-game/typing-game/README.md @@ -191,6 +191,8 @@ Take a minute to watch a video on using `const`, `let` and `var` [![Types of variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Types of variables") +> Click the image above for a video about variables. + ### Add start logic To begin the game, the player will click on start. Of course, we don't know when they're going to click start. This is where an [event listener](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener) comes into play. An event listener will allow us to listen for something to occur (an event) and execute code in response. In our case, we want to execute code when the user clicks on start. diff --git a/5-browser-extension/2-forms-browsers-local-storage/README.md b/5-browser-extension/2-forms-browsers-local-storage/README.md index 078aeacc..90f041a4 100644 --- a/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -151,6 +151,8 @@ Here's a quick video about `async`: [![Async and Await for managing promises](https://img.youtube.com/vi/YwmlRkrxvkk/0.jpg)](https://youtube.com/watch?v=YwmlRkrxvkk "Async and Await for managing promises") +> Click the image above for a video about async/await. + Create a new function to query the C02Signal API: ```JavaScript diff --git a/7-bank-project/1-template-route/README.md b/7-bank-project/1-template-route/README.md index 826181b3..2c319d96 100644 --- a/7-bank-project/1-template-route/README.md +++ b/7-bank-project/1-template-route/README.md @@ -283,6 +283,8 @@ Here's a refresher video on arrow functions: [![Arrow Functions](https://img.youtube.com/vi/OP6eEbOj2sc/0.jpg)](https://youtube.com/watch?v=OP6eEbOj2sc "Arrow Functions") +> Click the image above for a video about arrow functions. + Now try to use the back and forward buttons of your browsers, and check that the displayed route is correctly updated this time. --- diff --git a/7-bank-project/2-forms/README.md b/7-bank-project/2-forms/README.md index 7b21194e..cde754ea 100644 --- a/7-bank-project/2-forms/README.md +++ b/7-bank-project/2-forms/README.md @@ -181,6 +181,8 @@ Here's a quick video about `async/await` usage: [![Async and Await for managing promises](https://img.youtube.com/vi/YwmlRkrxvkk/0.jpg)](https://youtube.com/watch?v=YwmlRkrxvkk "Async and Await for managing promises") +> Click the image above for a video about async/await. + We use the `fetch()` API to send JSON data to the server. This method takes 2 parameters: - The URL of the server, so we put back `//localhost:5000/api/accounts` here.