Skip to content

Commit

Permalink
moving videos down under sketchnotes
Browse files Browse the repository at this point in the history
  • Loading branch information
jlooper committed Nov 14, 2020
1 parent 51849fd commit 28abc93
Show file tree
Hide file tree
Showing 6 changed files with 11 additions and 11 deletions.
Expand Up @@ -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 |
|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 |
2 changes: 1 addition & 1 deletion 1-getting-started-lessons/2-github-basics/README.md
Expand Up @@ -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
Expand Down
5 changes: 3 additions & 2 deletions 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)
Expand All @@ -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
Expand Down
4 changes: 2 additions & 2 deletions 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)
Expand All @@ -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!.
Expand Down
4 changes: 2 additions & 2 deletions 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)
Expand All @@ -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.
Expand Down
4 changes: 2 additions & 2 deletions 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)
Expand All @@ -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.
Expand Down

0 comments on commit 28abc93

Please sign in to comment.