From 28abc938cd1f07e0b15e9d8c47a75ad35b6e0a9f Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Sat, 14 Nov 2020 15:53:22 -0500 Subject: [PATCH] moving videos down under sketchnotes --- .../1-intro-to-programming-languages/assignment.md | 3 +-- 1-getting-started-lessons/2-github-basics/README.md | 2 +- 2-js-basics/1-data-types/README.md | 5 +++-- 2-js-basics/2-functions-methods/README.md | 4 ++-- 2-js-basics/3-making-decisions/README.md | 4 ++-- 2-js-basics/4-arrays-loops/README.md | 4 ++-- 6 files changed, 11 insertions(+), 11 deletions(-) diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md index 412a00cd..649d2ab6 100644 --- a/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md +++ b/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md @@ -8,5 +8,4 @@ There are many tools that a web developer may need that are on the [MDN document Exemplary | Adequate | Needs Improvement --- | --- | -- | -|Explained why web developer would use tool| Explained how, but not why developer would use tool| Did not mention how or why a developer would use tool | -|Provided a similar tool with docs link| Provided a similar tool without docs link | Did not mention a similar tool or used same tool on MDN | \ No newline at end of file +|Explained why web developer would use tool| Explained how, but not why developer would use tool| Did not mention how or why a developer would use tool | \ No newline at end of file diff --git a/1-getting-started-lessons/2-github-basics/README.md b/1-getting-started-lessons/2-github-basics/README.md index 5e5cbced..4d7d1d3c 100644 --- a/1-getting-started-lessons/2-github-basics/README.md +++ b/1-getting-started-lessons/2-github-basics/README.md @@ -2,7 +2,7 @@ This lesson covers the basics of GitHub, a platform to host and manage changes to your code. -![Intro GitHub](images/webdev101-github.png) +![Intro to GitHub](images/webdev101-github.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ## Pre-Lecture Quiz diff --git a/2-js-basics/1-data-types/README.md b/2-js-basics/1-data-types/README.md index e129b0fb..c71165bf 100644 --- a/2-js-basics/1-data-types/README.md +++ b/2-js-basics/1-data-types/README.md @@ -1,7 +1,5 @@ # JavaScript Basics: Data Types -[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript") - ![JavaScript Basics - Data types](images/webdev101-js-datatypes.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) @@ -10,6 +8,9 @@ This lesson covers the basics of JavaScript, the language that provides interactivity on the web. +[![Data types in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript") + + Let's start with variables and the data types that populate them! ## Variables diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md index a1da6189..720dc440 100644 --- a/2-js-basics/2-functions-methods/README.md +++ b/2-js-basics/2-functions-methods/README.md @@ -1,7 +1,5 @@ # JavaScript Basics: Methods and Functions -[![Methods and Functions](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methods and Functions") - ![JavaScript Basics - Functions](images/webdev101-js-functions.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) @@ -10,6 +8,8 @@ When we think about writing code, we always want to ensure our code is readable. While this sounds counterintuitive, code is read many more times than it's written. One core tool in a developer's toolbox to ensure maintainable code is the **function**. +[![Methods and Functions](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "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 36e2fd41..2299ce6b 100644 --- a/2-js-basics/3-making-decisions/README.md +++ b/2-js-basics/3-making-decisions/README.md @@ -1,7 +1,5 @@ # JavaScript Basics: Making Decisions -[![Making Decisions](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions") - ![JavaScript Basics - Making decisions](images/webdev101-js-decisions.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) @@ -11,6 +9,8 @@ Pre-Lecture Quiz Making decisions and controlling the order in which your code runs makes your code reusable and robust. This section covers the syntax for controlling data flow in JavaScript and its significance when used with Boolean data types +[![Making Decisions](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "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 bf60afff..6b91d8fb 100644 --- a/2-js-basics/4-arrays-loops/README.md +++ b/2-js-basics/4-arrays-loops/README.md @@ -1,7 +1,5 @@ # JavaScript Basics: Arrays and Loops -[![Arrays and Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops") - ![JavaScript Basics - Arrays](images/webdev101-js-arrays.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) @@ -11,6 +9,8 @@ Pre-Lecture Quiz This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data. +[![Arrays and Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "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.