mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-04-18 19:00:54 -04:00
chore(i18n,client): processed translations (#57148)
This commit is contained in:
committed by
GitHub
parent
5270cb1288
commit
2675edbc65
@@ -1884,17 +1884,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1909,9 +1915,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1926,9 +1932,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1943,9 +1951,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1953,9 +1963,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1974,17 +1986,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -1999,9 +2017,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2022,14 +2042,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2049,6 +2071,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2072,6 +2100,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2098,9 +2132,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2118,7 +2154,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2127,9 +2164,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2157,9 +2196,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2185,6 +2226,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2210,9 +2257,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2228,7 +2277,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2237,9 +2287,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2255,7 +2307,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2264,9 +2317,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2284,7 +2339,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2293,9 +2349,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2311,7 +2369,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2320,9 +2379,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2335,9 +2396,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2355,9 +2418,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2402,17 +2467,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2427,9 +2492,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2443,9 +2510,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2454,9 +2523,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2470,9 +2541,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2486,9 +2559,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2500,9 +2575,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2516,9 +2593,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2804,17 +2883,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2836,9 +2917,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2926,9 +3010,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1884,17 +1884,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1909,9 +1915,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1926,9 +1932,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1943,9 +1951,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1953,9 +1963,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1974,17 +1986,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -1999,9 +2017,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2022,14 +2042,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2049,6 +2071,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2072,6 +2100,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2098,9 +2132,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2118,7 +2154,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2127,9 +2164,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2157,9 +2196,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2185,6 +2226,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2210,9 +2257,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2228,7 +2277,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2237,9 +2287,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2255,7 +2307,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2264,9 +2317,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2284,7 +2339,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2293,9 +2349,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2311,7 +2369,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2320,9 +2379,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2335,9 +2396,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2355,9 +2418,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2402,17 +2467,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2427,9 +2492,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2443,9 +2510,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2454,9 +2523,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2470,9 +2541,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2486,9 +2559,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2500,9 +2575,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2516,9 +2593,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2804,17 +2883,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2836,9 +2917,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2926,9 +3010,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1900,17 +1900,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1925,9 +1931,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1942,9 +1948,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1959,9 +1967,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1969,9 +1979,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1990,17 +2002,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2015,9 +2033,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2038,14 +2058,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2065,6 +2087,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2088,6 +2116,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2114,9 +2148,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2134,7 +2170,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2143,9 +2180,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2173,9 +2212,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2201,6 +2242,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2226,9 +2273,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2244,7 +2293,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2253,9 +2303,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2271,7 +2323,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2280,9 +2333,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2300,7 +2355,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2309,9 +2365,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2327,7 +2385,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2336,9 +2395,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2351,9 +2412,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2371,9 +2434,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2418,17 +2483,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2443,9 +2508,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2459,9 +2526,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2470,9 +2539,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2486,9 +2557,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2502,9 +2575,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2516,9 +2591,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2532,9 +2609,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2820,17 +2899,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2852,9 +2933,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2942,9 +3026,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1898,17 +1898,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Understanding Computer, Internet, and Tooling Basics",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about computer, internet, and tooling basics."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Working with File Systems",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with file systems."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Browsing the Web Effectively",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn how to browse the web effectively."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Computer Basics Review",
|
||||
@@ -1923,9 +1929,9 @@
|
||||
"Test what you've learned in this quiz of basic computer knowledge."
|
||||
]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "What Is CSS?",
|
||||
"intro": ["In these lecture videos, you will learn what CSS is."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Design a Cafe Menu",
|
||||
@@ -1940,9 +1946,11 @@
|
||||
"In this lab, you'll create a business card and style it using CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"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 cascade algorithm, and inheritance."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Basic CSS Review",
|
||||
@@ -1957,9 +1965,11 @@
|
||||
"Test what you've learned in this quiz of basic CSS knowledge."
|
||||
]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Styling Lists and Links",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about styling lists and links."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Build a Stylized To-Do List",
|
||||
@@ -1967,9 +1977,11 @@
|
||||
"In this lab, you'll build a To-Do list and apply different styles to the links"
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Working with Backgrounds and Borders",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with backgrounds and borders."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1988,17 +2000,23 @@
|
||||
"Test what you've learned in this quiz of backgrounds and borders in CSS."
|
||||
]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "User Interface Design Fundamentals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user interface design fundamentals."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "User-Centered Design",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about user-centered design."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Common Design Tools",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common design tools."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Design Fundamentals Review",
|
||||
@@ -2013,9 +2031,11 @@
|
||||
"Test what you've learned in this quiz of UI design fundamentals."
|
||||
]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Working with Relative and Absolute Units",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with relative and absolute units."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Build an Event Flyer Page",
|
||||
@@ -2036,14 +2056,16 @@
|
||||
"Test what you've learned in this quiz of relative and absolute units in CSS."
|
||||
]
|
||||
},
|
||||
"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 working with pseudo-classes and pseudo-elements in CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Build a Job Application Form",
|
||||
"intro": [
|
||||
@@ -2063,6 +2085,12 @@
|
||||
"Test what you've learned in this quiz of pseudo-classes in CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Working with Colors in CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with colors in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Build a Set of Colored Markers",
|
||||
"intro": [
|
||||
@@ -2086,6 +2114,12 @@
|
||||
"Test what you've learned in this quiz of using colors in CSS."
|
||||
]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Design a Registration Form",
|
||||
"intro": [
|
||||
@@ -2112,9 +2146,11 @@
|
||||
"Test what you've learned in this quiz of how to style forms using CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Design a Rothko Painting",
|
||||
@@ -2132,7 +2168,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "CSS Layouts and Effects Review",
|
||||
"intro": [
|
||||
"Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
|
||||
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2141,9 +2178,11 @@
|
||||
"Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Working with CSS Flexbox",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Build a Flexbox Photo Gallery",
|
||||
@@ -2171,9 +2210,11 @@
|
||||
"Test what you've learned in this quiz of using flexbox in CSS."
|
||||
]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Working with CSS Fonts",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS fonts."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Build a Nutritional Label",
|
||||
@@ -2199,6 +2240,12 @@
|
||||
"title": "CSS Typography Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of typography in CSS."]
|
||||
},
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Build a Quiz Webpage",
|
||||
"intro": [
|
||||
@@ -2224,9 +2271,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage accessible with CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Working with Attribute Selectors",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with attribute selectors."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Build a Balance Sheet",
|
||||
@@ -2242,7 +2291,8 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "CSS Attribute Selectors Review",
|
||||
"intro": [
|
||||
"Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
@@ -2251,9 +2301,11 @@
|
||||
"Test what you've learned in this quiz of using attribute selectors in CSS."
|
||||
]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"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 about how to work with floats and positioning in CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Build a Cat Painting",
|
||||
@@ -2269,7 +2321,8 @@
|
||||
"review-css-positioning": {
|
||||
"title": "CSS Positioning Review",
|
||||
"intro": [
|
||||
"Review the CSS Positioning concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
@@ -2278,9 +2331,11 @@
|
||||
"Test what you've learned in this quiz of how positioning works in CSS."
|
||||
]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Design a Piano",
|
||||
@@ -2298,7 +2353,8 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Responsive Web Design Review",
|
||||
"intro": [
|
||||
"Review the Responsive Web Design concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of responsive design, you first need to review.",
|
||||
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
@@ -2307,9 +2363,11 @@
|
||||
"Test what you've learned in this quiz of making your webpage responsive."
|
||||
]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Working with CSS Variables",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS variables."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Build a City Skyline",
|
||||
@@ -2325,7 +2383,8 @@
|
||||
"review-css-variables": {
|
||||
"title": "CSS Variables Review",
|
||||
"intro": [
|
||||
"Review the CSS Variables concepts to prepare for the upcoming quiz."
|
||||
"Before you are quizzed on the fundamentals of CSS variables, you first need to review.",
|
||||
"Open up this page to review how to work with CSS custom properties(CSS variables) and the <code>@property</code> rule."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
@@ -2334,9 +2393,11 @@
|
||||
"Test what you've learned in this quiz of how using variables in CSS."
|
||||
]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Working with CSS Grid",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with CSS grid."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Build a Magazine",
|
||||
@@ -2349,9 +2410,11 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Debugging CSS",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about debugging CSS."
|
||||
]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Build a Product Landing Page",
|
||||
@@ -2369,9 +2432,11 @@
|
||||
"title": "CSS Grid Quiz",
|
||||
"intro": ["Test what you've learned in this quiz of using grid in CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Animations and Accessibility",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about animations and accessibility."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2416,17 +2481,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Build a Greeting Bot",
|
||||
@@ -2441,9 +2506,11 @@
|
||||
"In this lab, you will practice working with JavaScript variables and strings by building a trivia bot."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "JavaScript Variables and Data Types Review",
|
||||
@@ -2457,9 +2524,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Variables and Data Types."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Build a Teacher Chatbot",
|
||||
@@ -2468,9 +2537,11 @@
|
||||
"You will learn how to work with template literals, and the <code>indexOf</code> method."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "JavaScript Strings Review",
|
||||
@@ -2484,9 +2555,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Strings."
|
||||
]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Build a Mathbot",
|
||||
@@ -2500,9 +2573,11 @@
|
||||
"In this lab, you will build a fortune teller by randomly selecting a fortune from the avaialble fortunes."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "JavaScript Math Review",
|
||||
@@ -2514,9 +2589,11 @@
|
||||
"title": "JavaScript Math Quiz",
|
||||
"intro": ["Test what you've learned in this quiz on JavaScript Math."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "JavaScript Comparisons and Conditionals Review",
|
||||
@@ -2530,9 +2607,11 @@
|
||||
"Test what you've learned in this quiz on JavaScript Comparisons and Conditionals."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Build a Calculator",
|
||||
@@ -2818,17 +2897,19 @@
|
||||
"Test what you've learned in this quiz on Debugging JavaScript."
|
||||
]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Build a Markdown to HTML Converter",
|
||||
"intro": [
|
||||
"For this lab, you will build a Markdown to HTML converter using JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Build a RegEx Sandbox",
|
||||
@@ -2850,9 +2931,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2940,9 +3024,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Build a Bookmark Manager App",
|
||||
|
||||
@@ -1892,17 +1892,23 @@
|
||||
"title": "30",
|
||||
"intro": []
|
||||
},
|
||||
"joim": {
|
||||
"title": "31",
|
||||
"intro": []
|
||||
"lecture-understanding-computer-internet-and-tooling-basics": {
|
||||
"title": "Основи комп’ютера, інтернету та інструментів",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про комп’ютер, інтернет та різні інструменти."
|
||||
]
|
||||
},
|
||||
"gvtb": {
|
||||
"title": "32",
|
||||
"intro": []
|
||||
"lecture-working-with-file-systems": {
|
||||
"title": "Робота з файловими системами",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з файловими системами."
|
||||
]
|
||||
},
|
||||
"cqhu": {
|
||||
"title": "33",
|
||||
"intro": []
|
||||
"lecture-browsing-the-web-effectively": {
|
||||
"title": "Ефективне користування мережею",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як ефективно працювати з мережею."
|
||||
]
|
||||
},
|
||||
"review-computer-basics": {
|
||||
"title": "Повторення основ комп’ютера",
|
||||
@@ -1915,9 +1921,9 @@
|
||||
"title": "Тест «Основи комп’ютера»",
|
||||
"intro": ["Перевірте, що ви дізнались про основи комп'ютера."]
|
||||
},
|
||||
"dxpc": {
|
||||
"title": "36",
|
||||
"intro": []
|
||||
"lecture-what-is-css": {
|
||||
"title": "Що таке CSS?",
|
||||
"intro": ["У цих відеолекціях ви дізнаєтесь про CSS."]
|
||||
},
|
||||
"workshop-cafe-menu": {
|
||||
"title": "Розробіть меню для кафе",
|
||||
@@ -1932,9 +1938,11 @@
|
||||
"У цій лабораторній роботі ви створите візитівку та стилізуєте її за допомогою CSS."
|
||||
]
|
||||
},
|
||||
"gnuk": {
|
||||
"title": "39",
|
||||
"intro": []
|
||||
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
|
||||
"title": "Специфічність, алгоритм каскаду та успадкування в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про специфічність, алгоритм каскаду та успадкування в CSS."
|
||||
]
|
||||
},
|
||||
"review-basic-css": {
|
||||
"title": "Повторення основ CSS",
|
||||
@@ -1947,9 +1955,11 @@
|
||||
"title": "Тест «Основи CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про основи CSS."]
|
||||
},
|
||||
"sdul": {
|
||||
"title": "42",
|
||||
"intro": []
|
||||
"lecture-styling-lists-and-links": {
|
||||
"title": "Стилізація списків і посилань",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про стилізацію списків і посилань."
|
||||
]
|
||||
},
|
||||
"lab-stylized-to-do-list": {
|
||||
"title": "Створіть стилізований список справ",
|
||||
@@ -1957,9 +1967,11 @@
|
||||
"У цій лабораторній роботі ви створите список справ, які потрібно виконати, та застосуєте різні стилі до посилань."
|
||||
]
|
||||
},
|
||||
"humj": {
|
||||
"title": "44",
|
||||
"intro": []
|
||||
"lecture-working-with-backgrounds-and-borders": {
|
||||
"title": "Робота з фоном і кордоном",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з фоном і кордоном."
|
||||
]
|
||||
},
|
||||
"pahx": {
|
||||
"title": "45",
|
||||
@@ -1976,17 +1988,23 @@
|
||||
"title": "Тест «Фони та кордони в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про фони та кордони в CSS."]
|
||||
},
|
||||
"ljmt": {
|
||||
"title": "48",
|
||||
"intro": []
|
||||
"lecture-user-interface-design-fundamentals": {
|
||||
"title": "Основи UI дизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про основи дизайну інтерфейсу користувача."
|
||||
]
|
||||
},
|
||||
"lxpk": {
|
||||
"title": "49",
|
||||
"intro": []
|
||||
"lecture-user-centered-design": {
|
||||
"title": "Дизайн, орієнтований на користувача",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про дизайн, орієнтований на користувача."
|
||||
]
|
||||
},
|
||||
"lzqy": {
|
||||
"title": "50",
|
||||
"intro": []
|
||||
"lecture-common-design-tools": {
|
||||
"title": "Поширені інструменти дизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про поширені інструменти дизайну."
|
||||
]
|
||||
},
|
||||
"review-design-fundamentals": {
|
||||
"title": "Повторення основ дизайну",
|
||||
@@ -1999,9 +2017,11 @@
|
||||
"title": "Тест «Основи дизайну»",
|
||||
"intro": ["Перевірте, що ви дізнались про основи дизайну UI."]
|
||||
},
|
||||
"bgrw": {
|
||||
"title": "53",
|
||||
"intro": []
|
||||
"lecture-working-with-relative-and-absolute-units": {
|
||||
"title": "Робота з відносними й абсолютними одиницями",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з відносними й абсолютними одиницями."
|
||||
]
|
||||
},
|
||||
"lab-event-flyer-page": {
|
||||
"title": "Створіть запрошення на подію",
|
||||
@@ -2022,14 +2042,16 @@
|
||||
"Перевірте, що ви дізнались про відносні та абсолютні одиниці в CSS."
|
||||
]
|
||||
},
|
||||
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
|
||||
"title": "Робота з псевдокласами та псевдоелементами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з псевдокласами й псевдоелементами в CSS."
|
||||
]
|
||||
},
|
||||
"ohhu": {
|
||||
"title": "58",
|
||||
"intro": []
|
||||
},
|
||||
"syga": {
|
||||
"title": "59",
|
||||
"intro": []
|
||||
},
|
||||
"lab-job-application-form": {
|
||||
"title": "Створіть форму на працевлаштування",
|
||||
"intro": [
|
||||
@@ -2047,6 +2069,12 @@
|
||||
"title": "Тест «Псевдокласи в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про псевдокласи в CSS."]
|
||||
},
|
||||
"lecture-working-with-colors-in-css": {
|
||||
"title": "Робота з кольорами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з кольорами в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-colored-markers": {
|
||||
"title": "Створіть набір кольорових маркерів",
|
||||
"intro": [
|
||||
@@ -2068,6 +2096,12 @@
|
||||
"title": "Тест «Кольори в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про використання кольорів у CSS."]
|
||||
},
|
||||
"lecture-best-practices-for-styling-forms": {
|
||||
"title": "Найкращі практики стилізації форм",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики стилізації форм."
|
||||
]
|
||||
},
|
||||
"workshop-registration-form": {
|
||||
"title": "Створіть реєстраційну форму",
|
||||
"intro": [
|
||||
@@ -2094,9 +2128,11 @@
|
||||
"Перевірте, що ви дізнались про стилізацію форм за допомогою CSS."
|
||||
]
|
||||
},
|
||||
"woza": {
|
||||
"title": "72",
|
||||
"intro": []
|
||||
"lecture-working-with-css-transforms-overflow-and-filters": {
|
||||
"title": "Робота з трансформаціями, переповненням і ефектами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з трансформаціями, переповненням і ефектами в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-rothko-painting": {
|
||||
"title": "Створіть картину Ротко",
|
||||
@@ -2114,7 +2150,8 @@
|
||||
"review-css-layout-and-effects": {
|
||||
"title": "Повторення макетів та ефектів у CSS",
|
||||
"intro": [
|
||||
"Пригадайте поняття з теми «Макети та ефекти в CSS», щоб підготуватись до тесту."
|
||||
"Перш ніж перейти до тесту «Макети та ефекти в CSS», повторіть основні поняття.",
|
||||
"Відкрийте цю сторінку, щоб пригадати властивість <code>transform</code>, блокову модель, властивість <code>overflow</code> та багато іншого."
|
||||
]
|
||||
},
|
||||
"quiz-css-layout-and-effects": {
|
||||
@@ -2123,9 +2160,11 @@
|
||||
"Перевірте, що ви дізнались про блокову модель, трансформації, фільтри та переповнення в CSS."
|
||||
]
|
||||
},
|
||||
"ujaf": {
|
||||
"title": "77",
|
||||
"intro": []
|
||||
"lecture-working-with-css-flexbox": {
|
||||
"title": "Робота з CSS Flexbox",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з CSS flexbox."
|
||||
]
|
||||
},
|
||||
"workshop-flexbox-photo-gallery": {
|
||||
"title": "Створіть фотогалерею із Flexbox",
|
||||
@@ -2151,9 +2190,11 @@
|
||||
"title": "Тест «CSS Flexbox»",
|
||||
"intro": ["Перевірте, що ви дізнались про flexbox у CSS."]
|
||||
},
|
||||
"ujcf": {
|
||||
"title": "82",
|
||||
"intro": []
|
||||
"lecture-working-with-css-fonts": {
|
||||
"title": "Робота з шрифтами в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з шрифтами в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-nutritional-label": {
|
||||
"title": "Створіть харчову етикетку",
|
||||
@@ -2179,6 +2220,12 @@
|
||||
"title": "Тест «Типографія в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про типографію в CSS."]
|
||||
},
|
||||
"lecture-best-practices-for-accessibility-and-css": {
|
||||
"title": "Найкращі практики доступності й CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики доступності в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-accessibility-quiz": {
|
||||
"title": "Створіть сторінку з вікториною",
|
||||
"intro": [
|
||||
@@ -2204,9 +2251,11 @@
|
||||
"Перевірте, що ви дізнались про доступність вебсторінок за допомогою CSS."
|
||||
]
|
||||
},
|
||||
"haje": {
|
||||
"title": "92",
|
||||
"intro": []
|
||||
"lecture-working-with-attribute-selectors": {
|
||||
"title": "Робота з селекторами атрибутів",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з селекторами атрибутів."
|
||||
]
|
||||
},
|
||||
"workshop-balance-sheet": {
|
||||
"title": "Створіть бухгалтерський баланс",
|
||||
@@ -2224,16 +2273,19 @@
|
||||
"review-css-attribute-selectors": {
|
||||
"title": "Повторення селекторів атрибутів у CSS",
|
||||
"intro": [
|
||||
"Пригадайте поняття з теми «Селектори атрибутів у CSS», щоб підготуватись до тесту."
|
||||
"Before you are quizzed on the fundamentals of CSS attribute selectors, you first need to review.",
|
||||
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-css-attribute-selectors": {
|
||||
"title": "Тест «Селектори атрибутів у CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про селектори атрибутів у CSS."]
|
||||
},
|
||||
"rxzq": {
|
||||
"title": "97",
|
||||
"intro": []
|
||||
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
|
||||
"title": "Робота з вирівнюванням й позиціюванням в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з вирівнюванням й позиціюванням у CSS."
|
||||
]
|
||||
},
|
||||
"workshop-cat-painting": {
|
||||
"title": "Створіть малюнок кота",
|
||||
@@ -2251,16 +2303,19 @@
|
||||
"review-css-positioning": {
|
||||
"title": "Повторення позиціювання в CSS",
|
||||
"intro": [
|
||||
"Пригадайте поняття з теми «Позиціювання в CSS», щоб підготуватись до тесту."
|
||||
"Before you are quizzed on the fundamentals of CSS positioning concepts, you first need to review.",
|
||||
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
|
||||
]
|
||||
},
|
||||
"quiz-css-positioning": {
|
||||
"title": "Тест «Позиціювання в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про позиціювання в CSS."]
|
||||
},
|
||||
"jkdu": {
|
||||
"title": "102",
|
||||
"intro": []
|
||||
"lecture-best-practices-for-responsive-web-design": {
|
||||
"title": "Найкращі практики адаптивного вебдизайну",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про найкращі практики адаптивного вебдизайну."
|
||||
]
|
||||
},
|
||||
"workshop-piano": {
|
||||
"title": "Розробіть піаніно",
|
||||
@@ -2278,16 +2333,19 @@
|
||||
"review-responsive-web-design": {
|
||||
"title": "Повторення адаптивного вебдизайну",
|
||||
"intro": [
|
||||
"Пригадайте поняття з теми «Адаптивний вебдизайн», щоб підготуватись до тесту."
|
||||
"Перш ніж перейти до тесту «Адаптивний вебдизайн», повторіть основні поняття.",
|
||||
"Відкрийте цю сторінку, щоб пригадати медіазапити, точки зупинки та принцип mobile first."
|
||||
]
|
||||
},
|
||||
"quiz-responsive-web-design": {
|
||||
"title": "Тест «Адаптивний вебдизайн»",
|
||||
"intro": ["Перевірте, що ви дізнались про адаптацію вебсторінок."]
|
||||
},
|
||||
"vlov": {
|
||||
"title": "107",
|
||||
"intro": []
|
||||
"lecture-working-with-css-variables": {
|
||||
"title": "Робота зі змінними в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати зі змінними в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-city-skyline": {
|
||||
"title": "Створіть панораму міста",
|
||||
@@ -2305,16 +2363,19 @@
|
||||
"review-css-variables": {
|
||||
"title": "Повторення змінних в CSS",
|
||||
"intro": [
|
||||
"Пригадайте поняття з теми «Змінні в CSS», щоб підготуватись до тесту."
|
||||
"Перш ніж перейти до тесту «Змінні в CSS», повторіть основні поняття.",
|
||||
"Відкрийте цю сторінку, щоб пригадати, як працювати з власними CSS-властивостями (CSS-змінними) та директивою <code>@property</code>."
|
||||
]
|
||||
},
|
||||
"quiz-css-variables": {
|
||||
"title": "Тест «Змінні в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про використання змінних в CSS."]
|
||||
},
|
||||
"nsia": {
|
||||
"title": "112",
|
||||
"intro": []
|
||||
"lecture-working-with-css-grid": {
|
||||
"title": "Робота з сіткою в CSS",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь, як працювати з сіткою в CSS."
|
||||
]
|
||||
},
|
||||
"workshop-magazine": {
|
||||
"title": "Створіть журнал",
|
||||
@@ -2327,9 +2388,9 @@
|
||||
"title": "114",
|
||||
"intro": []
|
||||
},
|
||||
"harp": {
|
||||
"title": "115",
|
||||
"intro": []
|
||||
"lecture-debugging-css": {
|
||||
"title": "Налагодження CSS",
|
||||
"intro": ["У цих відеолекціях ви дізнаєтесь про налагодження CSS."]
|
||||
},
|
||||
"lab-product-landing-page": {
|
||||
"title": "Створіть посадкову сторінку продукту",
|
||||
@@ -2347,9 +2408,11 @@
|
||||
"title": "Тест «Сітка в CSS»",
|
||||
"intro": ["Перевірте, що ви дізнались про використання сітки в CSS."]
|
||||
},
|
||||
"dora": {
|
||||
"title": "119",
|
||||
"intro": []
|
||||
"lecture-animations-and-accessibility": {
|
||||
"title": "Анімація та доступність",
|
||||
"intro": [
|
||||
"У цих відеолекціях ви дізнаєтесь про анімацію та доступність."
|
||||
]
|
||||
},
|
||||
"dpaq": {
|
||||
"title": "120",
|
||||
@@ -2392,17 +2455,17 @@
|
||||
"title": "127",
|
||||
"intro": []
|
||||
},
|
||||
"uquz": {
|
||||
"title": "128",
|
||||
"intro": []
|
||||
"lecture-working-with-code-editors-and-ides": {
|
||||
"title": "Working with Code Editors and IDE's",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with code editors and IDE's."
|
||||
]
|
||||
},
|
||||
"kdgd": {
|
||||
"title": "129",
|
||||
"intro": []
|
||||
},
|
||||
"wryp": {
|
||||
"title": "130",
|
||||
"intro": []
|
||||
"lecture-introduction-to-javascript": {
|
||||
"title": "Introduction to JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will get a basic introduction to JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-greeting-bot": {
|
||||
"title": "Створіть вітального бота",
|
||||
@@ -2417,9 +2480,11 @@
|
||||
"У цій лабораторній роботі ви попрактикуєтесь працювати зі змінними та рядками JavaScript, створивши бот з вікториною."
|
||||
]
|
||||
},
|
||||
"dthi": {
|
||||
"title": "132",
|
||||
"intro": []
|
||||
"lecture-working-with-data-types": {
|
||||
"title": "Working with Data Types",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about data types in JavaScript."
|
||||
]
|
||||
},
|
||||
"review-javascript-variables-and-data-types": {
|
||||
"title": "Повторення змінних та типів даних в JavaScript",
|
||||
@@ -2433,9 +2498,11 @@
|
||||
"Перевірте, що ви дізнались про змінні та типи даних в JavaScript."
|
||||
]
|
||||
},
|
||||
"hoec": {
|
||||
"title": "135",
|
||||
"intro": []
|
||||
"lecture-working-with-strings-in-javascript": {
|
||||
"title": "Working with Strings in JavaScript",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with strings in JavaScript."
|
||||
]
|
||||
},
|
||||
"workshop-teacher-chatbot": {
|
||||
"title": "Створіть вчителя-бота",
|
||||
@@ -2444,9 +2511,11 @@
|
||||
"Ви навчитеся працювати з шаблонними літерами та методом <code>indexOf</code>."
|
||||
]
|
||||
},
|
||||
"axgb": {
|
||||
"title": "137",
|
||||
"intro": []
|
||||
"lecture-working-with-common-string-methods": {
|
||||
"title": "Working with Common String Methods",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about common String methods."
|
||||
]
|
||||
},
|
||||
"review-javascript-strings": {
|
||||
"title": "Повторення рядків у JavaScript",
|
||||
@@ -2458,9 +2527,11 @@
|
||||
"title": "Тест «Рядки в JavaScript»",
|
||||
"intro": ["Перевірте, що ви дізнались про рядки в JavaScript."]
|
||||
},
|
||||
"hxwa": {
|
||||
"title": "140",
|
||||
"intro": []
|
||||
"lecture-working-with-numbers-booleans-and-the-math-object": {
|
||||
"title": "Working with Numbers, Booleans, and the Math Object",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about numbers, booleans, and the Math Object."
|
||||
]
|
||||
},
|
||||
"workshop-mathbot": {
|
||||
"title": "Створіть математичний бот",
|
||||
@@ -2474,9 +2545,11 @@
|
||||
"У цій лабораторній роботі ви створите генератор передбачень, де користувач випадково обиратиме передбачення зі всіх доступних."
|
||||
]
|
||||
},
|
||||
"wfyg": {
|
||||
"title": "143",
|
||||
"intro": []
|
||||
"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."
|
||||
]
|
||||
},
|
||||
"review-javascript-math": {
|
||||
"title": "Повторення математики в JavaScript",
|
||||
@@ -2488,9 +2561,11 @@
|
||||
"title": "Тест «Математика в JavaScript»",
|
||||
"intro": ["Перевірте, що ви дізнались про математику в JavaScript."]
|
||||
},
|
||||
"hafd": {
|
||||
"title": "146",
|
||||
"intro": []
|
||||
"lecture-understanding-comparisons-and-conditionals": {
|
||||
"title": "Understanding Comparisons and Conditionals",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about comparisons and conditionals."
|
||||
]
|
||||
},
|
||||
"review-javascript-comparisons-and-conditionals": {
|
||||
"title": "Повторення порівняння та умов у JavaScript",
|
||||
@@ -2504,9 +2579,11 @@
|
||||
"Перевірте, що ви дізнались про порівняння та умови в JavaScript."
|
||||
]
|
||||
},
|
||||
"tsdq": {
|
||||
"title": "149",
|
||||
"intro": []
|
||||
"lecture-working-with-functions": {
|
||||
"title": "Working with Functions",
|
||||
"intro": [
|
||||
"In these lecture videos, you will learn about working with functions."
|
||||
]
|
||||
},
|
||||
"workshop-calculator": {
|
||||
"title": "Створіть калькулятор",
|
||||
@@ -2790,17 +2867,19 @@
|
||||
"title": "Тест «Налагодження JavaScript»",
|
||||
"intro": ["Перевірте, що ви дізнались про налагодження JavaScript."]
|
||||
},
|
||||
"dqth": {
|
||||
"ilop": {
|
||||
"title": "205",
|
||||
"intro": []
|
||||
},
|
||||
"ilop": {
|
||||
"dqth": {
|
||||
"title": "206",
|
||||
"intro": []
|
||||
},
|
||||
"qrer": {
|
||||
"title": "207",
|
||||
"intro": []
|
||||
"lab-markdown-to-html-converter": {
|
||||
"title": "Створіть конвертер з markdown у HTML",
|
||||
"intro": [
|
||||
"У цій лабораторній роботі ви створите конвертер з markdown у HTML за допомогою JavaScript."
|
||||
]
|
||||
},
|
||||
"lab-regex-sandbox": {
|
||||
"title": "Створіть пісочницю для регулярних виразів",
|
||||
@@ -2824,9 +2903,12 @@
|
||||
"title": "211",
|
||||
"intro": []
|
||||
},
|
||||
"hhvp": {
|
||||
"title": "212",
|
||||
"intro": []
|
||||
"workshop-calorie-counter": {
|
||||
"title": "Build a Calorie Counter",
|
||||
"intro": [
|
||||
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
|
||||
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
|
||||
]
|
||||
},
|
||||
"egkv": {
|
||||
"title": "213",
|
||||
@@ -2912,9 +2994,12 @@
|
||||
"title": "230",
|
||||
"intro": []
|
||||
},
|
||||
"fgb1": {
|
||||
"title": "231",
|
||||
"intro": []
|
||||
"workshop-todo-app": {
|
||||
"title": "Build a Todo App using Local Storage",
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
|
||||
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
|
||||
]
|
||||
},
|
||||
"lab-bookmark-manager-app": {
|
||||
"title": "Створіть менеджера закладок",
|
||||
|
||||
@@ -780,7 +780,7 @@
|
||||
"heart": "Серце",
|
||||
"initial": "Початковий",
|
||||
"input-reset": "Очистити пошукові запити",
|
||||
"input-search": "Submit search terms",
|
||||
"input-search": "Надіслати пошукові запити",
|
||||
"info": "Інформація",
|
||||
"spacer": "Роздільник",
|
||||
"toggle": "Перемкнути галочку",
|
||||
|
||||
Reference in New Issue
Block a user