mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-09-24 23:01:18 +08:00
chore(i18n,client): processed translations (#61661)
This commit is contained in:
freeCodeCamp's Camper Bot
@@ -2072,7 +2072,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2105,7 +2105,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2126,6 +2126,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2141,7 +2147,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2161,7 +2167,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2211,7 +2217,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2231,7 +2237,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2250,7 +2256,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2270,25 +2276,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2340,19 +2346,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2371,7 +2377,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2391,7 +2397,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2410,7 +2416,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2423,7 +2429,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2449,19 +2455,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2480,7 +2486,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2506,13 +2512,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2537,7 +2543,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2566,7 +2572,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2597,7 +2603,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2629,7 +2635,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2659,7 +2665,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2690,7 +2696,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2722,7 +2728,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2754,7 +2760,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2785,7 +2791,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2818,7 +2824,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2849,7 +2855,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2868,7 +2874,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2897,7 +2903,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2948,13 +2954,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2979,7 +2985,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -2998,7 +3004,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3011,7 +3017,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3071,7 +3077,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3090,7 +3096,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3109,7 +3115,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3176,7 +3182,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3201,7 +3207,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3218,7 +3224,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3248,7 +3254,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3299,10 +3305,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3340,7 +3358,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3353,7 +3371,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3384,7 +3402,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3415,7 +3433,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3433,7 +3451,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3516,7 +3534,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3539,7 +3557,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3576,7 +3594,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3609,7 +3627,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3634,7 +3652,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3666,7 +3684,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3698,7 +3716,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3731,7 +3749,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3770,7 +3788,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3800,13 +3818,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3832,7 +3850,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3881,13 +3899,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3898,7 +3916,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3927,7 +3945,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3946,7 +3964,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3978,7 +3996,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -3997,7 +4015,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4016,7 +4034,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4029,7 +4047,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4048,7 +4066,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4067,7 +4085,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4111,7 +4129,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4128,7 +4146,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4179,7 +4197,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4252,9 +4270,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4416,8 +4436,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4600,9 +4622,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2072,7 +2072,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2105,7 +2105,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2126,6 +2126,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2141,7 +2147,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2161,7 +2167,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2211,7 +2217,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2231,7 +2237,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2250,7 +2256,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2270,25 +2276,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2340,19 +2346,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2371,7 +2377,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2391,7 +2397,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2410,7 +2416,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2423,7 +2429,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2449,19 +2455,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2480,7 +2486,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2506,13 +2512,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2537,7 +2543,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2566,7 +2572,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2597,7 +2603,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2629,7 +2635,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2659,7 +2665,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2690,7 +2696,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2722,7 +2728,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2754,7 +2760,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2785,7 +2791,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2818,7 +2824,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2849,7 +2855,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2868,7 +2874,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2897,7 +2903,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2948,13 +2954,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2979,7 +2985,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -2998,7 +3004,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3011,7 +3017,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3071,7 +3077,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3090,7 +3096,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3109,7 +3115,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3176,7 +3182,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3201,7 +3207,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3218,7 +3224,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3248,7 +3254,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3299,10 +3305,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3340,7 +3358,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3353,7 +3371,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3384,7 +3402,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3415,7 +3433,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3433,7 +3451,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3516,7 +3534,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3539,7 +3557,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3576,7 +3594,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3609,7 +3627,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3634,7 +3652,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3666,7 +3684,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3698,7 +3716,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3731,7 +3749,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3770,7 +3788,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3800,13 +3818,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3832,7 +3850,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3881,13 +3899,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3898,7 +3916,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3927,7 +3945,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3946,7 +3964,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3978,7 +3996,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -3997,7 +4015,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4016,7 +4034,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4029,7 +4047,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4048,7 +4066,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4067,7 +4085,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4111,7 +4129,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4128,7 +4146,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4179,7 +4197,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4252,9 +4270,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4416,8 +4436,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4600,9 +4622,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2086,7 +2086,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Understanding HTML Attributes",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"You will learn about HTML's role on the web, and what HTML attributes are."
|
||||
]
|
||||
},
|
||||
@@ -2119,7 +2119,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "HTML Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2140,6 +2140,12 @@
|
||||
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Working with the iframe Element",
|
||||
"intro": [
|
||||
@@ -2155,7 +2161,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Working with Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2175,7 +2181,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Importance of Semantic HTML",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2225,7 +2231,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Working with Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2245,7 +2251,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Working with Tables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tables, how to create them, and when to use them."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2264,7 +2270,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Working with HTML Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2284,25 +2290,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Importance of Accessibility and Good HTML Structure",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Working with Accessible Tables and Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible tables and forms."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Introduction to ARIA",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with ARIA roles."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Working with Accessible Media Elements",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about how to create accessible links, audio and video content."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2354,19 +2360,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2385,7 +2391,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": [
|
||||
"The following lecture videos are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2405,7 +2411,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2424,7 +2430,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2437,7 +2443,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2463,19 +2469,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2494,7 +2500,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2520,13 +2526,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Design a Greeting Card",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with the different types of pseudo-classes.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
|
||||
]
|
||||
},
|
||||
@@ -2551,7 +2557,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2580,7 +2586,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Best Practices for Styling Forms",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2611,7 +2617,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Working with CSS Transforms, Overflow, and Filters",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2643,7 +2649,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2673,7 +2679,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2704,7 +2710,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Best Practices for Accessibility and CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2736,7 +2742,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2768,7 +2774,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Understanding How to Work with Floats and Positioning in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2799,7 +2805,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Best Practices for Responsive Web Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2832,7 +2838,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2863,7 +2869,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2882,7 +2888,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In this lecture video, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2911,7 +2917,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2962,13 +2968,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDEs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2993,7 +2999,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In the following lecture videos, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3012,7 +3018,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3025,7 +3031,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3085,7 +3091,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Working with Numbers and Common Number Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3104,7 +3110,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3123,7 +3129,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3190,7 +3196,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Working with Arrays",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3215,7 +3221,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Working with Common Array Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3232,7 +3238,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Working with Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3262,7 +3268,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Working with Loops",
|
||||
"intro": [
|
||||
"Loops are an essential part of JavaScript. That's why the following lecture videos have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3313,10 +3319,22 @@
|
||||
"title": "JavaScript Loops Quiz",
|
||||
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Understanding Core JavaScript Fundamentals",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn more about the core JavaScript fundamentals. You will learn how a string object differs from a primitive string, the <code>toString()</code> method, conventions and common practices for naming variables, linters and formatters, closures, and much more."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3354,7 +3372,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "The var Keyword and Hoisting",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3367,7 +3385,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Understanding Modules, Imports, and Exports",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about modules, imports, and exports in JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3398,7 +3416,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Working with Higher Order Functions and Callbacks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3429,7 +3447,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Working with the DOM, Click Events, and Web APIs",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3447,7 +3465,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Understanding the Event Object and Event Delegation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3530,7 +3548,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3553,7 +3571,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Working with Regular Expressions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Understanding Form Validation",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3623,7 +3641,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Working with Dates",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3648,7 +3666,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Working with Audio and Video",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3680,7 +3698,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Working with Maps and Sets",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3712,7 +3730,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Working with Client-Side Storage and CRUD Operations",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3745,7 +3763,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Understanding How to Work with Classes in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3784,7 +3802,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Understanding Recursion and the Call Stack",
|
||||
"intro": [
|
||||
"In this lecture video, you will learn about recursion and the call stack."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3814,13 +3832,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Understanding Functional Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Build a Recipe Ingredient Converter",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned the core concepts behind functional programming and currying.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
|
||||
]
|
||||
},
|
||||
@@ -3846,7 +3864,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Understanding Asynchronous Programming",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3895,13 +3913,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Introduction to JavaScript Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Build a Reusable Mega Navbar",
|
||||
"intro": [
|
||||
"In the previous lecture videos, you learned how to work with components in React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"In this workshop, you will build a reusable Navbar component using React."
|
||||
]
|
||||
},
|
||||
@@ -3912,7 +3930,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Working with Data in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3941,7 +3959,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Working with State and Responding to Events in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with state and responding to events with React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3960,7 +3978,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Understanding Effects and Referencing Values in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about effects and referencing values with React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3992,7 +4010,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Working with Forms in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with forms in React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4011,7 +4029,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Working with Data Fetching and Memoization in React",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data fetching and memoization in React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4030,7 +4048,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Routing, React Frameworks, and Dependency Management Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4043,7 +4061,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "React Strategies and Debugging",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about different strategies and debugging in React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4062,7 +4080,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Understanding Performance in Web Applications",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn performance in web applications."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4081,7 +4099,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Working with CSS Libraries and Frameworks",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to work with CSS libraries and frameworks."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4125,7 +4143,7 @@
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Understanding the Different Types of Testing",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about the different types of testing."
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
@@ -4142,7 +4160,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Introduction to TypeScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn what TypeScript is and how to use it."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4193,7 +4211,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Introduction to Python",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4266,9 +4284,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Dictionaries and Sets review",
|
||||
@@ -4430,8 +4450,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Build a Bisection Method",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Implement the Merge Sort Algorithm",
|
||||
@@ -4614,9 +4636,11 @@
|
||||
"title": "Bash Scripting Quiz",
|
||||
"intro": ["Test what you've learned on bash scripting in this quiz."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Build a Student Database: Part 1",
|
||||
|
||||
@@ -2072,7 +2072,7 @@
|
||||
"lecture-understanding-html-attributes": {
|
||||
"title": "Знайомство з HTML-атрибутами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви детальніше ознайомитесь з HTML (мовою розмітки гіпертексту) — мовою розмітки для створення вебсторінок.",
|
||||
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
|
||||
"Ви дізнаєтесь, яку роль відіграє HTML у мережі, а також ознайомитесь з його атрибутами."
|
||||
]
|
||||
},
|
||||
@@ -2105,7 +2105,7 @@
|
||||
"lecture-html-fundamentals": {
|
||||
"title": "Основи HTML",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про основи HTML, серед яких елемент <code>div</code>, атрибути <code>id</code> та <code>class</code>, шаблонний код HTML тощо."
|
||||
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
|
||||
]
|
||||
},
|
||||
"lab-travel-agency-page": {
|
||||
@@ -2126,6 +2126,12 @@
|
||||
"У цих відеолекціях ви навчитесь працювати з SVG та дізнаєтесь про способи оптимізації зображень."
|
||||
]
|
||||
},
|
||||
"workshop-build-a-heart-icon": {
|
||||
"title": "Build a Heart Icon",
|
||||
"intro": [
|
||||
"In this workshop, you will practice working with SVGs by building a heart icon"
|
||||
]
|
||||
},
|
||||
"lecture-working-with-media": {
|
||||
"title": "Робота з елементом iframe",
|
||||
"intro": [
|
||||
@@ -2141,7 +2147,7 @@
|
||||
"lecture-working-with-links": {
|
||||
"title": "Робота з посиланнями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про посилання, атрибут <code>target</code>, різні стани посилань, абсолютний і відносний шлях тощо."
|
||||
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-html": {
|
||||
@@ -2161,7 +2167,7 @@
|
||||
"lecture-importance-of-semantic-html": {
|
||||
"title": "Важливість семантичного HTML",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про семантичний HTML і чому ним варто цікавитись, а також про семантичні елементи, різницю між семантичним і презентаційним HTML та багато іншого."
|
||||
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-nuanced-semantic-elements": {
|
||||
@@ -2211,7 +2217,7 @@
|
||||
"lecture-working-with-forms": {
|
||||
"title": "Робота з формами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про форми, важливість міток, полів введення і кнопок, валідацію форми зі сторони клієнта та стани форм."
|
||||
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
|
||||
]
|
||||
},
|
||||
"workshop-hotel-feedback-form": {
|
||||
@@ -2231,7 +2237,7 @@
|
||||
"lecture-working-with-tables": {
|
||||
"title": "Робота з таблицями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про таблиці в HTML, включно з їхнім створенням і використанням."
|
||||
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
|
||||
]
|
||||
},
|
||||
"workshop-final-exams-table": {
|
||||
@@ -2250,7 +2256,7 @@
|
||||
"lecture-working-with-html-tools": {
|
||||
"title": "Робота з інструментами HTML",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про інструменти HTML, які допомагають писати кращий код. До цих інструментів належать валідатори HTML, інспектор DOM та інструменти розробника браузера."
|
||||
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
|
||||
]
|
||||
},
|
||||
"review-html-tables-and-forms": {
|
||||
@@ -2270,25 +2276,25 @@
|
||||
"lecture-importance-of-accessibility-and-good-html-structure": {
|
||||
"title": "Важливість доступності та хорошої структури HTML",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про доступність та її важливість, допоміжні технології для людей з порушеннями, атрибути HTML для створення інклюзивних вебсайтів, найкращі практики й багато іншого."
|
||||
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-tables-forms": {
|
||||
"title": "Робота з доступними таблицями і формами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як створювати доступні таблиці та форми."
|
||||
"In these lectures, you will learn about how to create accessible tables and forms."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-aria": {
|
||||
"title": "Вступ до ARIA",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з ARIA-ролями."
|
||||
"In these lectures, you will learn about working with ARIA roles."
|
||||
]
|
||||
},
|
||||
"lecture-accessible-media-elements": {
|
||||
"title": "Робота з доступними медіаелементами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як створювати доступні посилання, аудіо та відео."
|
||||
"In these lectures, you will learn about how to create accessible links, audio and video content."
|
||||
]
|
||||
},
|
||||
"lab-checkout-page": {
|
||||
@@ -2340,19 +2346,19 @@
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Знайомство з комп’ютером, інтернетом та інструментами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про комп’ютер, його різні частини, інтернет-провайдерів (ISP) та інструменти, якими користуються професійні розробники."
|
||||
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Робота з файловими системами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з файловими та папковими системами на комп’ютерах. Ви навчитеся створювати, переміщувати, видаляти файли й папки, дізнаєтеся про найкращі практики їхнього найменування і організації та багато іншого."
|
||||
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
|
||||
]
|
||||
},
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Ефективне користування мережею",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, що таке вебсайти, пошукові системи й веббраузери, які існують браузери та як максимально ефективно використовувати пошукову систему."
|
||||
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
@@ -2369,7 +2375,7 @@
|
||||
"lecture-what-is-css": {
|
||||
"title": "Що таке CSS?",
|
||||
"intro": [
|
||||
"Наступні відеолекції присвячені CSS. Ви дізнаєтесь про CSS і його роль в мережі, анатомію правил в CSS, три способи написання CSS і коли їх використовувати, а також про блокові й вбудовані елементи та багато іншого."
|
||||
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
|
||||
]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
@@ -2389,7 +2395,7 @@
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "Специфічність, алгоритм каскаду та успадкування в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про специфічність в CSS, поширені селектори та їхню специфічність, алгоритм каскаду, успадкування і багато іншого."
|
||||
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
@@ -2406,7 +2412,7 @@
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Стилізація списків і посилань",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про властивості, які потрібно знати для ефективної стилізації списків і посилань, включно зі станами посилань (наприклад, <code>link</code>, <code>visited</code>, <code>hover</code> та <code>active</code>)."
|
||||
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
@@ -2419,7 +2425,7 @@
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Робота з фоном і кордоном",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про властивості та значення, необхідні для стилізації фону і кордону елементів, а також про аспекти доступності, пов’язані з фоном."
|
||||
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
|
||||
]
|
||||
},
|
||||
"lab-blog-post-card": {
|
||||
@@ -2443,19 +2449,19 @@
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "Основи UI дизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про основи UI-дизайну. Ви ознайомитеся з поняттями, необхідними для спілкування з дизайнерами, візуальною ієрархією, масштабуванням, вирівнюванням, використанням пробілів та багато іншим."
|
||||
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
|
||||
]
|
||||
},
|
||||
"lecture-user-centered-design": {
|
||||
"title": "Дизайн, орієнтований на користувача",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики проєктування користувацьких функцій, серед яких темний режим, навігаційні стежки, діалогові вікна та багато іншого. Ви також навчитеся досліджувати користувачів, визначати їхні вимоги та проводити тестування."
|
||||
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
|
||||
]
|
||||
},
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Поширені інструменти дизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про поширені інструменти дизайну, які мають знати розробники. Ви також ознайомитеся з дизайн-брифами та тим, як розробники працюють з ними."
|
||||
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
@@ -2472,7 +2478,7 @@
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Робота з відносними й абсолютними одиницями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про відносні та абсолютні одиниці, а також про те, як вони впливають на відтворення у браузері."
|
||||
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
@@ -2498,13 +2504,13 @@
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Робота з псевдокласами та псевдоелементами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про псевдокласи та псевдоелементи, розглянувши їхні приклади та принципи роботи."
|
||||
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-card": {
|
||||
"title": "Створіть вітальну листівку",
|
||||
"intro": [
|
||||
"У попередніх відеолекціях ви навчилися працювати з різними псевдокласами.",
|
||||
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
|
||||
"У цьому практичному занятті ви зможете попрактикувати те, чого навчились, створивши вітальну листівку."
|
||||
]
|
||||
},
|
||||
@@ -2531,7 +2537,7 @@
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Робота з кольорами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про лінійний та радіальний градієнти, теорію кольорів і різні види кольорів (серед яких названі, RGB, Hex та HSL). Ви дізнаєтесь, як ці кольори працюють і які потрібно використовувати."
|
||||
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
@@ -2562,7 +2568,7 @@
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Найкращі практики стилізації форм",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики стилізації форм і проблеми, з якими можна зіткнутися при стилізації спеціальних вхідних даних, серед яких <code>color</code> та <code>datetime-local</code>."
|
||||
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
@@ -2593,7 +2599,7 @@
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Робота з трансформаціями, переповненням і ефектами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про роботу з трансформаціями, переповненням та фільтрами в CSS. Ви також ознайомитеся з блоковою моделлю та принципами її роботи."
|
||||
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
@@ -2625,7 +2631,7 @@
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Робота з CSS Flexbox",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працює гнучка модель в CSS, про різні властивості та коли її варто використовувати."
|
||||
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
@@ -2655,7 +2661,7 @@
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Робота з шрифтами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про типографію і її найкращі практики, шрифти та властивість <code>text-shadow</code>."
|
||||
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
@@ -2688,7 +2694,7 @@
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Найкращі практики доступності й CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики доступності в CSS та інструменти для перевірки хорошого кольорового контрасту на вебсайтах."
|
||||
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
@@ -2720,7 +2726,7 @@
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Робота з селекторами атрибутів",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про селектори атрибутів та як їх використовувати для націлювання на елементи (наприклад, на посилання та списки)."
|
||||
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
@@ -2752,7 +2758,7 @@
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Знайомство з вирівнюванням й позиціюванням в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про позиціювання та обтікання в CSS. Ви ознайомитеся з позиціюванням <code>absolute</code>, <code>relative</code>, <code>fixed</code> та <code>sticky</code>, а також будете використовувати властивість <code>z-index</code>."
|
||||
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
@@ -2785,7 +2791,7 @@
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Найкращі практики адаптивного вебдизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики адаптивного вебдизайну, а також про основні поняття (а саме про сітку, гнучкий блок, медіазапити, медіаточки) і багато іншого."
|
||||
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
@@ -2816,7 +2822,7 @@
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Робота зі змінними в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як визначити та використовувати кастомні властивості (також відомі як CSS-змінні). Ви також дізнаєтесь про директиву <code>@property</code> і як вона працює."
|
||||
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
@@ -2849,7 +2855,7 @@
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Робота з сіткою в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про сітку в CSS, її властивості та як їх використовувати. Ви також дізнаєтесь про різницю між сіткою та гнучкою моделлю."
|
||||
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
@@ -2868,7 +2874,7 @@
|
||||
"lecture-debugging-css": {
|
||||
"title": "Налагодження CSS",
|
||||
"intro": [
|
||||
"У цій відеолекції ви навчитесь налагоджувати CSS за допомогою інструментів розробника свого браузера та валідаторів CSS."
|
||||
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
@@ -2899,7 +2905,7 @@
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Анімація та доступність",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про анімації в CSS та їхні аспекти доступності. Ви також дізнаєтесь, як <code>prefers-reduced-motion</code> може допомогти з цими питаннями."
|
||||
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
|
||||
]
|
||||
},
|
||||
"workshop-ferris-wheel": {
|
||||
@@ -2950,13 +2956,13 @@
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Робота з редакторами коду та IDE",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з редакторами коду та IDE. Ви ознайомитесь з найпопулярнішим редактором коду VS Code: як його встановити, як створити проєкт, які наявні гарячі клавіші та розширення."
|
||||
"In these lectures, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
|
||||
]
|
||||
},
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Вступ до JavaScript",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про основи JavaScript. До тем належать змінні, типи даних, взаємодія JavaScript з HTML і CSS, рядки та багато іншого."
|
||||
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
@@ -2981,7 +2987,7 @@
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Робота з типами даних",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви навчитесь працювати з різними типами даних в JavaScript. Також ви дізнаєтесь про різницю між динамічною і статичною типізацією, оператор <code>typeof</code> і помилку <code>typeof null</code>."
|
||||
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
@@ -3000,7 +3006,7 @@
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Робота з рядками в JavaScript",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви навчитеся працювати з рядками в JavaScript. Ви дізнаєтесь, як отримати доступ до символів рядка, як використовувати шаблонні літерали й інтерполяцію, як створити нову лінію в рядку та багато іншого."
|
||||
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
@@ -3013,7 +3019,7 @@
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Поширені методи роботи з рядками",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про поширені методи рядків у JavaScript. Ці методи дозволяють робити різні речі: витягувати частину рядка, змінювати регістр, змінювати частину рядка, видаляти пробіли з рядка та багато іншого."
|
||||
"In these lectures, you will learn about the common string methods available in JavaScript. The string methods will let you do things like extracting a part of a string, changing the casing for a string, replacing a part of a string, trimming whitespace from a string, and much more."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
@@ -3075,7 +3081,7 @@
|
||||
"lecture-working-with-numbers-and-common-number-methods": {
|
||||
"title": "Робота з числами й поширені методи роботи з ними",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про числа та поширені методи роботи з ними. До них належать <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code> та <code>toFixed()</code>."
|
||||
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
@@ -3094,7 +3100,7 @@
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Знайомство з порівняннями й умовами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про оператори порівняння і умовні вирази. Ви дізнаєтесь, чим відрізняються умовні вирази між собою, і як працюють порівняння з <code>null</code> та <code>undefined</code>."
|
||||
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
@@ -3113,7 +3119,7 @@
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Робота з функціями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви навчитесь повторно використовувати блок коду за допомогою функцій. Ви дізнаєтесь про головну мету функцій та як вони працюють, і що таке область видимості в програмуванні."
|
||||
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
@@ -3182,7 +3188,7 @@
|
||||
"lecture-working-with-arrays": {
|
||||
"title": "Робота з масивами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з масивами в JavaScript. Ви дізнаєтесь про масиви, різницю між одновимірними та багатовимірними масивами, як отримати доступ до елементів масиву та оновити їх, а також багато іншого."
|
||||
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list": {
|
||||
@@ -3207,7 +3213,7 @@
|
||||
"lecture-working-with-common-array-methods": {
|
||||
"title": "Поширені методи роботи з масивами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про масиви та їхні методи для виконання складніших операцій: як отримати позицію елемента, як перевірити наявність певного елемента, як скопіювати масив та багато іншого."
|
||||
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
|
||||
]
|
||||
},
|
||||
"review-javascript-arrays": {
|
||||
@@ -3226,7 +3232,7 @@
|
||||
"lecture-working-with-objects": {
|
||||
"title": "Робота з об’єктами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з об’єктами в JavaScript. Ви дізнаєтесь, як отримати доступ до властивостей об’єкту, як перевірити наявність властивості, чим методи об’єкта відрізняються від функцій, про об’єктну деструктуризацію та багато іншого."
|
||||
"In these lectures, you will learn how to work with JavaScript objects. The concepts you will learn include how to access properties from an object, check if an object has a property, how object methods differ from functions, object destructuring, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-tracker": {
|
||||
@@ -3258,7 +3264,7 @@
|
||||
"lecture-working-with-loops": {
|
||||
"title": "Робота з циклами",
|
||||
"intro": [
|
||||
"Цикли — це важлива частина JavaScript. Тому наступні відеолекції підготовлено для того, щоб ви дізналися про різні типи циклів, як вони працюють, а також про те, як працює ітерація."
|
||||
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
|
||||
]
|
||||
},
|
||||
"workshop-sentence-analyzer": {
|
||||
@@ -3311,10 +3317,22 @@
|
||||
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Цикли в JavaScript»."
|
||||
]
|
||||
},
|
||||
"lecture-understanding-core-javascript-fundamentals": {
|
||||
"title": "Знайомство з основами JavaScript",
|
||||
"lecture-working-with-types-and-objects": {
|
||||
"title": "Working with Types and Objects",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви детальніше розглянете основи JavaScript. Ви дізнаєтесь про різницю між об’єктом-рядком і примітивним рядком, метод <code>toString()</code>, конвенції й загальноприйняті практики найменування змінних, лінтери і форматувальники, замикання та багато іншого."
|
||||
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-arrays-variables-and-naming-practices": {
|
||||
"title": "Working with Arrays, Variables, and Naming Practices",
|
||||
"intro": [
|
||||
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-code-quality-and-execution-concepts": {
|
||||
"title": "Working with Code Quality and Execution Concepts",
|
||||
"intro": [
|
||||
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
|
||||
]
|
||||
},
|
||||
"lab-largest-number-finder": {
|
||||
@@ -3350,7 +3368,7 @@
|
||||
"lecture-the-var-keyword-and-hoisting": {
|
||||
"title": "Ключове слово var та підняття",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про ключове слово <code>var</code> та чому його більше не рекомендують використовувати. Ви також ознайомитеся з підйомом в JavaScript, щоб уникати неочевидних помилок у коді."
|
||||
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
|
||||
]
|
||||
},
|
||||
"lab-inventory-management-program": {
|
||||
@@ -3363,7 +3381,7 @@
|
||||
"lecture-understanding-modules-imports-and-exports": {
|
||||
"title": "Знайомство з модулями, імпортом та експортом",
|
||||
"intro": [
|
||||
"У цій відеолекції ви дізнаєтесь про модулі, імпорти та експорти в JavaScript."
|
||||
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-password-generator": {
|
||||
@@ -3394,7 +3412,7 @@
|
||||
"lecture-working-with-higher-order-functions-and-callbacks": {
|
||||
"title": "Робота з функціями вищого порядку та зворотного виклику",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з функціями вищого порядку та функціями зворотного виклику. До функцій вищого порядку, які ви вивчите, належать <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code> та <code>some()</code>. Ви також навчитеся зв’язувати ці методи у послідовність для отримання бажаних результатів."
|
||||
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
|
||||
]
|
||||
},
|
||||
"workshop-library-manager": {
|
||||
@@ -3425,7 +3443,7 @@
|
||||
"lecture-working-with-the-dom-click-events-and-web-apis": {
|
||||
"title": "Робота з DOM, подіями click та web API",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з об’єктною моделлю документа (DOM), методом <code>addEventListener()</code>, різними подіями і веб-API."
|
||||
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
|
||||
]
|
||||
},
|
||||
"workshop-storytelling-app": {
|
||||
@@ -3443,7 +3461,7 @@
|
||||
"lecture-understanding-the-event-object-and-event-delegation": {
|
||||
"title": "Знайомство з подіями та їх делегуванням",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про об’єкт <code>event</code>, подію <code>change</code>, бульбашковий механізм та делегування подій."
|
||||
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
|
||||
]
|
||||
},
|
||||
"workshop-music-instrument-filter": {
|
||||
@@ -3526,7 +3544,7 @@
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Техніки налагодження",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про поширені помилки в JavaScript та техніки, за допомогою яких їх можна виправити — процес, який називається «налагодженням»."
|
||||
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
|
||||
]
|
||||
},
|
||||
"lab-random-background-color-changer": {
|
||||
@@ -3551,7 +3569,7 @@
|
||||
"lecture-working-with-regular-expressions": {
|
||||
"title": "Робота з регулярними виразами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про регулярні вирази в JavaScript. Ви дізнаєтесь про методи роботи з регулярними виразами, модифікатори, класи символів, перевірки вперед і назад, зворотні посилання, квантори та багато іншого."
|
||||
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
|
||||
]
|
||||
},
|
||||
"workshop-spam-filter": {
|
||||
@@ -3590,7 +3608,7 @@
|
||||
"lecture-understanding-form-validation": {
|
||||
"title": "Знайомство з валідацією форм",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про валідацію форм у JavaScript. Ви дізнаєтесь про різні способи валідації форм, а також як працюють метод <code>preventDefault()</code> та подія <code>submit</code>."
|
||||
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
|
||||
]
|
||||
},
|
||||
"workshop-calorie-counter": {
|
||||
@@ -3621,7 +3639,7 @@
|
||||
"lecture-working-with-dates": {
|
||||
"title": "Робота з датами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про об’єкт <code>date</code> в JavaScript. Ви ознайомитесь з різними методами, щоб працювати з датами та форматувати їх."
|
||||
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
|
||||
]
|
||||
},
|
||||
"lab-date-conversion": {
|
||||
@@ -3644,7 +3662,7 @@
|
||||
"lecture-working-with-audio-and-video": {
|
||||
"title": "Робота з аудіо та відео",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з аудіо- та відеофайлами за допомогою JavaScript. Ви дізнаєтесь про конструктори <code>Audio</code> і <code>Video</code>, їхні методи і властивості, аудіо- і відеоформати, кодеки, <code>HTMLMediaElement</code> API та багато іншого."
|
||||
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-music-player": {
|
||||
@@ -3674,7 +3692,7 @@
|
||||
"lecture-working-with-maps-and-sets": {
|
||||
"title": "Робота з map та set",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про <code>Map</code> та <code>Set</code> в JavaScript. Ви також дізнаєтесь, як вони відрізняються від <code>WeakSets</code> та <code>WeakMaps</code>."
|
||||
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
|
||||
]
|
||||
},
|
||||
"workshop-plant-nursery-catalog": {
|
||||
@@ -3704,7 +3722,7 @@
|
||||
"lecture-working-with-client-side-storage-and-crud-operations": {
|
||||
"title": "Робота зі сховищем на клієнтській стороні та операціями CRUD",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про сховище пам’яті на стороні клієнта та CRUD-операції в JavaScript. Ви дізнаєтесь про <code>localStorage</code> та <code>sessionStorage</code> разом з їхніми методами та властивостями, файли cookie, Cache API, IndexDB та багато іншого."
|
||||
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-todo-app": {
|
||||
@@ -3735,7 +3753,7 @@
|
||||
"lecture-understanding-how-to-work-with-classes-in-javascript": {
|
||||
"title": "Знайомство з класами в JavaScript",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про класи в JavaScript. Ви ознайомитеся з успадкуванням, ключовим словом <code>this</code>, статичними властивостями й методами та багато іншим."
|
||||
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-cart": {
|
||||
@@ -3772,7 +3790,7 @@
|
||||
"lecture-understanding-recursion-and-the-call-stack": {
|
||||
"title": "Знайомство з рекурсією та стеком викликів",
|
||||
"intro": [
|
||||
"У цій відеолекції ви дізнаєтесь про рекурсію та стек викликів."
|
||||
"In this lecture, you will learn about recursion and the call stack."
|
||||
]
|
||||
},
|
||||
"workshop-decimal-to-binary-converter": {
|
||||
@@ -3804,13 +3822,13 @@
|
||||
"lecture-understanding-functional-programming": {
|
||||
"title": "Знайомство з функціональним програмуванням",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про функціональне програмування і як вкладати функції за допомогою техніки під назвою каррування."
|
||||
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
|
||||
]
|
||||
},
|
||||
"workshop-recipe-ingredient-converter": {
|
||||
"title": "Створіть конвертер інгредієнтів",
|
||||
"intro": [
|
||||
"У попередніх відеолекціях ви дізнались основні поняття функціонального програмування і каррування.",
|
||||
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
|
||||
"Зараз ви зможете застосувати на практиці все те, що вивчили про каррування та функціональне програмування, створивши застосунок із конвертацією інгредієнтів."
|
||||
]
|
||||
},
|
||||
@@ -3836,7 +3854,7 @@
|
||||
"lecture-understanding-asynchronous-programming": {
|
||||
"title": "Знайомство з асинхронним програмуванням",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про асинхронне програмування в JavaScript. Ви дізнаєтесь про відмінності між синхронним і асинхронним програмуванням, як працює ключове слово <code>async</code>, <code>Fetch</code> API, проміси, <code>async/await</code>, <code>Geolocation</code> API та багато іншого."
|
||||
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
|
||||
]
|
||||
},
|
||||
"workshop-fcc-authors-page": {
|
||||
@@ -3883,13 +3901,13 @@
|
||||
"lecture-introduction-to-javascript-libraries-and-frameworks": {
|
||||
"title": "Вступ до бібліотек і фреймворків JavaScript",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви ознайомитесь з основами бібліотек та фреймворків JavaScript. Ви дізнаєтесь про ролі бібліотек і фреймворків JavaScript, застосунки з однією сторінкою (SPA) та проблеми, що їх супроводжують, а також про React — найпопулярнішу бібліотеку JavaScript."
|
||||
"In these lectures, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-mega-navbar": {
|
||||
"title": "Створіть Navbar, придатний для повторного використання",
|
||||
"intro": [
|
||||
"У попередніх відеолекціях ви навчилися працювати з компонентами в React.",
|
||||
"In the previous lectures, you learned how to work with components in React.",
|
||||
"У цьому практичному занятті ви створите компонент Navbar, придатний для повторного використання, за допомогою React."
|
||||
]
|
||||
},
|
||||
@@ -3902,7 +3920,7 @@
|
||||
"lecture-working-with-data-in-react": {
|
||||
"title": "Робота з даними в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви навчитесь працювати з даними в React. Ви дізнаєтесь про пропси і як їх передавати, умовне відтворення, як відтворювати списки та як використовувати вбудовані стилі."
|
||||
"In these lectures, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
|
||||
]
|
||||
},
|
||||
"workshop-reusable-profile-card-component": {
|
||||
@@ -3933,7 +3951,7 @@
|
||||
"lecture-working-with-state-and-responding-to-events-in-react": {
|
||||
"title": "Робота зі станом та відповідь на подію в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати зі станом та відповідати на подію в React."
|
||||
"In these lectures, you will learn about working with state and responding to events with React."
|
||||
]
|
||||
},
|
||||
"workshop-toggle-text-app": {
|
||||
@@ -3952,7 +3970,7 @@
|
||||
"lecture-understanding-effects-and-referencing-values-in-react": {
|
||||
"title": "Знайомство з ефектами та посиланнями на значення в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про ефекти та посилання на значення у React."
|
||||
"In these lectures, you will learn about effects and referencing values with React."
|
||||
]
|
||||
},
|
||||
"workshop-fruit-search-app": {
|
||||
@@ -3984,7 +4002,7 @@
|
||||
"lecture-working-with-forms-in-react": {
|
||||
"title": "Робота з формами в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з формами в React."
|
||||
"In these lectures, you will learn about working with forms in React."
|
||||
]
|
||||
},
|
||||
"workshop-superhero-application-form": {
|
||||
@@ -4003,7 +4021,7 @@
|
||||
"lecture-working-with-data-fetching-and-memoization-in-react": {
|
||||
"title": "Робота з обробкою даних та мемоїзацією в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про обробку даних та мемоїзацію в React."
|
||||
"In these lectures, you will learn about data fetching and memoization in React."
|
||||
]
|
||||
},
|
||||
"workshop-shopping-list-app": {
|
||||
@@ -4022,7 +4040,7 @@
|
||||
"lecture-routing-react-frameworks-and-dependency-management-tools": {
|
||||
"title": "Маршрутизація, фреймворки React і засоби управління залежностями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про маршрутизацію у React, фреймворки React і засоби управління залежностями."
|
||||
"In these lectures, you will learn about routing in React, React frameworks, and dependency management tools."
|
||||
]
|
||||
},
|
||||
"lab-tic-tac-toe": {
|
||||
@@ -4035,7 +4053,7 @@
|
||||
"lecture-react-strategies-and-debugging": {
|
||||
"title": "Стратегії та налагодження в React",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про різні стратегії і налагодження в React."
|
||||
"In these lectures, you will learn about different strategies and debugging in React."
|
||||
]
|
||||
},
|
||||
"review-react-forms-data-fetching-and-routing": {
|
||||
@@ -4054,7 +4072,7 @@
|
||||
"lecture-understanding-performance-in-web-applications": {
|
||||
"title": "Знайомство з продуктивністю у вебзастосунках",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про продуктивність у вебзастосунках."
|
||||
"In these lectures, you will learn performance in web applications."
|
||||
]
|
||||
},
|
||||
"review-web-performance": {
|
||||
@@ -4071,7 +4089,7 @@
|
||||
"lecture-working-with-css-libraries-and-frameworks": {
|
||||
"title": "Робота з бібліотеками та фреймворками CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з бібліотеками та фреймворками CSS."
|
||||
"In these lectures, you will learn how to work with CSS libraries and frameworks."
|
||||
]
|
||||
},
|
||||
"workshop-error-message-component": {
|
||||
@@ -4114,7 +4132,9 @@
|
||||
},
|
||||
"lecture-understanding-the-different-types-of-testing": {
|
||||
"title": "Знайомство з різними видами тестування",
|
||||
"intro": ["У цих відеолекціях ви дізнаєтесь про різні види тестування."]
|
||||
"intro": [
|
||||
"In these lectures, you will learn about the different types of testing."
|
||||
]
|
||||
},
|
||||
"review-testing": {
|
||||
"title": "Повторення тестування",
|
||||
@@ -4130,7 +4150,7 @@
|
||||
"lecture-introduction-to-typescript": {
|
||||
"title": "Вступ до TypeScript",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про TypeScript і як його використовувати."
|
||||
"In these lectures, you will learn what TypeScript is and how to use it."
|
||||
]
|
||||
},
|
||||
"trvf": {
|
||||
@@ -4181,7 +4201,7 @@
|
||||
"lecture-introduction-to-python": {
|
||||
"title": "Вступ до Python",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви ознайомитесь з основами Python. Ви дізнаєтесь про змінні, типи даних, оператори, потік керування, функції і багато іншого."
|
||||
"In these lectures, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
|
||||
]
|
||||
},
|
||||
"workshop-caesar-cipher": {
|
||||
@@ -4254,9 +4274,11 @@
|
||||
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
|
||||
]
|
||||
},
|
||||
"lab-placeholder-dictionaries-and-sets": {
|
||||
"title": "Placeholder - waiting for title",
|
||||
"intro": [""]
|
||||
"lab-user-configuration-manager": {
|
||||
"title": "Build a User Configuration Manager",
|
||||
"intro": [
|
||||
"In this lab, you will practice working with dictionaries in Python."
|
||||
]
|
||||
},
|
||||
"review-dictionaries-and-sets": {
|
||||
"title": "Повторення словників та наборів",
|
||||
@@ -4410,8 +4432,10 @@
|
||||
]
|
||||
},
|
||||
"lab-bisection-method": {
|
||||
"title": "Створіть метод бісекції",
|
||||
"intro": [""]
|
||||
"title": "Implement the Bisection Method",
|
||||
"intro": [
|
||||
"In this lab, you will implement the bisection method to find the square root of a number."
|
||||
]
|
||||
},
|
||||
"workshop-merge-sort": {
|
||||
"title": "Імплементуйте алгоритм сортування злиттям",
|
||||
@@ -4590,9 +4614,11 @@
|
||||
"title": "Тест «Скрипти Bash»",
|
||||
"intro": ["Перевірте, що ви дізнались про скрипти bash."]
|
||||
},
|
||||
"tkgg": {
|
||||
"title": "315",
|
||||
"intro": []
|
||||
"lecture-working-with-sql": {
|
||||
"title": "Working With SQL",
|
||||
"intro": [
|
||||
"In these lectures, you will learn about SQL injection, normalization, and the N+1 problem."
|
||||
]
|
||||
},
|
||||
"workshop-sql-student-database-part-1": {
|
||||
"title": "Створіть базу даних студентів: частина 1",
|
||||
|
||||
@@ -698,7 +698,7 @@
|
||||
"unfinished-certification-2": "Для отримання цієї сертифікації потрібно багато часу і зусиль. Якщо ви розпочнете зараз, то будете готові до екзамену як тільки ми його опублікуємо протягом найближчих місяців.",
|
||||
"consider-donating-2": "Якщо ви хочете пришвидшити створення цієї навчальної програми, <0>то можете стати донором нашої спільноти.</0>",
|
||||
"help-us-develop": "Допоможіть нам розробити безоплатні сертифікації з програмування.",
|
||||
"nicely-done": "Чудово. Ви щойно завершили {{block}}.",
|
||||
"nicely-done": "Вітаємо! Ви завершили розділ «{{block}}».",
|
||||
"credit-card": "Кредитна картка",
|
||||
"credit-card-2": "Або задонатьте кредитною карткою:",
|
||||
"or-card": "Або задонатьте карткою",
|
||||
|
||||
Reference in New Issue
Block a user