mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-11 01:04:08 +02:00
video callouts with emoji, addition of Learn path links
This commit is contained in:
Jen Looper
@@ -92,6 +92,8 @@ There's a chance that some statements will not be executed by a device. This is
|
||||
|
||||
[](https://youtube.com/watch?v=69WJeXGBdxg "Tools of the Trade")
|
||||
|
||||
> 🎥 Click the image above for a video about tooling
|
||||
|
||||
In this section, you'll learn about some software that you might find very useful as you start your professional development journey.
|
||||
|
||||
A **development environment** is a unique set of tools and features that a developer will use often when writing software. Some of these tools have been customized for a developer specific needs, and may change over time if a developer changes priorities in work or personal projects, or when they use a different programming language. Development environments are as unique as the developers who use them.
|
||||
|
||||
@@ -8,11 +8,13 @@
|
||||
|
||||
This lesson covers the basics of JavaScript, the language that provides interactivity on the web.
|
||||
|
||||
> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-variables/?WT.mc_id=academic-13441-cxa)!
|
||||
|
||||
[](https://youtube.com/watch?v=JNIXfGiDWM8 "Data types in JavaScript")
|
||||
|
||||
> 🎥 Click the image above for a video about data types
|
||||
|
||||
Let's start with variables and the data types that populate them!
|
||||
|
||||
## Variables
|
||||
|
||||
Variables store values that can be used and changed throughout your code.
|
||||
|
||||
@@ -10,7 +10,7 @@ When we think about writing code, we always want to ensure our code is readable.
|
||||
|
||||
[](https://youtube.com/watch?v=XgKsD6Zwvlc "Methods and Functions")
|
||||
|
||||
> Click the image above for a video about methods and functions.
|
||||
> 🎥 Click the image above for a video about methods and functions.
|
||||
|
||||
> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-functions/?WT.mc_id=academic-13441-cxa)!
|
||||
|
||||
|
||||
@@ -10,7 +10,9 @@ Making decisions and controlling the order in which your code runs makes your co
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
|
||||
|
||||
> Click the image above for a video about making decisions.
|
||||
> 🎥 Click the image above for a video about making decisions.
|
||||
|
||||
> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-if-else/?WT.mc_id=academic-13441-cxa)!
|
||||
## 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.
|
||||
|
||||
@@ -10,7 +10,9 @@ This lesson covers the basics of JavaScript, the language that provides interact
|
||||
|
||||
[](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops")
|
||||
|
||||
> Click the image above for a video about arrays and loops.
|
||||
> 🎥 Click the image above for a video about arrays and loops.
|
||||
|
||||
> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/en-us/learn/modules/web-development-101-arrays/?WT.mc_id=academic-13441-cxa)!
|
||||
## 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.
|
||||
|
||||
@@ -191,7 +191,7 @@ Take a minute to watch a video on using `const`, `let` and `var`
|
||||
|
||||
[](https://youtube.com/watch?v=JNIXfGiDWM8 "Types of variables")
|
||||
|
||||
> Click the image above for a video about variables.
|
||||
> 🎥 Click the image above for a video about variables.
|
||||
|
||||
### Add start logic
|
||||
|
||||
|
||||
@@ -151,7 +151,7 @@ Here's a quick video about `async`:
|
||||
|
||||
[](https://youtube.com/watch?v=YwmlRkrxvkk "Async and Await for managing promises")
|
||||
|
||||
> Click the image above for a video about async/await.
|
||||
> 🎥 Click the image above for a video about async/await.
|
||||
|
||||
Create a new function to query the C02Signal API:
|
||||
|
||||
|
||||
@@ -283,7 +283,7 @@ Here's a refresher video on arrow functions:
|
||||
|
||||
[](https://youtube.com/watch?v=OP6eEbOj2sc "Arrow Functions")
|
||||
|
||||
> Click the image above for a video about 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.
|
||||
|
||||
|
||||
@@ -181,7 +181,7 @@ Here's a quick video about `async/await` usage:
|
||||
|
||||
[](https://youtube.com/watch?v=YwmlRkrxvkk "Async and Await for managing promises")
|
||||
|
||||
> Click the image above for a video about async/await.
|
||||
> 🎥 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:
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson cur
|
||||
|
||||
[](https://youtube.com/watch?v=R1wrdtmBSII "Promo video")
|
||||
|
||||
> Click the image above for a video about the project and the folks who created it!
|
||||
> 🎥 Click the image above for a video about the project and the folks who created it!
|
||||
|
||||
## Pedagogy
|
||||
|
||||
|
||||
Reference in New Issue
Block a user