fix(curriculum): remove video from Maps and Sets, and LocalStorage lectures (#61584)

2026-05-28 18:26:54 +00:00 · 2025-07-30 15:55:52 +12:00
parent 9bec76c72c
commit a9b91d41c2
11 changed files with 18 additions and 95 deletions
@@ -1,19 +1,12 @@
 ---
 id: 6733ab64775d35f78f5238fe
 title: What Does CRUD Stand For, and How Do the Basic Operations Work?
-challengeType: 11
-videoId: TmDWKodlfZM
+challengeType: 19
 dashedName: what-does-crud-stand-for-and-how-do-the-basic-operations-work
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What does CRUD stand for, and how do the basic operations work?
-
 CRUD is an acronym that stands for Create, Read, Update, and Delete. These are the four operations of persistent storage.

 Persistent storage refers to saving data in a way that makes it available even after the power is turned off or the device is restarted.
@@ -34,7 +27,7 @@ CRUD is used when working with databases, the UI, and RESTful APIs. RESTful APIs

 HTTP stands for Hypertext Transfer Protocol and it is the foundation for data communication on the web. There are HTTP methods which define the actions that can be performed on resources over the web. The common methods are `GET`, `POST`, `PUT`, `PATCH`, `DELETE`.

-You will learn more about RESTful APIs and HTTP in future videos, but here is a quick break down of how CRUD maps to the different HTTP methods.
+You will learn more about RESTful APIs and HTTP in future lectures, but here is a quick break down of how CRUD maps to the different HTTP methods.

 - `POST` is used to create a new resource.

@@ -1,26 +1,19 @@
 ---
 id: 6733ff4a9319c8486750886c
 title: What Is localStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: O-UYibtLTAg
+challengeType: 19
 dashedName: what-is-localstorage-and-what-are-some-common-methods
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is `localStorage`, and what are some common methods?
-
 The Web Storage API provides a mechanism for browsers to store key-value pairs right within the browser, allowing developers to store information that can be used across different page reloads and sessions. 

 The two main components in the Web Storage API are `localStorage` and `sessionStorage`.

 `localStorage` is the part of the Web Storage API that allows data to persist even after the browser window is closed or the page is refreshed. This data remains available until it is explicitly removed by the application or the user. 

-`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next video. 
+`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next lecture. 

 Common use cases for `localStorage` include storing user settings, such as themes or language preferences, remembering form data across browser sessions, and caching small pieces of information to improve the performance of web apps.

@@ -1,20 +1,13 @@
 ---
 id: 6733ff5814129c48b4fca88e
 title: What Is sessionStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: eJq2W_U2hAU
+challengeType: 19
 dashedName: what-is-sessionstorage-and-what-are-some-common-methods
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is `sessionStorage`, and what are some common methods?
-
-In the previous lecture video, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.
+In the previous lecture, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.

 Recall, that `sessionStorage` is when the data is cleared as soon as the user closes the tab or window in which the web application is running. It’s ideal for situations where data only needs to persist for the length of a single session, such as maintaining form data during navigation or storing temporary state information during a checkout process.

@@ -1,19 +1,12 @@
 ---
 id: 6733ff6f02dde548ebe4a6d5
 title: What Are Cookies, and How Do They Work?
-challengeType: 11
-videoId: kaq7TvntyJ8
+challengeType: 19
 dashedName: what-are-cookies-and-how-do-they-work
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are cookies, and how do they work?
-
 Cookies, also known as web cookies or browser cookies, are small pieces of data that a server sends to a user's web browser. These cookies are stored on the user's device and sent back to the server with subsequent requests. 

 Cookies are essential in helping web applications maintain state and remember user information, which is especially important since HTTP is a stateless protocol.
@@ -1,19 +1,12 @@
 ---
 id: 6733ff8d06376149474a0c0d
 title: What Is the Cache API, and How Does It Work?
-challengeType: 11
-videoId: wRLVQXHNXu4
+challengeType: 19
 dashedName: what-is-the-cache-api-and-how-does-that-work
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is the `Cache` API, and how does it work?
-
 The `Cache` API is used to store network requests and responses, making web applications work more efficiently and even function offline. It is part of the broader Service Worker API and is critical for creating Progressive Web Apps (PWAs) that can work under unreliable or slow network conditions. 

 Before we continue with the `Cache` API, we first need to understand how service workers, PWAs, and network requests work on a basic level. 
@@ -1,26 +1,19 @@
 ---
 id: 6733ff9d2fb9c449af68ad99
 title: What Are Some Negative Patterns Associated with Client-Side Storage?
-challengeType: 11
-videoId: Yv_LgxyVDpY
+challengeType: 19
 dashedName: what-are-some-negative-patterns-associated-with-client-side-storage
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are some negative patterns associated with client-side storage?
-
 Client-side storage allows websites to store data on a user's device. However, like many technologies, it can be misused. 

 Let’s explore some negative patterns associated with client-side storage, focusing on cookies and their misuse for tracking and fingerprinting.

 Let's start with cookies. 

-In an earlier lecture video, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.
+In an earlier lecture, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.

 Websites use cookies to track a user's interactions with a web app, creating a history of their digital activities. This is done for targeted advertising but can raise significant privacy concerns.

@@ -1,19 +1,12 @@
 ---
 id: 6733ffacd0ad1e49ec2af051
 title: How Can You Use Cookies to Store Arbitrary Data, Normally Controlled by HTTP Headers?
-challengeType: 11
-videoId: 9w16Mk4oBWQ
+challengeType: 19
 dashedName: how-can-you-use-cookies-to-store-arbitrary-data-normally-controlled-by-http-headers
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-How can you use cookies to store arbitrary data, normally controlled by HTTP headers?
-
 As you learned in previous lectures, cookies are simple data that websites can store on a user's device.

 However, you can actually store more complex data structures in cookies. One common method is to use JSON to store objects or arrays. Here's an example:
@@ -1,19 +1,12 @@
 ---
 id: 6733ffb59c62ee4a23522efe
 title: What Is IndexedDB, and How Does It Work?
-challengeType: 11
-videoId: cmXVJGcTEkY
+challengeType: 19
 dashedName: what-is-indexeddb-and-how-does-it-work
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is `IndexedDB`, and how does it work?
-
 `IndexedDB` is a tool for storing structured data in the browser. This is built into modern web browsers, allowing web apps to store and fetch JavaScript objects efficiently.

 Unlike other storage mechanisms like `localStorage`, which is limited to storing strings, `IndexedDB` can store JavaScript objects, files, and pretty much any other type of data. This makes it easy for web applications that need to work with large and complex data structures.
@@ -1,19 +1,12 @@
 ---
 id: 6733ffc7353af34a61ed683a
 title: What Are Cache and Service Workers, and How Do They Work?
-challengeType: 11
-videoId: dINyijgrQ2w
+challengeType: 19
 dashedName: what-are-cache-service-workers-and-how-do-they-work
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are cache and service workers, and how do they work?
-
 Caching is the process of storing copies of files in a temporary storage location so they can be accessed more quickly. 

 When you visit a website, your browser can save certain files (such as images, CSS, and JavaScript) locally. This means that the next time you visit the same site, it can load these files from your device instead of fetching them again from a server, making the site load faster.
@@ -1,19 +1,12 @@
 ---
 id: 6733ab269b378bf724c9ac71
 title: What Are Sets in JavaScript, and How Does It Differ from WeakSets?
-challengeType: 11
-videoId: 4XFTr08_hog
+challengeType: 19
 dashedName: what-are-sets-in-javascript-and-how-does-it-differ-from-weaksets
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are Sets in JavaScript, and how do they differ from WeakSets?
-
 In JavaScript, `Set` is a built-in object for managing data collections. It lets you store unique values of any type, whether primitive or object references. `Set` ensures that each value in it appears only once, making it useful for eliminating duplicates from an array or handling collections of distinct values.

 As for `WeakSet`, it’s a special type of `Set` with fewer features that allows you to store weakly held object references and symbols. Unlike `Set`, `WeakSet` does not support primitives like numbers or strings.
@@ -359,7 +352,7 @@ Which methods are available to both a `Set` and a `WeakSet` in JavaScript?

 ### --feedback--

-Review the end of the video where this was discussed. 
+Review the end of the lecture where this was discussed. 

 ---

@@ -371,7 +364,7 @@ Review the end of the video where this was discussed.

 ### --feedback--

-Review the end of the video where this was discussed. 
+Review the end of the lecture where this was discussed. 

 ---

@@ -379,7 +372,7 @@ Review the end of the video where this was discussed.

 ### --feedback--

-Review the end of the video where this was discussed. 
+Review the end of the lecture where this was discussed. 

 ## --video-solution--

@@ -1,19 +1,12 @@
 ---
 id: 6733dd694f91d61a5272b4ac
 title: What Is the Map Object, and How Does It Differ from WeakMaps?
-challengeType: 11
-videoId: 2hHKZBPJQRY
+challengeType: 19
 dashedName: what-is-the-map-object-and-how-does-it-differ-from-weakmaps
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is the Map object, and how does it differ from WeakMaps?
-
 In JavaScript, a `Map` is a built-in object that stores key-value pairs, similar to an object. However, it differs from standard JavaScript objects by allowing keys of any type, including objects and functions.

 A `WeakMap` is a collection of key-value pairs, similar to a `Map`, but it uses weak references for its keys. The keys must be objects, while the values can be of any type.