gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
5b045aa1748e72fdd248949accfdf631247cc8c6
freeCodeCamp/client/i18n/locales/italian/intro.json
T
freeCodeCamp's Camper Bot 5b045aa174 chore(i18n,client): processed translations (#62551)
2025-10-06 15:41:33 +02:00

6397 lines
332 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"responsive-web-design": {
"title": "Sfide del Web Design Responsivo Legacy",
"intro": [
"In questo corso di Web Design Responsivo conoscerai i linguaggi usati per costruire le pagine web: HTML (Hypertext Markup Language) per il contenuto, e CSS (Cascade Style Sheets) per il design.",
"Per prima cosa, costruirai un'app di foto per gatti per imparare le basi di HTML e CSS. Poi apprenderai tecniche più moderne come le variabili in CSS costruendo un pinguino, e le migliori pratiche per l'accessibilità costruendo un modulo web.",
"Infine, imparerai a realizzare pagine web adattabili a diverse misure di schermo costruendo una card Twitter con Flexbox, e un complesso layout per blog con CSS Grid."
],
"note": "Nota: Alcune estensioni del browser, come ad esempio gli ad-blocker e le estensioni per la modalità scura, possono interferire con i test. In caso di problemi, ti consigliamo di disabilitare le estensioni che modificano il contenuto o il layout delle pagine durante il corso.",
"blocks": {
"basic-html-and-html5": {
"title": "HTML Base e HTML5",
"intro": [
"HTML è un linguaggio di markup che utilizza una sintassi o notazione speciale che descrive la struttura di una pagina web al browser. Gli elementi HTML solitamente hanno un tag di apertura e di chiusura che danno significato al contenuto in essi racchiuso. Per esempio, diversi elementi possono descrivere il testo come un titolo, un paragrafo o la voce di una lista.",
"In questo corso, costruirai un'app per foto di gatti per imparare a usare alcuni dei più comuni elementi HTML — i mattoni di ogni pagina web."
]
},
"basic-css": {
"title": "CSS Base",
"intro": [
"CSS o Cascading Style Sheet, dice al browser come disporre il testo e altri contenuti che hai scritto in HTML. Con CSS, puoi controllare il colore, font, dimensione, spaziatura e molti altri aspetti degli elementi HTML.",
"Ora che hai descritto la struttura della tua app di foto di gatti, dalle un po' di stile con CSS."
]
},
"applied-visual-design": {
"title": "Visual Design Applicato",
"intro": [
"Il visual design combina tipografia, teoria del colore, grafica, animazione, layout della pagina, e altro per aiutarti a esprimere il tuo messaggio in maniera unica.",
"In questo corso imparerai ad applicare questi diversi elementi di visual design alla tua pagina web."
]
},
"applied-accessibility": {
"title": "Accessibilità Applicata",
"intro": [
"Nello sviluppo web, con accessibilità ci si riferisce al contenuto web e all'UI (User Interface, cioè interfaccia utente) che deve essere comprensibile, navigabile e interattiva per una grande varietà di utenti. Questo include persone con disabilità visive, uditive, motorie o cognitive.",
"In questo corso imparerai le migliori pratiche per costruire pagine web accessibili a tutti."
]
},
"responsive-web-design-principles": {
"title": "Principi di Web Design Responsivo",
"intro": [
"Ci sono molti dispositivi che possono accedere al web, di tutte le forme e dimensioni. Il Web design responsivo è la pratica di creare design flessibili per siti web che possano adattarsi alle diverse dimensioni, orientazioni e risoluzioni degli schermi.",
"In questo corso, imparerai come utilizzare CSS per rendere più belle le tue pagine web, a prescindere dal dispositivo utilizzato per accedervi."
]
},
"css-flexbox": {
"title": "CSS Flexbox",
"intro": [
"Flexbox è un metodo di layout potente e ben supportato che è stato introdotto con l'ultima versione di CSS: CSS3. Con flexbox, è facile centrare gli elementi nella pagina e creare interfacce utente dinamiche che si rimpiccioliscono e si espandono automaticamente.",
"In questo corso, imparerai le basi di flexbox e dei layout dinamici costruendo una card di Twitter."
]
},
"css-grid": {
"title": "CSS Grid",
"intro": [
"CSS grid, o griglia CSS, è un nuovo standard che rende facile costruire layout responsivi complessi. Funziona trasformando un elemento HTML in una griglia, lasciandoti inserire elementi figli ovunque al suo interno.",
"In questo corso imparerai le basi della griglia CSS costruendo vari layout complessi, incluso un blog."
]
}
}
},
"2022/responsive-web-design": {
"title": "Web Design Responsivo",
"intro": [
"In questo corso certificato di Web Design Responsivo imparerai i linguaggi che gli sviluppatori utilizzano per creare le pagine web. HTML (Hypertext Markup Language) per i contenuti e CSS (Cascading Style Sheets) per il design.",
"Per prima cosa, costruirai un'app con foto di gatti per imparare le basi di HTML e CSS. Poi apprenderai tecniche più moderne come le variabili in CSS costruendo un pinguino, e le migliori pratiche per l'accessibilità costruendo un quiz.",
"Infine, imparerai a realizzare pagine web adattabili a diverse misure di schermo costruendo una galleria di foto con Flexbox e il layout di un articolo di rivista con CSS Grid."
],
"note": "Nota: Alcune estensioni del browser, come ad esempio gli ad-blocker e le estensioni per la modalità scura, possono interferire con i test. In caso di problemi, ti consigliamo di disabilitare le estensioni che modificano il contenuto o il layout delle pagine durante il corso.",
"blocks": {
"build-a-tribute-page-project": {
"title": "Pagina Tributo",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai una pagina tributo per un soggetto di tua scelta, immaginario o reale."
]
},
"build-a-personal-portfolio-webpage-project": {
"title": "Pagina web portfolio personale",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai la tua pagina del portfolio personale."
]
},
"build-a-product-landing-page-project": {
"title": "Landing page di un prodotto",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai una landing page per commercializzare un prodotto di tua scelta."
]
},
"build-a-survey-form-project": {
"title": "Modulo di sondaggio",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, creerai un modulo di sondaggio per raccogliere dati dai tuoi utenti."
]
},
"build-a-technical-documentation-page-project": {
"title": "Pagina di documentazione tecnica",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, si costruirà una pagina di documentazione tecnica che fungerà da istruzioni o riferimento per un argomento."
]
},
"learn-html-by-building-a-cat-photo-app": {
"title": "Impara l’HTML progettando una app per foto di gatti",
"intro": [
"I tag HTML danno a una pagina web la sua struttura. Puoi usare tag HTML per aggiungere foto, pulsanti e altri elementi alla tua pagina web.",
"In questo corso, imparerai i tag HTML più comuni costruendo la tua app con foto di gatti."
]
},
"learn-basic-css-by-building-a-cafe-menu": {
"title": "Impara le basi del CCS realizzando il menù di un bar",
"intro": [
"CSS dice al browser come visualizzare la tua pagina web. Puoi usare CSS per impostare il colore, il carattere, la dimensione e altri aspetti degli elementi HTML.",
"In questo corso, imparerai CSS progettando una pagina del menu per la pagina web di un bar."
]
},
"learn-the-css-box-model-by-building-a-rothko-painting": {
"title": "Impara il Box Model CSS realizzando un dipinto di Rothko",
"intro": [
"Ogni elemento HTML costituisce una scatola – con la propria spaziatura e un bordo. Questo si chiama Box Model (o modello a scatola).",
"In questo corso, userai CSS e il Box Model per creare i tuoi pezzi d'arte rettangolari in stile Rothko."
]
},
"learn-css-variables-by-building-a-city-skyline": {
"title": "Impara le variabili CSS costruendo lo skyline di una città",
"intro": [
"Le variabili CSS ti aiutano a organizzare i tuoi stili e a riutilizzarli.",
"In questo corso, costruirai uno skyline della città. Imparerai come configurare le variabili CSS in modo da poterle riutilizzare ogni volta che vuoi."
]
},
"learn-html-forms-by-building-a-registration-form": {
"title": "Impara i moduli HTML realizzando un modulo di registrazione",
"intro": [
"Puoi utilizzare moduli HTML per raccogliere informazioni da persone che visitano la tua pagina web.",
"In questo corso, imparerai i moduli HTML costruendo una pagina di registrazione. Imparerai come controllare i tipi di dati che le persone possono digitare nel tuo modulo e alcuni nuovi strumenti CSS per impostare lo stile della tua pagina."
]
},
"learn-accessibility-by-building-a-quiz": {
"title": "Impara l'accessibilità realizzando un Quiz",
"intro": [
"L'accessibilità rende la tua pagina web facile da usare per tutte le persone – anche le persone con disabilità.",
"In questo corso, costruirai una pagina web di un quiz. Conoscerai strumenti di accessibilità come scorciatoie da tastiera, attributi ARIA e le migliori pratiche di progettazione."
]
},
"learn-intermediate-css-by-building-a-picasso-painting": {
"title": "Impara il CSS intermedio realizzando un dipinto di Picasso",
"intro": [
"In questo corso, imparerai a usare alcune tecniche CSS intermedie codificando la tua pagina web con un dipinto di Picasso. Conoscerai le icone SVG, il posizionamento CSS e rivederai le altre abilità CSS che hai imparato."
]
},
"learn-responsive-web-design-by-building-a-piano": {
"title": "Impara il Design Responsivo creando un pianoforte",
"intro": [
"Il design responsivo dice alle tue pagine che aspetto devono avere su schermi di diverse dimensioni.",
"In questo corso, utilizzerai CSS e il design responsivo per creare un pianoforte. Scoprirai anche di più sulle media query e sugli pseudo selettori."
]
},
"learn-css-flexbox-by-building-a-photo-gallery": {
"title": "Impara Flexbox CSS costruendo una fotogallery",
"intro": [
"Flexbox ti aiuta a progettare la tua pagina web in modo che vada bene su qualsiasi dimensione dello schermo.",
"In questo corso, utilizzerai Flexbox per creare una pagina web di una galleria fotografica reattiva."
]
},
"learn-css-grid-by-building-a-magazine": {
"title": "Impara CSS Grid creando una rivista",
"intro": [
"La griglia CSS ti dà il controllo sulle righe e le colonne della tua pagina web.",
"In questo corso, creerai un articolo di una rivista. Imparerai come usare la griglia CSS, inclusi concetti come le righe della griglia e le colonne della griglia."
]
},
"learn-typography-by-building-a-nutrition-label": {
"title": "Impara la Tipografia costruendo un'etichetta nutrizionale",
"intro": [
"La tipografia è l'arte modellare lo stile del testo in modo che sia facilmente leggibile e adatto al suo scopo.",
"In questo corso, userai la tipografia per creare una pagina web con un'etichetta nutrizionale. Imparerai come dare stile al testo, regolare l'altezza delle righe e posizionare il testo usando il CSS."
]
},
"learn-css-transforms-by-building-a-penguin": {
"title": "Impara le trasformazioni CSS costruendo un pinguino",
"intro": [
"Puoi trasformare gli elementi HTML per creare design piacevoli che attirano l'occhio del tuo lettore. Puoi usare le trasformazioni per ruotare elementi, cambiarne le dimensioni, e altro.",
"In questo corso, costruirai un pinguino. Userai le trasformazioni CSS per posizionare e ridimensionare le parti del tuo pinguino, creare un background e animare il tuo lavoro."
]
},
"learn-css-animation-by-building-a-ferris-wheel": {
"title": "Impara le animazioni CSS costruendo una ruota panoramica",
"intro": [
"Puoi usare le animazioni CSS per attirare l'attenzione su specifiche sezioni della tua pagina web e renderle più attraenti.",
"In questo corso creerai una ruota panoramica. Imparerai come usare CSS per animare gli elementi, trasformarli e cambiarne la velocità."
]
},
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": {
"title": "Learn More About CSS Pseudo Selectors by Building A Balance Sheet",
"intro": [
"Puoi usare gli pseudo selettori CSS per cambiare specifici elementi HTML.",
"In questo corso, costruirai un foglio di bilancio usando gli pseudo selettori. Imparerai come cambiare lo stile di un elemento quando ci passi sopra il mouse, e attivare altri eventi sulla tua pagina."
]
},
"learn-css-colors-by-building-a-set-of-colored-markers": {
"title": "Impara i colori CSS creando un set di pennarelli colorati",
"intro": [
"Selezionare il colore corretto per la tua pagina web può renderla molto più gradevole per i tuoi lettori.",
"In questo corso creerai un set di pennarelli colorati. Imparerai metodi diversi per impostare i valori dei colori e come accoppiare i colori."
]
},
"learn-intermediate-css-by-building-a-cat-painting": {
"title": "Impara il CSS intermedio realizzando il disegno di un gatto",
"intro": [
"Mastering CSS positioning is essential for creating visually appealing and responsive web layouts",
"In this course, you will build a cat painting. You'll learn about how to work with absolute positioning, the z-index property, and the transform property."
]
}
}
},
"javascript-algorithms-and-data-structures": {
"title": "Legacy JavaScript Algorithms and Data Structures",
"intro": [
"Mentre HTML e CSS controllano il contenuto e lo stile della pagina, JavaScript viene utilizzato per renderla interattiva. Nella Certificazione Algoritmi e Strutture Dati in JavaScript, imparerai le basi di JavaScript, tra cui variabili, array, oggetti, loop e funzioni.",
"Una volta che avrai appreso le basi, applicherai queste conoscenze creando algoritmi per manipolare stringhe, fattorizzare numeri, e persino calcolare l'orbita della Stazione Spaziale Internazionale.",
"Lungo il percorso, imparerai anche due importanti stili di programmazione o paradigmi: la Programmazione Orientata agli Oggetti (Object Oriented Programming, OOP) e la Programmazione Funzionale (Functional Programming, FP)."
],
"note": "Nota: Alcune estensioni del browser, come ad esempio gli ad-blocker e gli script-blocker, possono interferire con i test. In caso di problemi, ti raccomandiamo di disabilitare le estensioni che modificano o bloccano il contenuto delle pagine durante il corso.",
"blocks": {
"basic-javascript": {
"title": "JavaScript Base",
"intro": [
"JavaScript è un linguaggio si scripting che viene utilizzato per rendere interattive le pagine web. È una delle principali tecnologie del web, insieme ad HTML e CSS, ed è supportato da tutti i browser moderni.",
"In questo corso, imparerai i concetti di base della programmazione in JavaScript. Inizierai dalle strutture dati di base come numeri e stringhe. Poi imparerai a lavorare con array, oggetti, funzioni, loop, istruzioni if/else e molto altro."
]
},
"es6": {
"title": "ES6",
"intro": [
"ECMAScript o ES è una versione standardizzata di JavaScript. Dato che tutti i maggiori browser seguono queste specifiche, i termini ECMAScript e JavaScript sono intercambiabili.",
"La maggior parte del JavaScript che hai appreso finora era in ES5 (ECMAScript 5), che fu definito nel 2009. Anche se puoi ancora scrivere programmi in ES5, JavaScript è in costante evoluzione, e vengono rilasciate ogni anno nuove funzionalità.",
"ES6, rilasciato nel 2015, ha aggiunto molte nuove potenti funzionalità al linguaggio. In questo corso conoscerai queste funzionalità, tra cui funzioni freccia, destrutturazione, classi, promise e moduli."
]
},
"regular-expressions": {
"title": "Espressioni regolari",
"intro": [
"Le espressioni regolari, spesso abbreviate dall'inglese con \"regex\" o \"regexp\", sono schemi che aiutano i programmatori a far corrispondere, cercare, e sostituire dei testi. Le espressioni regolari sono molto potenti, ma possono risultare difficili da leggere perché usano dei caratteri speciali per eseguire dei riscontri più complessi.",
"In questo corso, imparerai come usare i caratteri speciali, i gruppi di cattura, i lookahead positivi e negativi, e altre tecniche per cercare corrispondenze di qualunque testo desideri."
]
},
"debugging": {
"title": "Debugging",
"intro": [
"Il debugging è il processo di revisione del tuo codice, utile a trovare i problemi e a sistemarli.",
"I problemi col codice in generale si manifestano in tre forme: errori di sintassi che impediscono al tuo programma di avviarsi, errori di runtime quando il tuo codice si comporta in modo inaspettato, o errori di logica quando il tuo codice non funziona come desideravi.",
"In questo corso, imparerai ad usare la console di JavaScript per fare il debugging dei programmi e prevenire problemi comuni prima che avvengano."
]
},
"basic-data-structures": {
"title": "Strutture Dati Base",
"intro": [
"I dati possono essere memorizzati e letti in molti modi. Conosci già alcune strutture di dati JavaScript comuni — array e oggetti.",
"In questo corso Strutture Dati Base imparerai di più sulle differenze tra array e oggetti, e quali utilizzare in diverse situazioni. Imparerai anche come utilizzare utili metodi JS come <code>splice()</code> e <code>Object.keys()</code> per accedere a dei dati e manipolarli."
]
},
"basic-algorithm-scripting": {
"title": "Scrittura di Algoritmi Base",
"intro": [
"Un algoritmo è una serie di istruzioni passo-passo che descrivono come fare qualcosa.",
"Per scrivere un algoritmo efficace, aiuta spezzare un problema in parti più piccole e pensare attentamente a come risolvere ogni parte con il codice.",
"In questo corso, imparerai i fondamenti del pensiero algoritmico scrivendo algoritmi che fanno di tutto, dalla conversione delle temperature alla gestione di complessi array 2D."
]
},
"object-oriented-programming": {
"title": "Programmazione Orientata agli Oggetti",
"intro": [
"La Programmazione Orientata agli Oggetti (OOP, o Object Oriented Programming), è uno dei principali approcci al processo di sviluppo del software. In OOP, gli oggetti e le classi sono utilizzati per organizzare il codice per descrivere le cose e cosa possono fare.",
"In questo corso, imparerai i principi di base di OOP in JavaScript, tra cui la parola chiave <code>this</code>, le catene di prototipi, i costruttori e l'ereditarietà."
]
},
"functional-programming": {
"title": "Programmazione Funzionale",
"intro": [
"La programmazione funzionale è un altro approccio popolare allo sviluppo del software. Nella programmazione funzionale, il codice è organizzato in funzioni di base più piccole che possono essere combinate per costruire programmi complessi.",
"In questo corso, imparerai i concetti fondamentali della Programmazione Funzionale, comprese le funzioni pure, come evitare le mutazioni, e come scrivere codice più pulito con metodi come <code>.map()</code> e <code>.filter()</code>."
]
},
"intermediate-algorithm-scripting": {
"title": "Scrittura di Algoritmi Intermedio",
"intro": [
"Ora che conosci le basi del pensiero algoritmico, insieme a OOP e alla Programmazione Funzionale, prova le tue abilità con le sfide sulla scrittura di Algoritmi di livello intermedio."
]
},
"javascript-algorithms-and-data-structures-projects": {
"title": "Progetti di Algoritmi e Strutture Dati JavaScript",
"intro": [
"Ci siamo — è il momento di mettere al lavoro le tue nuove abilità JavaScript. Questi progetti sono simili alle sfide di scrittura di algoritmi che hai fatto prima – solo molto più difficili.",
"Completa questi 5 progetti JavaScript per ottenere la Certificazione Algoritmi e Strutture Dati in JavaScript."
]
}
}
},
"javascript-algorithms-and-data-structures-v8": {
"title": "JavaScript Algorithms and Data Structures",
"intro": [
"Developers use HTML and CSS to control the content and styling of a page. And they use JavaScript to make that page interactive.",
"Nella certificazione JavaScript Algoritmi e Strutture di Dati, imparerai i fondamenti di JavaScript come variabili, array, oggetti, loop, funzioni, il DOM e altro ancora.",
"Imparerai anche la programmazione orientata agli oggetti (OOP), la programmazione funzionale, come sviluppare algoritmi, lavorare con il local storage e come recuperare i dati utilizzando un'API."
],
"note": "Note: Some browser extensions, such as ad-blockers and script-blockers can interfere with the tests. If you face issues, we recommend disabling extensions that modify or block the content of pages while taking the course.",
"blocks": {
"build-an-rpg-creature-search-app-project": {
"title": "Build an RPG Creature Search App Project",
"intro": [
"This is one of the required projects to earn your certification.",
"In questo progetto, costruirai una App per Cercare le Creature di un GDR."
]
},
"build-a-cash-register-project": {
"title": "Build a Cash Register Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"In questo progetto, costruirai l'app di un registratore di cassa."
]
},
"build-a-palindrome-checker-project": {
"title": "Build a Palindrome Checker Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"In questo progetto, costruirai un'applicazione che verifica se una data parola è un palindromo."
]
},
"build-a-roman-numeral-converter-project": {
"title": "Build a Roman Numeral Converter Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"In questo progetto, costruirai un'applicazione che converte numeri interi in numeri romani."
]
},
"build-a-telephone-number-validator-project": {
"title": "Build a Telephone Number Validator Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"In questo progetto, costruirai un'applicazione che verifica se un numero è un numero di telefono valido per gli Stati Uniti."
]
},
"learn-basic-javascript-by-building-a-role-playing-game": {
"title": "Learn Basic JavaScript by Building a Role Playing Game",
"intro": [
"JavaScript è un potente linguaggio di scripting che viene utilizzato per rendere interattive le pagine web. È una delle principali tecnologie del web, insieme ad HTML e CSS. Tutti i browser moderni supportano JavaScript.",
"In questo progetto pratica, imparerai i concetti fondamentali di programmazione in JavaScript creando il tuo gioco di gioco di ruolo. Imparerai come lavorare con array, stringhe, oggetti, funzioni, loop, istruzioni <code>if/else</code> e altro ancora."
]
},
"learn-form-validation-by-building-a-calorie-counter": {
"title": "Learn Form Validation by Building a Calorie Counter",
"intro": [
"A volte quando programmi un'applicazione web, devi essere in grado di accettare l'input di un utente. In questo progetto di un conta calorie, imparerai come convalidare l'input di un utente, eseguire calcoli basati su tale input e aggiornare dinamicamente l'interfaccia per visualizzare i risultati.",
"In questo progetto di pratica, imparerai le basi delle espressioni regolari, i template literal, il metodo <code>addEventListener()</code> e altro ancora."
]
},
"learn-functional-programming-by-building-a-spreadsheet": {
"title": "Learn Functional Programming by Building a Spreadsheet",
"intro": [
"La programmazione funzionale è un approccio popolare allo sviluppo del software. Nella programmazione funzionale, gli sviluppatori organizzano il codice in funzioni semplici che combinano per costruire programmi complessi.",
"In this spreadsheet application project, you'll learn about parsing and evaluating mathematical expressions, implementing spreadsheet functions, handling cell references, and creating interactive web interfaces. You'll learn how to dynamically update the page based on user input.",
"This project will cover concepts like the <code>map()</code>, <code>find()</code>, and <code>includes()</code> methods and the <code>parseInt()</code> function."
]
},
"learn-modern-javascript-methods-by-building-football-team-cards": {
"title": "Learn Modern JavaScript Methods by Building Football Team Cards",
"intro": [
"One common aspect of building web applications: processing datasets, and then outputting information to the screen. In this sports team cards project, you'll learn how to work with DOM manipulation, object destructuring, event handling, and data filtering.",
"This project will cover concepts like, default parameters, <code>Object.freeze()</code>, and reinforce your knowledge of the <code>switch</code> statement and <code>map()</code> method."
]
},
"learn-advanced-array-methods-by-building-a-statistics-calculator": {
"title": "Learn Advanced Array Methods by Building a Statistics Calculator",
"intro": [
"Man mano che accresci le tua abilità con JavaScript, è bene che tu sia a tuo agio con metodi di manipolazione degli array come <code>map()</code>, <code>reduce()</code> e <code>filter()</code>.",
"In questo progetto di una calcolatrice statistica, acquisirai esperienza con la gestione degli input utente, la manipolazione del DOM e il concatenamento dei metodi. Farai pratica eseguendo calcoli statistici come media, mediana, moda, varianza e deviazione standard."
]
},
"learn-basic-oop-by-building-a-shopping-cart": {
"title": "Impara OOP di Base Costruendo un Carrello degli Acquisti",
"intro": [
"La Programmazione Orientata agli Oggetti (Object Oriented Programming, OOP), è uno dei principali approcci al processo di sviluppo del software. In OOP, gli sviluppatori utilizzano oggetti e classi per strutturare il proprio codice.",
"In questo progetto di un carrello degli acquisti, imparerai come definire le classi e usarle. Creerai istanze di una classe e implementerai metodi per la manipolazione dei dati.",
"Questo progetto tratterà concetti come l'operatore ternario, l'operatore spread, la parola chiave <code>this</code> e altro ancora."
]
},
"learn-fetch-and-promises-by-building-an-fcc-authors-page": {
"title": "Learn Fetch and Promises by Building an fCC Authors Page",
"intro": [
"Un aspetto comune dello sviluppo web è imparare a recuperare i dati da un'API esterna, quindi lavorare con JavaScript asincrono.",
"Questo progetto della pagina degli autori freeCodeCamp ti mostrerà come usare il metodo fetch, per poi aggiornare dinamicamente il DOM per visualizzare i dati recuperati.",
"Questo progetto ti insegnerà anche come impaginare i tuoi dati in modo da poter caricare i risultati in gruppi."
]
},
"learn-regular-expressions-by-building-a-spam-filter": {
"title": "Learn Regular Expressions by Building a Spam Filter",
"intro": [
"Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
"In questo progetto di un filtro anti-spam, conoscerai gruppi di acquisizione, lookahead positivi, lookahead negativi e altre tecniche per trovare qualsiasi testo desideri."
]
},
"learn-basic-algorithmic-thinking-by-building-a-number-sorter": {
"title": "Impara il Pensiero Algoritmico di Base Costruendo un Ordinatore di Numeri",
"intro": [
"In informatica, ci sono algoritmi di ordinamento fondamentali che tutti gli sviluppatori dovrebbero imparare. In questo progetto di un ordinatore di numeri, imparerai come implementare e visualizzare diversi algoritmi di ordinamento come bubble sort, selection sort e insertion sort – tutto con JavaScript.",
"Questo progetto ti aiuterà a capire i concetti fondamentali alla base di questi algoritmi e come applicarli per ordinare dati numerici in applicazioni web."
]
},
"review-algorithmic-thinking-by-building-a-dice-game": {
"title": "Review Algorithmic Thinking by Building a Dice Game",
"intro": [
"Algorithmic thinking involves the ability to break down complex problems into a sequence of well-defined, step-by-step instructions.",
"In this Dice game project, you’ll learn how to manage game state, implement game logic for rolling dice, keeping score, and applying rules for various combinations.",
"This project covers concepts such as event handling, array manipulation, conditional logic, and updating the user interface dynamically based on game state."
]
},
"learn-intermediate-oop-by-building-a-platformer-game": {
"title": "Impara OOP Intermedia Costruendo un Videogioco a Piattaforme",
"intro": [
"Programmare un gioco è un ottimo modo per cogliere i principi fondamentali della programmazione, creando al contempo un'esperienza di gioco interattiva.",
"In questo progetto di un videogioco a piattaforme continuerai a conoscere classi, oggetti, ereditarietà e incapsulamento. Imparerai anche come progettare e organizzare gli elementi di gioco in modo efficiente e acquisire conoscenze su problem solving e riutilizzabilità del codice."
]
},
"learn-localstorage-by-building-a-todo-app": {
"title": "Learn localStorage by Building a Todo App",
"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 TODO application, 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."
]
},
"learn-the-date-object-by-building-a-date-formatter": {
"title": "Learn the Date Object by Building a Date Formatter",
"intro": [
"Working with dates in JavaScript can be challenging. You have to navigate various methods, formats, and time zones. In this project, you'll learn how to work with the JavaScript Date object, including its methods and properties. You'll also learn how to correctly format dates.",
"This project will cover concepts such as the <code>getDate()</code>, <code>getMonth()</code>, and <code>getFullYear()</code> methods."
]
},
"learn-asynchronous-programming-by-building-an-fcc-forum-leaderboard": {
"title": "Learn Asynchronous Programming by Building an fCC Forum Leaderboard",
"intro": [
"JavaScript is an asynchronous programming language. And this project will help you gain proficiency in asynchronous concepts. You'll code your own freeCodeCamp forum leaderboard.",
"This project will cover the Fetch API, promises, Async/Await, and the try..catch statement."
]
},
"learn-basic-string-and-array-methods-by-building-a-music-player": {
"title": "Learn Basic String and Array Methods by Building a Music Player",
"intro": [
"Now let's learn some essential string and array methods like the <code>find()</code>, <code>forEach()</code>, <code>map()</code>, and <code>join()</code>. These methods are crucial for developing dynamic web applications.",
"In this project, you'll code a basic MP3 player using HTML, CSS, and JavaScript. The project covers fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, previous, and shuffle functionalities. You'll even learn how to dynamically update your user interface based on the current song."
]
},
"learn-recursion-by-building-a-decimal-to-binary-converter": {
"title": "Learn Recursion by Building a Decimal to Binary Converter",
"intro": [
"Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
"In this project, you’ll build a decimal-to-binary converter using JavaScript. You’ll learn the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
]
},
"learn-introductory-javascript-by-building-a-pyramid-generator": {
"title": "Learn Introductory JavaScript by Building a Pyramid Generator",
"intro": [
"JavaScript is a powerful scripting language that you can use to make web pages interactive. It's one of the core technologies of the web, along with HTML and CSS. All modern browsers support JavaScript.",
"In this practice project, you'll learn fundamental programming concepts in JavaScript by coding your own Pyramid Generator. You'll learn how to work with arrays, strings, functions, loops, <code>if/else</code> statements, and more."
]
},
"review-js-fundamentals-by-building-a-gradebook-app": {
"title": "Review JavaScript Fundamentals by Building a Gradebook App",
"intro": [
"In this mini project, you will get to review JavaScript fundamentals like functions, variables, conditionals and more by building a gradebook app.",
"This will give you an opportunity to solve small problems and get a better understanding of the basics."
]
},
"learn-basic-debugging-by-building-a-random-background-color-changer": {
"title": "Learn Basic Debugging by Building a Random Background Color Changer",
"intro": [
"Debugging is the process of going through your code, finding any issues, and fixing them.",
"In this project, you will help CamperBot build a random background color changer and help them find and fix errors."
]
},
"review-dom-manipulation-by-building-a-rock-paper-scissors-game": {
"title": "Review DOM Manipulation by Building a Rock, Paper, Scissors Game",
"intro": [
"In the previous projects you learned how to work with basic DOM manipulation. Now it is time to review what you have learned by building a Rock, Paper, Scissors game.",
"In this mini project, you will review conditionals, functions, <code>getElementById</code>, and more. This project will give you an opportunity to solve small problems and get a better understanding of the basics."
]
}
}
},
"front-end-development-libraries": {
"title": "Librerie di sviluppo Front End",
"intro": [
"Ora che hai familiarità con HTML, CSS, e JavaScript, aumenta le tue competenze conoscendo alcune delle più popolari librerie di front-end del settore.",
"Nella Certificazione Librerie di Sviluppo Front End, imparerai come definire rapidamente lo stile del tuo sito con Bootstrap. Imparerai anche come aggiungere la logica ai tuoi stili CSS e ad estenderli con Sass.",
"Più tardi, costruirai un carrello e altre applicazioni per imparare a creare potenti applicazioni a pagina singola (Single Page Application, SPA) con React e Redux."
],
"note": "",
"blocks": {
"bootstrap": {
"title": "Bootstrap",
"intro": [
"Bootstrap è un framework front-end utilizzato per progettare pagine web e applicazioni responsive. Esso adotta un approccio mobile-first per lo sviluppo web e include stili e classi CSS precostruiti, oltre ad alcune funzionalità JavaScript.",
"In questo corso, imparerai come costruire siti web responsivi con Bootstrap, e a utilizzare le sue classi per stilizzare pulsanti, immagini, moduli, navigazione e altri elementi comuni."
]
},
"jquery": {
"title": "jQuery",
"intro": [
"jQuery è una delle librerie JavaScript più utilizzate al mondo.",
"Nel 2006, quando è stata rilasciata, tutti i principali browser gestivano JavaScript in modo leggermente diverso. jQuery ha semplificato il processo di scrittura di JavaScript lato client, e ha anche garantito che il codice funzioni allo stesso modo in tutti i browser.",
"In questo corso, imparerai come usare jQuery per selezionare, rimuovere, clonare e modificare diversi elementi nella pagina."
]
},
"sass": {
"title": "SASS",
"intro": [
"Sass, o \"Syntactically Awesome StyleSheets\", è un'estensione linguistica di CSS. Aggiunge funzionalità che non sono disponibili nel CSS di base, che ti rendono più facile semplificare e mantenere i fogli di stile per i tuoi progetti.",
"In questo corso di Sass imparerai come memorizzare i dati in variabili, annidare CSS, creare stili riutilizzabili con mixin, aggiungere logica e cicli ai tuoi stili, e altro ancora."
]
},
"react": {
"title": "React",
"intro": [
"React è una popolare libreria JavaScript per costruire interfacce utente riutilizzabili e basate su componenti, per pagine web o applicazioni.",
"React combina HTML con funzionalità JavaScript nel proprio linguaggio di markup chiamato JSX. React facilita anche la gestione del flusso di dati attraverso l'applicazione.",
"In questo corso, imparerai come creare diversi componenti React, gestire i dati sotto forma di proprietà dello stato, utilizzare diversi metodi del ciclo di vita come <code>componentDidMount</code>, e molto altro ancora."
]
},
"redux": {
"title": "Redux",
"intro": [
"Man mano che le applicazioni crescono in termini di dimensioni e ambito di applicazione, la gestione dei dati condivisi diventa molto più difficile. Redux è definito come un \"contenitore di stato prevedibile per le app JavaScript\" che aiuta a garantire che le tue app funzionino in modo prevedibile, e siano facili da testare.",
"Dato che è possibile utilizzare Redux con qualsiasi libreria di visualizzazione, presentiamo Redux qui prima di combinarlo con React nel prossimo gruppo di corsi.",
"In questo corso, imparerai i fondamenti degli store, actions, reducers e middleware di Redux per gestire i dati in tutta l'applicazione."
]
},
"react-and-redux": {
"title": "React e Redux",
"intro": [
"React e Redux sono spesso citati insieme, e a buona ragione. Lo sviluppatore che ha creato Redux era uno sviluppatore React che voleva rendere più facile la condivisione dei dati tra i diversi componenti.",
"Ora che sai come gestire il flusso di dati condivisi con Redux, è il momento di combinare tale conoscenza con React. Nei corsi React e Redux, costruirai un componente React e imparerai a gestire lo stato localmente al livello dei componenti e in tutta l'applicazione con Redux."
]
},
"front-end-development-libraries-projects": {
"title": "Progetti sulle Librerie di Sviluppo Front-End",
"intro": [
"È tempo di mettere alla prova le tue capacità di sviluppo con le librerie di sviluppo del front-end. Usa Bootstrap, jQuery, Sass, React e Redux per costruire 5 progetti che testeranno tutto quello che hai imparato fino a questo punto.",
"Completa tutti e 5 i progetti e otterrai la Certificazione Librerie di Sviluppo Front End."
]
}
}
},
"data-visualization": {
"title": "Data Visualization",
"intro": [
"I dati ci circondano, ma non ci dicono molto senza forma o contesto.",
"Nella Certificazione Visualizzazione dei Dati, costruirai diagrammi, grafici e mappe per presentare diversi tipi di dati con la libreria D3.js.",
"Imparerai anche JSON (JavaScript Object Notation), e come lavorare con i dati online utilizzando un'API (Application Programming Interface)."
],
"note": "",
"blocks": {
"data-visualization-with-d3": {
"title": "Visualizzazione dei dati con D3",
"intro": [
"D3, o D3.js, sta per Data Driven Documents. È una libreria JavaScript per creare visualizzazioni di dati dinamiche e interattive nel browser.",
"D3 è costruito per lavorare con standard web comuni, vale a dire HTML, CSS, e Scalable Vector Graphics (SVG).",
"D3 supporta molti tipi diversi di formati di dati di input. Poi, utilizzando i suoi potenti metodi integrati, potrai trasformare questi dati in differenti diagrammi, grafici e mappe.",
"Nei corsi di Visualizzazione dei Dati con D3, imparerai come lavorare con i dati per creare diversi grafici a barre, grafici, elementi di sovrimpressione e altri ingredienti per creare visualizzazioni di dati dinamiche e attraenti."
]
},
"json-apis-and-ajax": {
"title": "API JSON e AJAX",
"intro": [
"In modo simile a come le Interfacce Utente (UI) aiutano le persone a utilizzare i programmi, le API (Application Programming Interfaces) aiutano i programmi a interagire con gli altri programmi. Le API sono strumenti che i computer usano per comunicare tra di loro, in parte per inviare e ricevere dati.",
"I programmatori usano spesso AJAX (Asynchronous JavaScript and XML) quando lavorano con le API. AJAX si riferisce a un gruppo di tecnologie che fanno richieste asincrone a un server per trasferire dati, e quindi caricare nella pagina tutti i dati restituiti. E i dati trasferiti tra il browser e il server sono spesso in un formato chiamato JSON (JavaScript Object Notation).",
"Questo corso ti insegnerà le basi su come lavorare con le API e le diverse tecnologie AJAX nel browser."
]
},
"data-visualization-projects": {
"title": "Progetti di Visualizzazione dei Dati",
"intro": [
"Ora che hai imparato a lavorare con le tecnologie D3, API e AJAX, mettete alla prova le tue abilità con questi 5 progetti di visualizzazione dei dati.",
"In questi progetti, è necessario recuperare i dati e analizzare un dataset, quindi utilizzare D3 per creare diverse visualizzazioni. Terminali tutti per ottenere la certificazione Visualizzazione dei Dati."
]
}
}
},
"relational-database": {
"title": "Database Relazionali",
"intro": [
"Per questi corsi, userai veri strumenti e software da sviluppatori inclusi VSCode, PostgreSQL, e la riga di comando Linux / Unix per completare i tutorial interattivi e creare progetti.",
"Questi corsi iniziano con comandi Bash di base. Usando il terminale imparerai tutto da navigare e manipolare il sistema dei file, creare script in bash, tutto quanto fino all'uso avanzato.",
"Poi, imparerari come creare e usare un database relazionale con PostgreSQL, un sistema di gestione database, e SQL, il linguaggio di questi database.",
"Infine, imparerai Git, il sistema di controllo versione, uno strumento essenziale per ogni sviluppatore."
],
"blocks": {
"build-a-celestial-bodies-database-project": {
"title": "Database Corpi Celesti",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai un database di corpi celesti usando PostgreSQL."
]
},
"build-a-number-guessing-game-project": {
"title": "Gioco di indovinare il numero",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, userai Bash scripting, PostgreSQL e Git per creare un gioco di indovinare il numero che esegue nel terminale e salva le informazioni dell'utente."
]
},
"build-a-periodic-table-database-project": {
"title": "Database della Tavola Periodica",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"For this project, you will create a Bash script to get information about chemical elements from a periodic table database."
]
},
"build-a-salon-appointment-scheduler-project": {
"title": "Pianificatore Appuntamento Salone",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, creerai un programma Bash interattivo che utilizza PostgreSQL per tenere traccia dei clienti e degli appuntamenti per il tuo salone."
]
},
"build-a-world-cup-database-project": {
"title": "Database Coppa Del Mondo",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, creerai uno script di Bash che inserisce informazioni da partite della coppa del mondo in PostgreSQL, e poi fare query al database per ottenere statistiche utili."
]
},
"learn-advanced-bash-by-building-a-kitty-ipsum-translator": {
"title": "Impara Bash avanzato costruendo un traduttore Kitty Ipsum",
"intro": [
"C'è più dei comandi Bash di quanto tu possa pensare.",
"In questo corso da 140 lezioni, imparerai comandi un po' più complessi e i dettagli di come i comandi lavorano."
]
},
"learn-bash-and-sql-by-building-a-bike-rental-shop": {
"title": "Impara Bash e SQL costruendo uno shop di noleggio biciclette",
"intro": [
"In questo corso da 210 lezioni, costruirai un programma Bash interattivo che immagazzina informazioni per il tuo negozio di noleggio biciclette che usa PostgreSQL."
]
},
"learn-bash-by-building-a-boilerplate": {
"title": "Impara Bash costruendo un codice Boilerplate",
"intro": [
"Il terminale ti permette di mandare comandi di testo al tuo computer che possono manipolare il sistema dei file, eseguire programmi, automatizzare attività, e molto altro.",
"In questo corso da 170 lezioni, imparerai i comandi del terminale creando un boilerplate di un sito web usando solo la riga di comando."
]
},
"learn-bash-scripting-by-building-five-programs": {
"title": "Impara lo Scripting Bash costruendo cinque programmi",
"intro": [
"Scripting in Bash combina comandi del terminale e logica in programmi che possono eseguire o automatizzare attività e moltro altro.",
"In questo corso con 220 lezioni, imparerai più comandi per il terminale e come usarli con script di Bash creando cinque piccoli programmi."
]
},
"learn-git-by-building-an-sql-reference-object": {
"title": "Impara Git costruendo un oggetto di riferimento SQL",
"intro": [
"Git è un sistema di controllo versione che tiene traccia di tutti i cambiamenti che fai al tuo codice.",
"In questo corso da 240 lezioni, imparareai come Git tiene traccia del tuo codice creando un oggetto che contiene comadni SQL comunemente usati."
]
},
"learn-nano-by-building-a-castle": {
"title": "Impara Nano costruendo un castello",
"intro": [
"Nano è un programma che ti permette di modificare file direttamente dal terminale.",
"In questo corso di 40 lezioni, imparerai a modificare i file nel terminale con Nano mentre costruisci un castello."
]
},
"learn-relational-databases-by-building-a-database-of-video-game-characters": {
"title": "Learn Relational Databases by Building a Database of Video Game Characters",
"intro": [
"Un database relazionale organizza i dati in tabelle che sono legate assieme tramite delle relazioni.",
"In questo corso da 165 lezioni, imparerai le basi di un database relazionale creando un database PostgreSQL pieno di personaggi di videogiochi."
]
},
"learn-sql-by-building-a-student-database-part-1": {
"title": "Apprendi SQL costruendo un database degli studenti: Parte 1",
"intro": [
"SQL, o Structured Query Language (linguaggio strutturato di richieste), è un linguaggio per comunicare con un database relazionale.",
"In questo corso di 140 lezioni, creerai uno script Bash che utilizza SQL per inserire informazioni sui tuoi studenti di informatica in PostgreSQL."
]
},
"learn-sql-by-building-a-student-database-part-2": {
"title": "Apprendi SQL costruendo un database degli studenti: Parte 2",
"intro": [
"I comandi SQL join sono usati per combinare informazioni da diverse tabelle in un database relazionale",
"In questo corso da 140 lezioni, completerai il tuo database degli studenti andando più a fondo nei comandi SQL."
]
}
}
},
"back-end-development-and-apis": {
"title": "Sviluppo Back End e API",
"intro": [
"Fino a questo punto, hai usato solo JavaScript sul front-end per aggiungere interattività a una pagina, risolvere sfide algoritmiche o costruire una Single Page Application. Ma JavaScript può essere utilizzato anche nel backend (cioè lato server), per costruire intere applicazioni web.",
"Oggi, uno dei modi più popolari per costruire applicazioni è attraverso i microservizi, che sono piccole applicazioni modulari che lavorano insieme per formare qualcosa di più grande.",
"Nella Certificazione Sviluppo Back End e API, imparerai a scrivere app per il backend con Node.js e npm. Costruirai anche applicazioni web con il framework Express, e costruirai un microservizio Trova Persone con MongoDB e la libreria Mongoose."
],
"note": "",
"blocks": {
"managing-packages-with-npm": {
"title": "Gestire i pacchetti con NPM",
"intro": [
"npm (Node Package Manager) è uno strumento da riga di comando per installare, creare e condividere pacchetti di codice JavaScript scritto per Node.js. Ci sono molti pacchetti open source disponibili su npm, quindi prima di iniziare un progetto, prenditi del tempo per esplorarli in modo da non finire per ricreare la ruota per cose come lavorare con gli insiemi di dati o recuperare i dati da un'API.",
"In questo corso, imparerai le basi dell'utilizzo di npm, incluso come lavorare con il <code>package.json</code> e come gestire le dipendenze installate."
]
},
"basic-node-and-express": {
"title": "Node e Express Base",
"intro": [
"Node.js è un runtime JavaScript che permette agli sviluppatori di scrivere programmi backend (lato server) in JavaScript. Node.js viene fornito con una manciata di moduli incorporati — piccoli programmi indipendenti — che aiutano in questo. Alcuni dei moduli principali includono HTTP, che agisce come un server e File System, un modulo per leggere e modificare i file.",
"Nell'ultimo gruppo di corsi hai imparato ad installare e gestire pacchetti da npm, che sono collezioni di moduli più piccoli. Questi pacchetti possono aiutarti a costruire applicazioni più grandi e complesse.",
"Express è un framework per applicazioni web leggero ed è uno dei pacchetti più popolari su npm. Express rende molto più facile creare un server e gestire l'instradamento (routing) per l'applicazione, che gestisce cose come dirigere le persone alla pagina corretta quando visitano un determinato endpoint come <pre>/blog</pre>.",
"In questo corso, imparerai le basi di Node e Express, incluso come creare un server, servire file diversi, e gestire richieste diverse dal browser."
]
},
"mongodb-and-mongoose": {
"title": "MongoDB e Mongoose",
"intro": [
"MongoDB è un'applicazione di databse che memorizza documenti JSON (o record) che puoi usare nella tua applicazione. A differenza di SQL, un altro tipo di database, MongoDB è un database non relazionale o un database \"NoSQL\". Questo significa che MongoDB memorizza tutti i dati associati in un record al posto di memorizzarli in varie tabelle preimpostate come in un database SQL.",
"Mongoose è un popolare pacchetto npm che interagisce con MongoDB. Con Mongoose puoi utilizzare dei semplici oggetti JavaScript al posto di JSON, ciò rende più facile lavorare con MongoDB. Inoltre, ti permette di creare schemi per i tuoi documenti chiamati schemas, così da non salvare il tipo di dato sbagliato e causare bug in seguito.",
"Nei corsi di MongoDB e Mongoose, imparerai i fondamenti di come si lavora con dati persistenti, incluso come impostare un modello, e salvare, cancellare e trovare documenti nel database."
]
},
"back-end-development-and-apis-projects": {
"title": "Progetti di sviluppo Back End e API",
"intro": [
"Hai già lavorato con le API prima, ma ora che conosci npm, Node, Express, MongoDB e Mongoose, è ora di costruirle. Costruisci su tutto quello che hai imparato fino a questo punto per creare 5 diversi microservizi, che sono applicazioni più piccole, con un ambito di applicazione ristretto.",
"Dopo averli creati, avrai 5 belle API di microservizi che potrai mostrare a amici, familiari e potenziali datori di lavoro. Oh, e avrai anche una certificazione nuova di zecca su Sviluppo Back End e API."
]
}
}
},
"quality-assurance": {
"title": "Garanzia di Qualità",
"intro": [
"Mano a mano che i tuoi programmi o applicazioni web diventeranno più complessi, vorrai testarli per assicurarti che le nuove modifiche non compromettano la loro funzionalità originaria.",
"Nella Certificazione Garanzia di Qualità imparerai a scrivere i test con Chai per garantire che le tue applicazioni funzionino nel modo in cui ti aspetti.",
"Poi costruirai un'applicazione di chat per apprendere concetti avanzati Node e Express. Utilizzerai anche Pug come motore di modelli, Passport per l'autenticazione e Socket.io per la comunicazione in tempo reale tra il server e i client connessi."
],
"note": "",
"blocks": {
"quality-assurance-and-testing-with-chai": {
"title": "Garanzia di qualità e test con Chai",
"intro": [
"Chai è una libreria di test JavaScript che ti aiuta a confermare che il tuo programma si comporta ancora come ti aspetti dopo aver apportato modifiche al tuo codice.",
"Utilizzando Chai, potrai scrivere test che descrivono i requisiti del programma e vedere se il programma li soddisfa.",
"In questo corso, familiarizzerai con concetti come assertion, deep equality, truthiness, testi di API, e altri fondamentali per testare le applicazioni JavaScript."
]
},
"advanced-node-and-express": {
"title": "Node ed Express avanzati",
"intro": [
"Ora è il momento di approfondire Node.js e Express.js costruendo un'applicazione di chat con un sistema di accesso.",
"Per implementare il sistema di accesso in modo sicuro, è necessario conoscere l'autenticazione. Questo è l'atto di verificare l'identità di una persona o di un processo.",
"In questo corso, imparerai come utilizzare Passport per gestire l'autenticazione, Pug per creare modelli riutilizzabili per costruire rapidamente il front-end, e i web sockets per la comunicazione in tempo reale tra i client e il server."
]
},
"quality-assurance-projects": {
"title": "Progetti di Garanzia di Qualità",
"intro": [
"Python è uno dei linguaggi di programmazione più popolari e flessibili al giorno d'oggi. Puoi usarlo per tutto, dallo scripting di base all'apprendimento automatico (machine learning).",
"Dopo aver completato questi progetti di Garanzia di Qualità, avrai altri 5 progetti al tuo attivo e una nuova certificazione da mostrare nel tuo portfolio."
]
}
}
},
"scientific-computing-with-python": {
"title": "Scientific Computing with Python",
"intro": [
"The Scientific Computing with Python curriculum will equip you with the skills to analyze and manipulate data using Python, a powerful and versatile programming language. You'll learn key concepts like data structures, algorithm, Object Oriented Programming, and how to perform complex calculations using a variety of tools.",
"This comprehensive course will guide you through the fundamentals of scientific computing, including data structures, and algorithms."
],
"note": "",
"blocks": {
"learn-string-manipulation-by-building-a-cipher": {
"title": "Learn String Manipulation by Building a Cipher",
"intro": [
"Python is a powerful and popular programming language widely used for data science, data visualization, web development, game development, machine learning and more.",
"In this project, you'll learn fundamental programming concepts in Python, such as variables, functions, loops, and conditional statements. You'll use these to code your first programs."
]
},
"learn-how-to-work-with-numbers-and-strings-by-implementing-the-luhn-algorithm": {
"title": "Learn How to Work with Numbers and Strings by Implementing the Luhn Algorithm",
"intro": [
"The Luhn Algorithm is widely used for error-checking in various applications, such as verifying credit card numbers.",
"By building this project, you'll gain experience working with numerical computations and string manipulation."
]
},
"learn-list-comprehension-by-building-a-case-converter-program": {
"title": "Learn Python List Comprehension by Building a Case Converter Program",
"intro": [
"List Comprehension is a way to construct a new Python list from an iterable types: lists, tuples, and strings. All without using a for loop or the `.append()` list method.",
"In this project, you'll write a program that takes a string formatted in Camel Case or Pascal Case, then converts it into Snake Case.",
"The project has two phases: first you'll use a for loop to implement the program. Then you'll learn how to use List Comprehension instead of a loop to achieve the same results."
]
},
"learn-regular-expressions-by-building-a-password-generator": {
"title": "Learn Regular Expressions by Building a Password Generator",
"intro": [
"A Python module is a file that contains a set of statements and definitions that you can use in your code.",
"In this project, you'll learn how to import modules from the Python standard library. You'll also learn how to use Regular Expressions by building your own password generator program."
]
},
"learn-algorithm-design-by-building-a-shortest-path-algorithm": {
"title": "Learn Algorithm Design by Building a Shortest Path Algorithm",
"intro": [
"Algorithms are step-by-step procedures that developers use to perform calculations and solve computational problems.",
"In this project, you'll learn how to use functions, loops, conditional statements, and dictionary comprehensions to implement a Shortest Path algorithm."
]
},
"learn-recursion-by-solving-the-tower-of-hanoi-puzzle": {
"title": "Learn Recursion by Solving the Tower of Hanoi Puzzle",
"intro": [
"Recursion is a programming approach that allows you to solve complicated computational problems with just a little code.",
"In this project, you'll start with a loop-based approach to solving the tower of Hanoi mathematical puzzle. Then you'll learn how to implement a recursive solution."
]
},
"learn-data-structures-by-building-the-merge-sort-algorithm": {
"title": "Learn Data Structures by Building the Merge Sort Algorithm",
"intro": [
"The Merge Sort Algorithm is a sorting algorithm based on the divide and conquer principle.",
"In this project, you'll learn how to interact with data structures by sorting a list of random numbers using the Merge Sort Algorithm."
]
},
"learn-classes-and-objects-by-building-a-sudoku-solver": {
"title": "Learn Classes and Objects by Building a Sudoku Solver",
"intro": [
"Classes and objects are important programming concepts. These Object-Oriented Programming tools help developers to achieve code modularity, abstraction, and readability. And they promote reusability.",
"In this Sudoku Solver project, you'll learn how to use classes and objects to build a Sudoku grid and to solve a Sudoku puzzle."
]
},
"learn-tree-traversal-by-building-a-binary-search-tree": {
"title": "Learn Tree Traversal by Building a Binary Search Tree",
"intro": [
"A Binary Search Tree (BST) is an common data structure where data is sorted hierarchically.",
"In this project, you'll learn how to construct your own BST and perform an in-order traversal. You'll also learn key operations like insertion, search, and deletion."
]
},
"learn-lambda-functions-by-building-an-expense-tracker": {
"title": "Learn Lambda Functions by Building an Expense Tracker",
"intro": [
"Lambda functions give you a concise way to write small, throwaway functions in your code.",
"In this project, you'll explore the power of Lambda Functions by creating an expense tracker. Your resulting app will demonstrate how you can use Lambda Functions for efficient, streamlined operations."
]
},
"build-an-arithmetic-formatter-project": {
"title": "Build an Arithmetic Formatter Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione."
]
},
"build-a-time-calculator-project": {
"title": "Build a Time Calculator Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione."
]
},
"build-a-budget-app-project": {
"title": "Build a Budget App Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione."
]
},
"build-a-polygon-area-calculator-project": {
"title": "Build a Polygon Area Calculator Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione."
]
},
"build-a-probability-calculator-project": {
"title": "Build a Probability Calculator Project",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione."
]
},
"learn-interfaces-by-building-an-equation-solver": {
"title": "Learn Interfaces by Building an Equation Solver",
"intro": [
"Abstract classes enable you to define formal interfaces - objects acting as blueprints for classes.",
"In this project, you'll discover how to implement an interface in Python while building a simple equation solver program."
]
},
"learn-special-methods-by-building-a-vector-space": {
"title": "Learn Special Methods by Building a Vector Space",
"intro": [
"Python special methods are called in response to specific operations and enable you to customize the behavior of your objects in a detailed and effective way.",
"In this project, you are going to explore some of the most common special methods while learning about vectors by building a vector space."
]
},
"learn-encapsulation-by-building-a-projectile-trajectory-calculator": {
"title": "Learn Encapsulation by Building a Projectile Trajectory Calculator",
"intro": [
"Encapsulation is a core OOP principle based on writing code that limits direct access to data.",
"In this project, you'll discover new concepts related to encapsulation, such as getters, setters, and name mangling, and you'll use them together with what you already learned to create a program that calculates a projectile trajectory."
]
},
"learn-the-bisection-method-by-finding-the-square-root-of-a-number": {
"title": "Learn the Bisection Method by Finding the Square Root of a Number",
"intro": [
"Numerical methods are used to approximate solutions to mathematical problems that are difficult or impossible to solve analytically.",
"In this project, you will explore the numerical method of bisection to find the square root of a number by iteratively narrowing down the possible range of values that contain the square root."
]
}
}
},
"data-analysis-with-python": {
"title": "Analisi dei dati con Python",
"intro": [
"L'analisi dei dati esiste da molto tempo, ma fino a pochi anni fa, gli sviluppatori l'hanno praticata utilizzando costosi strumenti proprietari come Tableau. Recentemente però, Python, SQL e altre librerie aperte hanno cambiato per sempre il mondo dell'analisi dei dati.",
"Nella Certificazione Analisi dei dati con Python, imparerai i fondamenti dell'analisi dei dati con Python. Alla fine di questa certificazione, saprai leggere i dati da fonti come CSV e SQL, e come usare librerie come Numpy, Pandas, Matplotlib, e Seaborn per elaborare e visualizzare i dati."
],
"note": "",
"blocks": {
"data-analysis-with-python-course": {
"title": "Analisi dei dati con Python",
"intro": [
"In questi videocorsi completi, creati da Santiago Basulto, imparerai l'intero processo di analisi dei dati. Potrai leggere i dati da più fonti (CSV, SQL, Excel), elaborarli utilizzando NumPy e Pandas e visualizzarli utilizzando Matplotlib e Seaborn,",
"Inoltre, abbiamo incluso un corso completo di Jupyter Notebook e un rapido riferimento Python per aggiornare le tue abilità di programmazione."
]
},
"numpy": {
"title": "Numpy",
"intro": [
"Apprendi le basi della libreria NumPy nel seguente videocorso creato da Keith Galli.",
"In questo corso, imparerai come funziona NumPy e come si confronta con le liste integrate di Python. Imparerai anche a scrivere codice con NumPy, indicizzazione, riformulazione, statistiche applicate, e molto altro."
]
},
"data-analysis-with-python-projects": {
"title": "Progetti di Analisi dei dati con Python",
"intro": [
"Ci sono molti modi per analizzare i dati con Python. Completando questi progetti, dimostrerai di avere una buona conoscenza dei fondamenti dell'analisi dei dati con Python.",
"Completali tutti per ottenere la tua certificazione Analisi dei Dati con Python."
]
}
}
},
"information-security": {
"title": "Sicurezza dell'Informazione",
"intro": [
"Con tutto quello che facciamo online, c'è una grande quantità di informazioni sensibili a rischio: indirizzi e-mail, password, numeri di telefono e molto altro.",
"Con la Certificazione Sicurezza dell'Informazione, costruirai una web app sicura con HelmetJS per apprendere i fondamenti della protezione delle informazioni delle persone online.",
"Costruirai anche un client TCP e uno scanner Nmap e un port scanner in Python. Questo ti aiuterà a imparare le basi del penetration testing — una componente importante di una buona sicurezza dell'informazione."
],
"note": "",
"blocks": {
"information-security-with-helmetjs": {
"title": "Sicurezza dell'informazione con HelmetJS",
"intro": [
"Questo corso di programmazione si concentra su HelmetJS, un tipo di middleware per le applicazioni basate su Express, che imposta automaticamente le intestazioni HTTP. In questo modo può impedire che informazioni sensibili vengano accidentalmente trasmesse tra il server e il client.",
"Completare questi corsi ti aiuterà a capire come proteggere il tuo sito web da comportamenti dannosi."
]
},
"python-for-penetration-testing": {
"title": "Python per il Penetration Testing",
"intro": [
"Questi video corsi ti insegneranno il penetration testing con Python. Conosciuto anche come pen test, il penetration testing è un attacco simulato contro un sistema per controllarne le vulnerabilità.",
"In questo corso, imparerai cosa sono i socket, come creare un server e un client TCP, come costruire uno scanner Nmap, e altri strumenti e tecniche che i pen tester utilizzano quotidianamente."
]
},
"information-security-projects": {
"title": "Progetti di Sicurezza dell'Informazione",
"intro": [
"Ora è il momento di mettere in pratica le tue nuove abilità di sicurezza dell'informazione. Questi progetti ti daranno la possibilità di applicare le abilità, i principi e i concetti di sicurezza dell'informazione che hai appreso.",
"Quando avrai finito, avrai molti progetti di sicurezza dell'informazione al tuo attivo, insieme a una certificazione che potrai mostrare agli amici, alla famiglia e ai datori di lavoro."
]
}
}
},
"machine-learning-with-python": {
"title": "Machine Learning con Python",
"intro": [
"L'apprendimento automatico (Machine Learning), ha molte applicazioni pratiche che potrai utilizzare nei tuoi progetti o al lavoro.",
"Nella Certificazione Machine Learning con Python, userai il framework TensorFlow per costruire diverse reti neurali ed esplorare tecniche più avanzate come l'elaborazione del linguaggio naturale e l'apprendimento rinforzato.",
"Potrai anche immergerti nelle reti neurali e imparare i principi dietro al funzionamento delle reti neurali profonde, ricorrenti e convoluzionali."
],
"note": "",
"blocks": {
"tensorflow": {
"title": "TensorFlow",
"intro": [
"TensorFlow è un framework open source che rende l'apprendimento automatico e le reti neurali più facile da usare.",
"Il seguente video corso è stato creato da Tim Ruscica, noto anche come “Tech With Tim”. Ti aiuterà a capire TensorFlow e alcune delle sue potenti capacità."
]
},
"how-neural-networks-work": {
"title": "Come Funzionano le Reti Neurali",
"intro": [
"Le reti neurali sono al centro di quella che oggi chiamiamo intelligenza artificiale. Storicamente però sono state difficili da comprendere. Soprattutto per i principianti nel campo del machine learning.",
"Anche se sei completamente nuovo alle reti neurali, questi video corsi di Brandon Rohrer ti faranno sentire a tuo agio con i concetti e la matematica che stanno dietro."
]
},
"machine-learning-with-python-projects": {
"title": "Progetti di Machine Learning con Python",
"intro": [
"Il Machine learning ha molte applicazioni pratiche. Completando questi progetti di codifica gratuiti e impegnativi, dimostrerai di avere una buona conoscenza dei fondamenti dell'apprendimento automatico, e ti qualificherai per la tua Certificazione Machine Learning con Python."
]
}
}
},
"college-algebra-with-python": {
"title": "Algebra Universitaria con Python",
"intro": [
"Questo corso è progettato come un corso universitario di un semestre. Si compone di video didattici, con notebook di Google Colaboratory per seguire in modo interattivo, attività e progetti stimolanti.",
"Affrontando le varie parti di questo corso in sequenza, otterrai una piena comprensione dell'algebra e di come scrivere del codice Python per risolvere problemi di algebra.",
"Durante questo corso, costruirai anche un notebook Colab di algebra, che potrai utilizzare come calcolatrice personalizzata. Questo corso (e il codice che scriverai) ti darà le basi per una comprensione più profonda della matematica e della scienza dei dati."
],
"note": "",
"blocks": {
"learn-ratios-and-proportions": {
"title": "Rapporti e Proporzioni",
"intro": [
"Il tuo viaggio inizia qui, mentre impari come configurare un notebook Colab in grado di eseguire il codice Python. Utilizza il notebook per seguire i video per imparare rapporti e proporzioni utilizzando Python."
]
},
"learn-how-to-solve-for-x": {
"title": "Risolvere per X",
"intro": [
"Questa unità tratta di come risolvere per un numero sconosciuto (spesso indicato come \"x\") usando l'algebra scritta e il codice Python."
]
},
"learn-fractions-and-decimals": {
"title": "Frazioni e Decimali",
"intro": [
"Questa unità tratta della conversione di decimali in frazioni e percentuali."
]
},
"learn-functions-and-graphing": {
"title": "Funzioni e Grafici",
"intro": ["In questa unità apprenderai le funzioni matematiche."]
},
"learn-linear-functions": {
"title": "Funzioni Lineari",
"intro": [
"Questa unità ti mostrerà come sviluppare equazioni lineari da due punti."
]
},
"learn-common-factors-and-square-roots": {
"title": "Fattori Comuni e Radici Quadrate",
"intro": [
"In questa unità, imparerai a trovare i fattori comuni e a raccoglierli. Ciò sarà utile nella semplificazione delle frazioni e nella fattorizzazione delle radici quadrate."
]
},
"build-a-multi-function-calculator-project": {
"title": "Calcolatrice Multifunzione",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai una calcolatrice multifunzione."
]
},
"learn-how-to-graph-systems-of-equations": {
"title": "Graficare Sistemi di Equazioni",
"intro": [
"Questa unità ti mostrerà come tracciare il grafico di due equazioni sullo stesso piano di coordinate, in modo da poter vedere dove si intersecano."
]
},
"learn-how-to-solve-systems-of-equations": {
"title": "Risolvere Sistemi di Equazioni",
"intro": [
"In questa unità, imparerai come risolvere un sistema di due equazioni (con due variabili) senza tracciare il grafico. Vedrai come si può fattorizzare un'equazione e risolvere per una determinata variabile con Python. Alla fine di questa unità, sarai in grado di risolvere e graficare un sistema di equazioni con un blocco di codice."
]
},
"learn-applications-of-linear-systems": {
"title": "Applicazioni dei Sistemi Lineari",
"intro": [
"In questa unità, vedrai come è possibile utilizzare l'algebra che hai imparato finora per risolvere i problemi del mondo reale."
]
},
"learn-quadratic-equations": {
"title": "Equazioni Quadratiche",
"intro": [
"Questa unità andrà oltre le equazioni lineari, lavorando con esponenti e tracciando parabole. Imparerai come trovare i punti chiave delle parabole e come risolvere le equazioni quadratiche."
]
},
"build-a-graphing-calculator-project": {
"title": "Calcolatrice Grafica",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai una calcolatrice grafica."
]
},
"learn-parent-graphs-and-polynomials": {
"title": "Grafici Genitori e Polinomi",
"intro": [
"Questa unità ti mostrerà molti tipi diversi di grafici \"genitori\", i modelli che costituiscono la base di grafici più complicati. I polinomi sono espressioni matematiche con \"elementi multipli\" - le equazioni più complicate costruite con modelli di base. Vedrai come appaiono questi grafici, come modificarli e come fare fare tutto ciò con il codice Python."
]
},
"build-three-math-games-project": {
"title": "Tre Giochi di Matematica",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto costruirai tre giochi di matematica."
]
},
"learn-business-applications-of-college-algebra": {
"title": "Applicazioni Economiche dell'Algebra Universitaria",
"intro": [
"Questa unità ti mostrerà come applicare le tue abilità nel risolvere equazioni e tracciare grafici per trovare costo, ricavo e profitto. Scriverai il codice per ottenere la funzione della domanda da due punti. Vedrai come il prezzo influenza il grafico del profitto e come tutte queste equazioni sono collegate tra di loro."
]
},
"learn-simple-and-compound-interest": {
"title": "Interesse Semplice e Composto",
"intro": [
"Questa unità ti mostrerà come calcolare gli interessi, la rata di un prestito e il valore stimato di investimenti. Vedrai la formula matematica la trasformerai in codice. Poiché queste formule tendono a essere complicate, apprezzerai di avere il codice in cui è possibile modificare solo alcuni valori."
]
},
"learn-exponents-and-logarithms": {
"title": "Esponenziali e Logaritmi",
"intro": [
"Questa unità vi mostrerà come esponenziali e logaritmi sono funzioni inverse, e come è possibile utilizzare queste funzioni in varie applicazioni."
]
},
"build-a-financial-calculator-project": {
"title": "Calcolatrice Finanziaria",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto, costruirai una calcolatrice finanziaria."
]
},
"college-algebra-with-python-conclusion": {
"title": "Algebra Universitaria con Python: Conclusione",
"intro": [
"Questa è l'ultima unità di questo corso. Diamo un'occhiata a come è possibile collegare le conoscenze di matematica e Python con dati esterni."
]
},
"build-a-data-graph-explorer-project": {
"title": "Data Graph Explorer",
"intro": [
"Questo è uno dei progetti necessari per ottenere la tua certificazione.",
"Per questo progetto costruirai un data graph explorer."
]
}
}
},
"python-for-everybody": {
"title": "Legacy Python for Everybody",
"intro": [
"Python is one of the most popular, flexible programming languages today. You can use it for everything from basic scripting to machine learning."
],
"note": "",
"blocks": {
"python-for-everybody": {
"title": "Python for Everybody",
"intro": [
"Python for everybody is a free video course series that teaches the basics of using Python 3.",
"The courses were created by Dr. Charles Severance (also known as Dr. Chuck). He is a Clinical Professor at the University of Michigan School of Information, where he teaches various technology-oriented courses including programming, database design, and web development."
]
}
}
},
"coding-interview-prep": {
"title": "Preparazione per il colloquio di lavoro per programmatori",
"intro": [
"Se stai cercando esercizi di programmazione gratuiti per prepararti al tuo prossimo colloquio di lavoro, sei nel posto giusto.",
"This section contains dozens of coding challenges that test your knowledge of algorithms, data structures, and mathematics. It also has a number of take-home projects you can use to strengthen your skills, or add to your portfolio.",
"This work incorporates material from <a href=\"https://www.wikipedia.org/\" target=\"_blank\">Wikipedia</a>, which is licensed under the <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\" target=\"_blank\">Creative Commons Attribution-ShareAlike License 4.0</a>. The original content might have been modified and adapted. For the unaltered version and additional details, see the original page on <a href=\"https://www.wikipedia.org/\" target\"_blank\">Wikipedia</a>."
],
"note": "The Project Euler Project and Rosetta Code have been moved to their own courses. Go back to the curriculum to see the list of courses we offer.",
"blocks": {
"algorithms": {
"title": "Algoritmi",
"intro": [
"Questi esercizi di programmazione gratuiti ti aiuteranno a comprendere alcuni algoritmi comuni che probabilmente incontrerai nella vita reale. Sono una grande opportunità per migliorare le tue competenze logiche e di programmazione.",
"Questi algoritmi sono spesso utilizzati nei colloqui di lavoro per testare le abilità di un candidato. Ti forniremo spiegazioni chiare e concise su come funzionano in modo che tu possa implementare una soluzione per ciascuno di essi.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"data-structures": {
"title": "Strutture Dati",
"intro": [
"Questi corsi di programmazione gratuita sono pensati per aiutarti a gestire strutture dati grandi e complesse con le quali potresti non essere ancora familiare.",
"Con questi corsi scoprirai i vari tipi di struttura di dati e imparerai a implementare degli algoritmi per rafforzare la tua comprensione di essi.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"take-home-projects": {
"title": "Progetti da completare a casa",
"intro": [
"I colloqui di lavoro per programmatori sono sempre stati stressanti. Ai candidati viene a volte chiesto di completare un lavoro a casa. Questi tipi di colloquio di solito richiedono molto lavoro, ma sono un ottimo modo per i datori di lavoro per vedere cosa il candidato è in grado di fare.",
"Costruisci i progetti facoltativi per fare delle esercitazioni extra. Prenditi il tempo necessario, ampliali, e metteli nel tuo curriculum o portfolio per mostrarli ai potenziali datori di lavoro."
]
}
}
},
"the-odin-project": {
"title": "The Odin Project - freeCodeCamp Remix",
"intro": [
"The Odin Project was created in 2013 by a lone developer, Erik Trautman. Over the years, an open source community has sprung up to maintain and expand the project.",
"freeCodeCamp has expanded upon the open source curriculum to make it run interactively in the browser, with tests to evaluate your code and ensure you've understood key concepts.",
"If you want the original experience of configuring all of The Odin Project to run on your local computer, you can check out the original Odin Project on <a href='https://www.theodinproject.com/' target='_blank' rel='noopener noreferrer nofollow'>The Odin Project website</a>. A huge thanks to The Odin Project community for continuing to maintain this valuable learning resource for developers all around the world.",
"This course is unofficial, and not endorsed by The Odin Project. Changes to The Odin Project curriculum content have been made, and all instructional material for this course is licensed under <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank' rel='noopener noreferrer nofollow'>CC-BY-SA-NC 4.0</a>",
"<a href='https://creativecommons.org/licenses/by-nc-sa/4.0/deed' target='_blank' rel='noopener noreferrer nofollow'>&copy; The Odin Project</a>",
"This course includes content from <a href='https://javascript.info/' target='_blank' rel='noopener noreferrer nofollow'>JavaScript.info</a>, which is licensed under <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank' rel='noopener noreferrer nofollow'>CC-BY-NC-SA 4.0</a>."
],
"blocks": {
"top-learn-html-foundations": {
"title": "Impara i Fondamenti di HTML",
"intro": [
"Get a solid grasp of HTML essentials with this course. From structuring web pages to understanding semantic tags, you'll build a strong foundation for creating well-organized and accessible content on the web."
]
},
"top-working-with-text": {
"title": "Working with Text",
"intro": [
"Explore the intricacies of working with text in web development. Learn about text formatting, manipulation, and presentation to enhance your skills in creating web content."
]
},
"top-links-and-images": {
"title": "Links and Images",
"intro": [
"Learn how to incorporate links and images into your web projects. This course covers the fundamentals of creating links and embedding images to make your websites more interactive and visually appealing."
]
},
"top-build-a-recipe-project": {
"title": "Impara i Fondamenti di HTML Creando una Pagina di Ricette",
"intro": [
"Put your HTML skills into practice by building a recipe page. This hands-on project allows you to apply your knowledge and create a functional web page while reinforcing key concepts of HTML development."
]
},
"top-learn-css-foundations": {
"title": "Impara i Fondamenti di CSS",
"intro": [
"Dive into the world of Cascading Style Sheets (CSS) and learn how to style your HTML elements. Explore styling properties, selectors, and layouts to bring your web pages to life."
]
},
"top-learn-css-foundations-projects": {
"title": "Learn CSS Foundations Projects",
"intro": [
"Take your CSS skills to the next level by working on practical projects. This course provides hands-on experience in applying CSS to create responsive designs for real-world scenarios."
]
},
"top-learn-css-specificity": {
"title": "Learn CSS Specificity",
"intro": [
"Learn CSS specificity and gain a better understanding of how styles are applied to HTML elements. This course explores the nuances of CSS rules and helps you write efficient and targeted styles for your web pages."
]
},
"top-the-box-model": {
"title": "Learn the Box Model",
"intro": [
"Learn the CSS box model with this course. Understand how elements are rendered on the web, and learn to manipulate spacing, borders, and padding to achieve your desired layout and design."
]
},
"top-introduction-to-flexbox": {
"title": "Introduction to Flexbox",
"intro": [
"Discover the power of Flexbox, a layout model that simplifies the design of flexible and responsive web layouts. Learn how to create dynamic and adaptive page structures with ease."
]
},
"top-learn-block-and-inline": {
"title": "Learn the difference between Block and Inline",
"intro": [
"Explore the distinctions between block and inline elements in HTML and CSS. This course provides insights into how these display types affect layout and behavior, empowering you to make informed design decisions."
]
},
"top-learn-variables-and-operators": {
"title": "Learn Variables and Operators",
"intro": [
"Get started with JavaScript by learning about variables and operators. This course covers the fundamentals of JavaScript programming, including data types, operators, and variable declarations."
]
},
"top-learn-data-types-and-conditionals": {
"title": "Impara i Tipi di Dato e le Istruzioni Condizionali",
"intro": ["Learn about data types and conditionals in JavaScript."]
},
"top-learn-function-basics": {
"title": "Learn Function Basics",
"intro": ["Learn about functions in JavaScript."]
},
"top-basic-function-projects": {
"title": "Basic Function Projects",
"intro": [
"Put your JavaScript skills to the test by building basic functions."
]
},
"top-learn-arrays-and-loops": {
"title": "Learn Arrays and Loops",
"intro": ["Learn about arrays and loops in JavaScript."]
},
"top-learn-to-solve-problems-and-understand-errors": {
"title": "Learn to Solve Problems and Understand Errors",
"intro": [
"Learn how to solve problems and understand errors in JavaScript."
]
},
"top-build-a-rock-paper-scissors-game": {
"title": "Build a Rock Paper Scissors Game",
"intro": [
"Put your JavaScript skills to the test by building a Rock Paper Scissors game."
]
}
}
},
"project-euler": {
"title": "Progetto Eulero",
"intro": [
"Completa le sfide di programmazione sottostanti, dagli enormi archivi del Progetto Eulero. Consolideranno le tue conoscenze in materia di algoritmi e matematica.",
"Questi problemi variano in difficoltà e, per molti, l'esperienza di apprendimento è a catena induttiva. Cioè, risolvendo un problema, sarai esposto a un nuovo concetto che consente di affrontare un problema precedentemente inaccessibile. Riesci a finirli tutti?"
],
"blocks": {
"project-euler-problems-1-to-100": {
"title": "Problemi del Progetto Eulero da 1 a 100",
"intro": [
"In questa prima serie di sfide, utilizzerai concetti matematici come la sequenza di Fibonacci, la teoria dei numeri primi e la combinatoria per scrivere algoritmi efficienti per risolvere dei problemi.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"project-euler-problems-101-to-200": {
"title": "Problemi del Progetto Eulero da 101 a 200",
"intro": [
"In questa serie di sfide, ti baserai sulle competenze che hai acquisito nella prima parte del corso e utilizzerai concetti più avanzati come il calcolo vettoriale, la piramide di Pascal e l'algoritmo RSA per risolvere dei problemi in modo efficiente.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"project-euler-problems-201-to-300": {
"title": "Problemi del Progetto Eulero da 201 a 300",
"intro": [
"In questa serie di sfide, continuerai a usare ciò che hai imparato in precedenza e a utilizzare concetti come il teorema binomiale, i numeri di Hamming e la sequenza di Collatz per affinare ulteriormente le tue abilità matematiche e di problem solving.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"project-euler-problems-301-to-400": {
"title": "Problemi del Progetto Eulero da 301 a 400",
"intro": [
"Qui continuerai a modellare le tue abilità matematiche e algoritmiche utilizzando concetti come la teoria dei giochi combinatoria, le operazioni bitwise e la sequenza auto-descrittiva di Golomb per sviluppare soluzioni efficienti a questi problemi.",
"NOTE: These challenges support JavaScript only solutions."
]
},
"project-euler-problems-401-to-480": {
"title": "Problemi del Progetto Eulero da 401 a 480",
"intro": [
"In questa serie finale di sfide, avrai bisogno di attingere a tutto quello che hai imparato fino a questo punto e utilizzare concetti avanzati come i divisori unitari, l'algoritmo di Kaprekar e molto altro ancora per risolvere problemi complessi.",
"NOTE: These challenges support JavaScript only solutions."
]
}
}
},
"foundational-c-sharp-with-microsoft": {
"title": "Free Foundational C# with Microsoft Certification",
"intro": [
"Questo corso offre un'introduzione completa alla programmazione in C# trattandone i concetti principali, sintassi e applicazione pratica nello sviluppo di software.",
"Attraverso esercizi e progetti pratici imparerai i fondamenti di C#, comprese le variabili, i tipi di dati, le strutture di controllo e i principi della programmazione orientati agli oggetti.",
"Alla fine di questo corso, avrai acquisito le competenze pratiche e le conoscenze necessarie per usare C# con sicurezza creare applicazioni."
],
"note": "Each section below has a trophy associated with it that you must earn on the Microsoft Learn platform. After earning each trophy, you need to verify them on freeCodeCamp. Once you have done those, you can qualify for the certification exam.",
"blocks": {
"write-your-first-code-using-c-sharp": {
"title": "Write Your First Code Using C#",
"intro": [
"Begin your journey by learning to write your first code using C#. Develop a strong foundation as you explore the fundamentals and syntax of the language, setting the stage for your programming adventures."
]
},
"create-and-run-simple-c-sharp-console-applications": {
"title": "Create and Run Simple C# Console Applications",
"intro": [
"Master the art of creating and running simple C# console applications. Dive into the world of console-based programming, where you will gain hands-on experience executing your code and seeing it in action."
]
},
"add-logic-to-c-sharp-console-applications": {
"title": "Add Logic to C# Console Applications",
"intro": [
"Unlock the power of logic in C# console applications. Learn how to add logic and decision-making capabilities to your code, enabling your applications to make dynamic choices and respond intelligently to different scenarios."
]
},
"work-with-variable-data-in-c-sharp-console-applications": {
"title": "Work with Variable Data in C# Console Applications",
"intro": [
"Discover the versatility of variable data in C# console applications. Harness the ability to store and manipulate different types of data, such as numbers and text, as you delve into the essential concepts of variables and data handling."
]
},
"create-methods-in-c-sharp-console-applications": {
"title": "Create Methods in C# Console Applications",
"intro": [
"Take your C# console applications to the next level by mastering the art of creating methods. Learn how to organize and modularize your code, making it more manageable, reusable, and efficient."
]
},
"debug-c-sharp-console-applications": {
"title": "Debug C# Console Applications",
"intro": [
"Sharpen your troubleshooting skills as you dive into the world of debugging C# console applications. Gain the ability to identify and fix issues in your code, ensuring your applications run smoothly and deliver the desired results."
]
},
"foundational-c-sharp-with-microsoft-certification-exam": {
"title": "Foundational C# with Microsoft Certification Exam",
"intro": [
"Use what you've learned to pass the exam to earn your Foundational C# with Microsoft Certification"
]
}
}
},
"a2-english-for-developers": {
"title": "A2 English for Developers (Beta) Certification",
"intro": [
"In this English for Developers Curriculum, you'll learn the essentials of English communication. This will follow the A2 level of the Common European Framework of Reference (CEFR). And we've focused on vocabulary that is particularly useful for developers.",
"The first half of the curriculum will help you get comfortable with English grammar and usage. It will give you tons of hands-on practice. You'll learn basics like introducing yourself, making small talk, and discussing your work.",
"In the second half, you'll practice vocabulary specific to software development. You'll learn how to describe code, discuss tech trends, and participate in stand-up meetings.",
"This entire A2-level curriculum includes 105 different dialogues. Each is designed to build your vocabulary and boost your confidence when speaking in a professional tech setting."
],
"blocks": {
"learn-greetings-in-your-first-day-at-the-office": {
"title": "Learn Greetings in your First Day at the Office",
"intro": [
"In this first course, you'll learn common expressions for situations you may encounter on your first day at work. You'll learn about introductions, getting to know people, asking for lunch recommendations, and getting an access card from security."
]
},
"learn-introductions-in-an-online-team-meeting": {
"title": "Learn Introductions in an Online Team Meeting",
"intro": [
"In this course, you'll learn how to give a personal introduction. You'll also learn how to state your profession, and share your goals in group meetings."
]
},
"learn-conversation-starters-in-the-break-room": {
"title": "Learn Conversation Starters in the Break Room",
"intro": [
"In this course, you'll learn how to start a conversation in casual settings. You'll also learn how to talk about your hobbies and personality traits. You'll even learn how to ask about places around the town."
]
},
"learn-how-to-talk-about-a-typical-workday-and-tasks": {
"title": "Learn How to Talk About a Typical Workday and Tasks",
"intro": [
"In this course, you'll learn how to talk about your workday and the tasks that you perform in the workplace and how to share them with others. It mainly focuses on the structures used for describing your activities and task-related vocabulary."
]
},
"learn-how-to-discuss-your-morning-or-evening-routine": {
"title": "Learn How to Discuss Your Morning or Evening Routine",
"intro": [
"In this course, you'll learn how to talk about details of your routine and share them with someone else. It mainly focuses on the structures used for declaring routine actions and related vocabulary."
]
},
"learn-how-to-describe-your-current-project": {
"title": "Learn How to Describe Your Current Project",
"intro": [
"In this course, you'll learn how to talk about the projects that you are involved in and how to inform others of what you are doing in these projects. It mainly focuses on the structures used for informing it and on the related vocabulary."
]
},
"learn-how-to-ask-and-share-about-educational-and-professional-background": {
"title": "Learn How to Ask and Share About Educational and Professional Background",
"intro": [
"In this course, you'll learn how to ask about another person's educational and professional backgrounds and you'll learn how to share information about your background as well."
]
},
"learn-how-to-talk-about-hobbies-and-interests": {
"title": "Learn How to Talk About Hobbies and Interests",
"intro": [
"In this course, you'll learn different ways to talk about hobbies and things that interest you. You'll also learn how to ask about other people's hobbies and how to invite them to join you in these activities."
]
},
"learn-how-to-discuss-roles-and-responsibilities": {
"title": "Learn How to Discuss Roles and Responsibilities",
"intro": [
"In this course, you'll discuss people's roles and responsibilities in a company and out of it. You'll discover how to ask about these roles and responsibilities and how to share information about you related to the topic."
]
},
"learn-how-to-have-a-conversation-about-preferences-and-motivations": {
"title": "Learn How to Have a Conversation About Preferences and Motivations",
"intro": [
"In this course, you'll learn how to ask about what motivates people in their personal and professional lives, answer questions related to your motivations, and discuss about people's preferences."
]
},
"learn-how-to-discuss-popular-trends-in-technology": {
"title": "Learn How to Discuss Popular Trends in Technology",
"intro": [
"In this course, you'll learn how to discuss about things that everybody's talking about in technology these days."
]
},
"learn-how-to-clarify-information-in-different-interactions": {
"title": "Learn How to Clarify Information in Different Interactions",
"intro": [
"In this course, you'll learn how to check to see if the information you had is correct and how to ask for clarification when something is not clear to you."
]
},
"learn-how-to-use-basic-programming-vocabulary-in-conversations": {
"title": "Learn How to Use Basic Programming Vocabulary in Conversations",
"intro": [
"This course will present basic vocabulary related to programming. You'll learn how to ask questions related to basic programming concepts."
]
},
"learn-how-to-use-code-related-concepts-and-terms": {
"title": "Learn How to Use Code-related Concepts and Terms",
"intro": [
"In this course, you will be introduced to terms related to coding and learn how to use them in conversation."
]
},
"learn-how-to-discuss-tech-trends-and-updates": {
"title": "Learn How to Discuss Tech Trends and Updates",
"intro": [
"In this course, you will be introduced to some recent trends in the world of technology and learn how to discuss them in English."
]
},
"learn-how-to-help-a-coworker-troubleshoot-on-github": {
"title": "Learn How to Help a Coworker Troubleshoot on GitHub",
"intro": [
"In this course, you will learn expression related to how to ask for help from a coworker as well as how to offer them some assistance."
]
},
"learn-how-to-share-your-progress-in-weekly-stand-up-meetings": {
"title": "Learn How to Share Your Progress in Weekly Stand-up Meetings",
"intro": [
"This course will show you how to talk about your projects in terms of what you have already done and what you are currently doing in them."
]
},
"learn-how-to-ask-for-clarification-on-code-understanding": {
"title": "Learn How to Ask for Clarification on Code Understanding",
"intro": [
"In this course, you will see how you can ask questions to clarify things which are not very clear to you in a code."
]
},
"learn-how-to-document-code-for-a-project": {
"title": "Learn How to Document Code for a Project",
"intro": [
"This course will show you expressions related to what to do when documenting code."
]
},
"learn-how-to-read-and-understand-code-documentation": {
"title": "Learn How to Read and Understand Code Documentation",
"intro": [
"This course will present more expressions related to code documentation and bring tips on how to understand it."
]
},
"learn-how-to-analyze-code-documentation": {
"title": "Learn How to Analyze Code Documentation",
"intro": [
"In this course, you will see some ideas to help you to approach documentation and analyze it in simple terms."
]
},
"learn-how-to-share-progress-and-accomplishments": {
"title": "Learn How to Share Progress and Accomplishments",
"intro": [
"In this course, you will learn how to share your progress with coworkers and tell about what successes you've had in your projects."
]
},
"learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects": {
"title": "Learn How to Talk about Updates and Plans for Tasks and Projects",
"intro": [
"This course will show you how to speak about the most recent advancements in your projects and about your plans."
]
},
"learn-how-to-express-agreement-or-disagreement": {
"title": "Learn How to Express Agreement or Disagreement",
"intro": [
"This course will introduce how to say that you agree with what another person says and to tell them politely that you do not agree with them."
]
},
"learn-how-to-offer-technical-support-and-guidance": {
"title": "Learn How to Offer Technical Support and Guidance",
"intro": [
"In this course, you will see ways of offering some help in terms of technical specifics to another person."
]
},
"learn-how-to-request-and-receive-guidance": {
"title": "Learn How to Request and Receive Guidance",
"intro": [
"This course will show you how to ask for assistance from a coworker when you need it."
]
},
"learn-how-to-provide-explanations-when-helping-others": {
"title": "Learn How to Provide Explanations When Helping Others",
"intro": [
"This course will provide you with ways to explain things to other people while assisting them."
]
},
"a2-english-for-developers-certification-exam": {
"title": "A2 English for Developers Certification Exam",
"intro": [
"This exam is required to claim the A2 English for Developers Certification."
]
}
}
},
"b1-english-for-developers": {
"title": "B1 English for Developers (Beta) Certification",
"intro": [
"In this English for Developers Curriculum, you'll learn the essentials of English communication. This will follow the B1 level of the Common European Framework of Reference (CEFR). And we've focused on vocabulary that is particularly useful for developers.",
"It will help you strengthen your foundational skills while introducing more complex grammar and usage. You'll learn how to describe places and things, share past experiences, and confidently use tenses like Present Perfect and Future. Practical communication strategies are included as well, such as managing conversations, expressing opinions, and building agreement or disagreement in discussions.",
"You'll also focus on applying these skills in professional and technical settings. You'll practice vocabulary and phrases essential for developers, such as describing code, participating in stand-up meetings, and discussing tech trends. Advanced topics include conditionals, comparative structures, and conversation management, so you can prepare for real-world interactions in the tech industry.",
"This entire B1-level curriculum includes 73 different dialogues. Each is designed to build your vocabulary and boost your confidence when speaking in a professional tech setting."
],
"blocks": {
"learn-how-to-describe-places-and-events": {
"title": "Learn How to Describe Places and Events",
"intro": [
"This course will show you ways of talking about places and events conversationally."
]
},
"learn-how-to-talk-about-past-experiences": {
"title": "Learn How to Talk About Past Experiences",
"intro": [
"In this course, you will learn how to share experiences that you had in the past."
]
},
"learn-how-to-talk-about-past-activities": {
"title": "Learn How to Talk About Past Activities",
"intro": [
"In this course, you will learn how talk about things that you did."
]
},
"learn-present-perfect-while-talking-about-accessibility": {
"title": "Learn Present Perfect while Talking About Accessibility",
"intro": [
"In this course, you will learn to use the Present Perfect structure and learn a bit more about accessibility."
]
},
"learn-how-to-plan-future-events": {
"title": "Learn How to Plan Future Events",
"intro": [
"In this course, you will learn to use the different forms of the future to plan for upcoming events."
]
},
"learn-future-continuous-while-describing-actions": {
"title": "Learn Future Continuous while Describing Actions",
"intro": [
"In this course, you will learn to use the Future Continuous tense, and how to describe actions to be performed."
]
},
"learn-how-to-use-conditionals": {
"title": "Learn How to Use Conditionals",
"intro": [
"In this course, you will learn to use the conditional sentences to describe hypothetical outcomes depending on the fact that certain conditions are met."
]
},
"learn-how-to-share-feedback": {
"title": "Learn How to Share Feedback",
"intro": [
"In this course, you will see ways of telling other people how you feel about their work, highlighting both their strengths and points for improvement."
]
},
"learn-how-to-share-your-opinion": {
"title": "Learn How to Share Your Opinion",
"intro": [
"This course will show you how to express your ideas and feeling towards topics in a discussion."
]
},
"learn-how-to-express-agreement": {
"title": "Learn How to Express Agreement",
"intro": [
"In this course, you will learn to express agreement in different professional settings."
]
},
"learn-how-to-express-disagreement": {
"title": "Learn How to Express Disagreement",
"intro": [
"In this course, you will learn to express disagreement in different professional settings."
]
},
"learn-how-to-express-concerns": {
"title": "Learn How to Express Concerns",
"intro": [
"In this course, you will learn to inform other people that you are worried about things that might happen to your projects and tasks."
]
},
"learn-how-to-express-decisions-based-on-comparisons": {
"title": "Learn How to Express Decisions Based on Comparisons",
"intro": [
"In this course, you will learn how to compare things like tools or companies using words like better, faster, and the best. You will also practice having friendly conversations to give opinions and make decisions"
]
},
"learn-how-to-use-modal-verbs": {
"title": "Learn How to Use Modal Verbs",
"intro": [
"In this course, you will learn how to talk about rules, describe things that are necessary, and what could happen if they aren't. You'll also practice asking and answering questions clearly, and adding helpful details to your ideas."
]
},
"learn-how-to-manage-a-conversation": {
"title": "Learn How to Manage a Conversation",
"intro": [
"In this course, you will learn how to manage conversations at work — like how to continue a talk after a break, change topics politely, or interrupt when needed. You'll also practice using useful expressions to keep the conversation clear, friendly, and organized."
]
},
"learn-how-to-clarify-misunderstandings": {
"title": "Learn How to Clarify Misunderstandings",
"intro": [
"In this course, you will learn how to ask for and give explanations when something is not clear, using polite questions and helpful responses. You'll also practice guessing the meaning of new words, describing problems, and clearing up misunderstandings in a friendly and professional way."
]
},
"learn-about-speculation-and-requests": {
"title": "Learn About Speculation and Requests",
"intro": [
"In this course, you will learn how to talk about things that should or could have happened in the past, and how to give suggestions or make polite requests. You'll also practice using expressions to guess what might have caused a problem and how to work together to solve it in a clear and respectful way."
]
},
"learn-about-adverbial-phrases": {
"title": "Learn About Adverbial Phrases",
"intro": [
"In this course, you will learn how to use phrases that give more information about when, where, how often, or how much something happens. You'll also practice using these phrases to describe tasks, talk about plans, and explain results more clearly in your daily work."
]
},
"learn-how-to-use-adjectives-in-conversations": {
"title": "Learn How to Use Adjectives in Conversations",
"intro": [
"In this course, you will learn how to use adjectives to describe things clearly, compare options, and highlight important details in professional conversations. You'll also practice how to make your ideas stronger and more persuasive."
]
},
"learn-determiners-and-advanced-use-of-articles": {
"title": "Learn Determiners and Advanced Use of Articles",
"intro": [
"In this course, you will learn how to use determiners to give clear information about quantity, choice, and distribution. You will also practice using articles in more advanced ways, especially in professional conversations about planning, tasks, and resources."
]
},
"learn-how-to-use-reported-speech": {
"title": "Learn How to Use Reported Speech",
"intro": [
"In this course, you will learn how to report what someone else said in a clear and natural way. You will also practice using the correct verb tenses and sentence structures to share feedback, explain situations, and talk about past events in professional conversations."
]
},
"learn-how-to-use-prepositions-according-to-context": {
"title": "Learn How to Use Prepositions According to Context",
"intro": [
"In this course, you will learn how to use prepositions to describe time, place, and direction clearly in everyday work situations. You will also practice talking about schedules, giving directions, and explaining where people or things are located using natural and accurate language."
]
},
"learn-how-to-talk-about-numbers-with-a-coworker": {
"title": "Learn How to Talk About Numbers with a Coworker",
"intro": [
"In this course, you will learn how to use numbers to talk about tasks, schedules, budgets, and resources in the workplace. You will practice using cardinal and ordinal numbers, percentages, and fractions to organize work, explain progress, and share inventory or financial updates clearly with your team."
]
},
"learn-common-phrasal-verbs-and-idioms": {
"title": "Learn Common Phrasal Verbs and Idioms",
"intro": [
"In this course, you will learn how to use common phrasal verbs and idioms to sound more natural and confident at work. You will practice using expressions to give opinions, make suggestions, organize meetings, and talk about tasks in everyday professional conversations."
]
}
}
},
"rosetta-code": {
"title": "Rosetta Code",
"intro": [
"Level up your creative problem solving skills with these free programming tasks from the classic Rosetta Code library.",
"These challenges can prove to be difficult, but they will push your algorithm logic to new heights.",
"<a href='https://rosettacode.org/wiki/Rosetta_Code' target='_blank' rel='noopener noreferrer nofollow'>Attribute: Rosetta Code</a>"
],
"blocks": {
"rosetta-code-challenges": {
"title": "Rosetta Code Challenges",
"intro": [
"These are the challenges for Rosetta Code.",
"NOTE: These challenges support JavaScript only solutions."
]
}
}
},
"full-stack-developer": {
"title": "Certified Full Stack Developer Curriculum",
"intro": [
"This course provides a comprehensive pathway to becoming a Certified Full Stack Developer, covering all the essential technologies required to build modern, scalable web applications from start to finish.",
"Through a blend of interactive lessons, coding exercises, and real-world projects, you will master both frontend and backend development. You'll work with HTML, CSS, and JavaScript to build responsive user interfaces, explore React and TypeScript for advanced web applications, and learn to manage data with relational databases - and on the backend, you'll use Git, Npm, Node.js, and Python to create powerful server-side solutions.",
"By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer.",
"This certification will take you a substantial amount of time and effort to complete. If you start now, you may be ready to start the remaining material and final exam when we launch it in the coming months."
],
"chapters": {
"html": "HTML",
"css": "CSS",
"javascript": "JavaScript",
"frontend-libraries": "Front End Libraries",
"relational-databases": "Relational Databases",
"backend-javascript": "Backend JavaScript",
"python": "Python",
"career": "Career"
},
"modules": {
"basic-html": "Basic HTML",
"semantic-html": "Semantic HTML",
"html-forms-and-tables": "Forms and Tables",
"html-and-accessibility": "Accessibility",
"review-html": "HTML Review",
"exam-html": "HTML Exam",
"computer-basics": "Computer Basics",
"basic-css": "Basic CSS",
"design-for-developers": "Design",
"absolute-and-relative-units": "Absolute and Relative Units",
"pseudo-classes-and-elements": "Pseudo Classes and Elements",
"css-colors": "Colors",
"styling-forms": "Styling Forms",
"css-box-model": "The Box Model",
"css-flexbox": "Flexbox",
"css-typography": "Typography",
"css-and-accessibility": "Accessibility",
"attribute-selectors": "Attribute Selectors",
"css-positioning": "Positioning",
"responsive-design": "Responsive Design",
"css-variables": "Variables",
"css-grid": "Grid",
"css-animations": "Animations",
"review-css": "CSS Review",
"exam-css": "CSS Exam",
"code-editors": "Code Editors",
"javascript-variables-and-strings": "Variables and Strings",
"javascript-booleans-and-numbers": "Booleans and Numbers",
"javascript-functions": "Functions",
"javascript-arrays": "Arrays",
"javascript-objects": "Objects",
"javascript-loops": "Loops",
"review-javascript-fundamentals": "JavaScript Fundamentals Review",
"higher-order-functions-and-callbacks": "Higher Order Functions and Callbacks",
"dom-manipulation-and-events": "DOM Manipulation and Events",
"js-a11y": "JavaScript and Accessibility",
"debugging-javascript": "Debugging",
"basic-regex": "Basic Regex",
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
"maps-and-sets": "Maps and Sets",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"recursion": "Recursion",
"functional-programming": "Functional Programming",
"asynchronous-javascript": "Asynchronous JavaScript",
"review-javascript": "JavaScript Review",
"exam-javascript": "JavaScript Exam",
"react-fundamentals": "React Fundamentals",
"react-state-hooks-and-routing": "React State, Hooks, and Routing",
"performance": "Performance",
"testing": "Testing",
"css-libraries-and-frameworks": "CSS Libraries and Frameworks",
"data-visualization": "Data Visualization and D3",
"typescript-fundamentals": "TypeScript Fundamentals",
"review-front-end-libraries": "Front End Libraries Review",
"exam-front-end-libraries": "Front End Libraries Exam",
"python-basics": "Python Basics",
"python-loops-and-sequences": "Loops and Sequences",
"python-dictionaries-and-sets": "Dictionaries and Sets",
"python-error-handling": "Error Handling",
"python-classes-and-objects": "Classes and Objects",
"python-object-oriented-programming": "Programmazione Orientata agli Oggetti",
"python-linear-data-structures": "Linear Data Structures",
"python-algorithms": "Algorithms",
"python-graphs-and-trees": "Graphs and Trees",
"python-dynamic-programming": "Dynamic Programming",
"review-python": "Python Review",
"exam-python": "Python Exam",
"bash-fundamentals": "Bash Fundamentals",
"relational-databases": "Database relazionali",
"bash-scripting": "Bash Scripting",
"sql-and-bash": "SQL and Bash",
"git": "Git",
"introduction-to-nodejs": "Introduction to Node.js",
"nodejs-core-libraries": "Node.js Core Libraries",
"node-package-manager": "Node Package Manager",
"http-and-the-web-standards-model": "HTTP and the Web Standards Model",
"rest-api-and-web-services": "REST API and Web Services",
"introduction-to-express": "Introduction to Express",
"express-middleware": "Express Middleware",
"error-handling-in-express": "Error Handling in Express",
"websockets": "WebSockets",
"node-and-sql": "Node and SQL",
"security-and-privacy": "Security and Privacy",
"authentication": "Authentication",
"tooling-and-deployment": "Tooling and Deployment",
"how-to-get-a-developer-job": "How to Get a Developer Job",
"capstone-project": "Capstone Project",
"certified-full-stack-developer-exam": "Certified Full Stack Developer Exam"
},
"module-intros": {
"js-a11y": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will learn how to work with the aria-expanded, aria-live and aria-controls attributes inside of your HTML, CSS and JavaScript applications."
]
},
"css-libraries-and-frameworks": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will be introduced to CSS libraries, frameworks, and preprocessors, including Tailwind CSS, Bootstrap, and Sass. You will build out various components using Tailwind CSS and test your knowledge of these tools with a short quiz."
]
},
"data-visualization": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will be introduced to data visualization and learn how to work with the D3 library."
]
},
"typescript-fundamentals": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will be introduced to TypeScript, which is a superset of JavaScript that allows you to add static typing to your JavaScript code. You will build several workshops and labs that will give you practice in working with generics, type narrowing, TSX, and more. Then you will test your knowledge of TypeScript fundamentals with a short quiz."
]
},
"python-basics": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will be introduced to Python, which is used in many fields like data science, machine learning, web development, scripting and automation, embedded systems, IoT, and more. You will build out a workshop and lab to practice Python basics and take a short quiz to test your knowledge."
]
},
"python-loops-and-sequences": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will learn how to work with lists, tuples, lambda functions, loops, and more. You will build out workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-dictionaries-and-sets": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will be introduced to dictionaries, sets, and the Python standard library. You will build out workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-error-handling": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will talk about common error messages, good debugging techniques, and exception handling. You will build a lab to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-classes-and-objects": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn how to work with classes, methods, attributes and properties. Then, you will build out workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-object-oriented-programming": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about Object-oriented programming concepts like encapsulation, inheritance, polymorphism, and more. You will build out workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-linear-data-structures": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about data structures including stacks, queues, linked lists, and more. You will build out a workshop and lab to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-algorithms": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about common algorithms including binary search, merge sort, selection sort, and more. You will build workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-graphs-and-trees": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about graphs in computer science as well as adjacency lists, trees, tries, and more. You will build workshops and labs to practice these concepts and take a short quiz to test your knowledge."
]
},
"python-dynamic-programming": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about dynamic programming and practice these concepts by building a fibonacci sequence lab. Then you will take a short quiz to test your knowledge."
]
},
"bash-fundamentals": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about the command line and common Bash commands. Then you will practice your skills with a workshop and take a short quiz to test your knowledge."
]
},
"relational-databases": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn how to work with relational databases which store data as collections in tables. Some of the concepts you will learn about include inserting and viewing table data, primary and foreign keys in SQL, and more. Then you will build out a workshop and lab to practice these concepts and take a short quiz to test your knowledge."
]
},
"bash-scripting": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about bash scripting and practice those skills by building five programs. Then you will be able to test your knowledge of these concepts by taking a short quiz."
]
},
"sql-and-bash": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn about normalization, SQL injection, and the N+1 problem. Then you will get to practice working with SQL and Bash by building several workshops and labs. Then you will be able to test your knowledge of these concepts by taking a short quiz."
]
},
"git": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn how to use Git, Nano, and GitHub. Then you will get to practice working with Git by building several workshops and labs. You will be able to test your knowledge of these concepts by taking a short quiz."
]
},
"introduction-to-nodejs": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will be introduced to Node.js, which is a JavaScript runtime environment that allows you to build backend applications using JavaScript. You will get to practice fundamental concepts by building a small workshop and test your knowledge with a short quiz."
]
},
"nodejs-core-libraries": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about common Node.js core libraries including the fs, os, path and more. Then you will get to practice what you have learned through workshops and labs and test your knowledge through a short quiz."
]
},
"node-package-manager": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will be introduced to the Node Package Manager, which developers use to manage project dependencies and scripts. Then you will get to practice what you have learned through workshops and labs and test your knowledge with a short quiz."
]
},
"http-and-the-web-standards-model": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about HTTP (Hypertext Transfer Protocol) and other important concepts including the request-response model, common response codes, DNS, TCP/IP, and more. Then you will get to practice what you have learned through a build your own web server workshop and test your knowledge with a short quiz."
]
},
"rest-api-and-web-services": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about the REST API (Representational State Transfer Application Programming Interface) and how microservices work. Then you will take a short quiz to test your knowledge."
]
},
"introduction-to-express": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will be introduced to Express.js, which is a framework used to build RESTful APIs. Then you will practice your skills through workshops and labs and test your knowledge with a short quiz."
]
},
"express-middleware": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about middleware in Express.js, which is used to handle requests and responses between the client and server. You will then practice your skills through a workshop and lab and test your knowledge with a short quiz."
]
},
"error-handling-in-express": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about how error handling, debugging, and health checks work in Express.js. You will then practice what you have learned in a lab and test your knowledge with a short quiz."
]
},
"websockets": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will be introduced to websockets, which is a protocol used for real time communication with the client and server. You will then practice what you have learned in labs and workshops and test your knowledge with a short quiz."
]
},
"node-and-sql": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will practice building applications with Node and SQL. Then you will take a short quiz to test your knowledge."
]
},
"security-and-privacy": {
"note": "Coming Fall 2025",
"intro": [
"In this module, you will learn about the differences between security and privacy as well as other concepts including CSPs, Permissions-Policies, PII, working with CORS, and more. Then you will take a short quiz to test your knowledge."
]
},
"authentication": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about how authentication works in web applications along with other important concepts including JWTs, CSRFs, Passport, Helmet, cryptography and encryption, and more. You will then practice what you have learned in labs and workshops and test your knowledge with a short quiz."
]
},
"tooling-and-deployment": {
"note": "Coming Late 2026",
"intro": [
"In this module, you will learn about common tools used in the industry for deploying your full stack applications. Then you will take a short quiz to test your knowledge."
]
},
"how-to-get-a-developer-job": {
"note": "Coming Late 2026",
"intro": [
"In this module, Quincy Larson (Founder and teacher of freeCodeCamp) will talk about strategies you can use to prepare for getting a developer job. Quincy will cover key subjects including résumés, portfolios, researching the market, preparing for technical interviews, and more."
]
},
"capstone-project": {
"note": "Coming Late 2026",
"intro": [
"This will be your opportunity to build out a full stack application encompassing what you have learned throughout this certification."
]
},
"certified-full-stack-developer-exam": {
"note": "Coming Late 2026",
"intro": [
"This will be a 90 question exam testing what you have learned throughout this certification."
]
}
},
"blocks": {
"workshop-curriculum-outline": {
"title": "Build a Curriculum Outline",
"intro": [
"Welcome to freeCodeCamp!",
"This workshop will serve as your introduction to HTML and coding in general. You will learn about headings and paragraph elements."
]
},
"lab-debug-camperbots-profile-page": {
"title": "Debug Camperbot's Profile Page",
"intro": [
"Camperbot is learning how to code too and needs some help with their HTML.",
"In this lab, you will help Camperbot find and fix the errors in their code."
]
},
"lecture-understanding-html-attributes": {
"title": "Understanding HTML Attributes",
"intro": [
"In these lessons, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
"You will learn about HTML's role on the web, and what HTML attributes are."
]
},
"lab-debug-pet-adoption-page": {
"title": "Debug a Pet Adoption Page",
"intro": [
"In this lab, you will need to find and fix the errors in this pet adoption page."
]
},
"lecture-understanding-the-html-boilerplate": {
"title": "Understanding the HTML Boilerplate",
"intro": [
"In these lessons, you will learn about the HTML boilerplate which is a ready-made template for your webpages.",
"You will learn how to work with the <code>link</code> element, <code>meta</code> element and more."
]
},
"workshop-cat-photo-app": {
"title": "Build a Cat Photo App",
"intro": [
"HTML stands for HyperText Markup Language and it represents the content and structure of a web page.",
"In this workshop, you will learn how to work with basic HTML elements such as headings, paragraphs, images, links, and lists."
]
},
"lab-recipe-page": {
"title": "Build a Recipe Page",
"intro": [
"In this lab, you'll review HTML basics by creating a web page of your favorite recipe. You'll create an HTML boilerplate and work with headings, lists, images, and more."
]
},
"lecture-html-fundamentals": {
"title": "HTML Fundamentals",
"intro": [
"In these lessons, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
]
},
"lecture-understanding-how-html-affects-seo": {
"title": "Understanding How HTML Affects SEO",
"intro": [
"In these lessons, you will learn how your HTML code impacts search engine optimization."
]
},
"lab-travel-agency-page": {
"title": "Build a Travel Agency Page",
"intro": [
"In this lab, you'll review working with HTML fundamentals by creating a web page for a travel agency. You'll work with images, the <code>figure</code> element, the <code>figcaption</code> element, the <code>anchor</code> element, and more."
]
},
"lecture-working-with-audio-and-video-elements": {
"title": "Working with Audio and Video Elements",
"intro": [
"In these lessons, you will learn how to work with the <code>audio</code> and <code>video</code> elements."
]
},
"lab-html-audio-and-video-player": {
"title": "Build an HTML Audio and Video Player",
"intro": [
"In this lab, you will build an HTML audio and video player using the <code>video</code> and <code>audio</code> elements with controls and source attributes."
]
},
"lecture-working-with-images-and-svgs": {
"title": "Working with Images and SVGs",
"intro": [
"In these lessons, you will learn how to work with SVGs and learn about techniques for optimizing your images."
]
},
"workshop-build-a-heart-icon": {
"title": "Build a Heart Icon",
"intro": [
"In this workshop, you will practice working with SVGs by building a heart icon"
]
},
"lecture-working-with-media": {
"title": "Working with the iframe Element",
"intro": [
"In these lessons, you will learn how to work with the <code>iframe</code> element which is used to embed an external site on your web page."
]
},
"workshop-build-a-video-display-using-iframe": {
"title": "Build a Video Display Using iframe",
"intro": [
"In this workshop, you'll learn how to work with the <code>iframe</code> element by building a video display."
]
},
"lab-video-compilation-page": {
"title": "Build a Video Compilation Page",
"intro": [
"In this lab, you'll create a video compilation web page. You'll practice working with the <code>iframe</code> element."
]
},
"lecture-working-with-links": {
"title": "Working with Links",
"intro": [
"In these lessons, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
]
},
"review-basic-html": {
"title": "Basic HTML Review",
"intro": [
"Before you are quizzed on the HTML knowledge you have gained so far, you first need to review the concepts.",
"Open up this page to review the HTML boilerplate, <code>audio</code> and <code>video</code> elements, the different <code>target</code> attribute values and more."
]
},
"quiz-basic-html": {
"title": "Basic HTML Quiz",
"intro": [
"The following quiz will test your knowledge of the basic HTML concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-importance-of-semantic-html": {
"title": "Importance of Semantic HTML",
"intro": [
"In these lessons, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
]
},
"lecture-understanding-nuanced-semantic-elements": {
"title": "Understanding Nuanced Semantic Elements",
"intro": [
"In these lessons, you will learn when you should use certain semantic elements like the <code>em</code> element over the <code>i</code> element, description lists, and more."
]
},
"lecture-working-with-text-and-time-semantic-elements": {
"title": "Working with Text and Time Semantic Elements ",
"intro": [
"In this lesson, you will learn about the importance of semantics in conveying meaning for text and time-related content including the <code>time</code>, <code>blockquote</code> elements and more."
]
},
"lecture-working-with-specialized-semantic-elements": {
"title": "Working with Specialized Semantic Elements",
"intro": [
"In this lesson, you will learn about specialized semantic elements like <code>u</code>, <code>s</code>, <code>code</code> elements and more."
]
},
"workshop-blog-page": {
"title": "Build a Cat Blog Page",
"intro": [
"In this workshop, you will build an HTML only blog page using semantic elements including the <code>main</code>, <code>nav</code>, <code>article</code> and <code>footer</code> elements."
]
},
"lab-event-hub": {
"title": "Build an Event Hub",
"intro": [
"In this lab, you'll build an event hub and review semantic elements like <code>header</code>, <code>nav</code>, <code>article</code>, and more."
]
},
"review-semantic-html": {
"title": "Semantic HTML Review",
"intro": [
"Before you are quizzed on semantic HTML, you first need to review the concepts.",
"Open up this page to review the <code>em</code>, <code>strong</code>, <code>blockquote</code>, <code>address</code> and more semantic HTML elements."
]
},
"quiz-semantic-html": {
"title": "Semantic HTML Quiz",
"intro": [
"The following quiz will test your knowledge on semantic HTML concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-working-with-forms": {
"title": "Working with Forms",
"intro": [
"In these lessons, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
]
},
"workshop-hotel-feedback-form": {
"title": "Build a Hotel Feedback Form",
"intro": [
"In this workshop, you will build a Hotel Feedback Form.",
"You will practice working with labels, inputs, fieldsets, legends, textareas and buttons."
]
},
"lab-survey-form": {
"title": "Build a Survey Form",
"intro": [
"In this lab, you'll review HTML forms by creating a survey form.",
"You'll practice working with the <code>label</code> element, the different <code>input</code> elements, the <code>required</code> attribute, and more. "
]
},
"lecture-working-with-tables": {
"title": "Working with Tables",
"intro": [
"In these lessons, you will learn about HTML tables, how to create them, and when to use them."
]
},
"workshop-final-exams-table": {
"title": "Build a Final Exams Table",
"intro": [
"In this workshop, you will practice working with HTML tables by building a table of final exams."
]
},
"lab-book-catalog-table": {
"title": "Build a Book Catalog Table",
"intro": [
"In this lab, you'll review HTML tables by building a book information table.",
"You'll practice the different table components like the <code>thead</code>, <code>tbody</code>, <code>th</code>, <code>tr</code>, and <code>td</code> elements."
]
},
"lecture-working-with-html-tools": {
"title": "Working with HTML Tools",
"intro": [
"In these lessons, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
]
},
"review-html-tables-and-forms": {
"title": "HTML Tables and Forms Review",
"intro": [
"Before you are quizzed on HTML forms, tables and tools, you first need to review the concepts.",
"Open up this page to review the <code>table</code>, <code>input</code>, and <code>button</code> elements as well as commonly used tools like the HTML validator and more."
]
},
"quiz-html-tables-and-forms": {
"title": "HTML Tables and Forms Quiz",
"intro": [
"The following quiz will test your knowledge of HTML tables, forms and commonly used HTML tools.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-importance-of-accessibility-and-good-html-structure": {
"title": "Importance of Accessibility and Good HTML Structure",
"intro": [
"In these lessons, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
]
},
"workshop-debug-coding-journey-blog-page": {
"title": "Debug a Coding Journey Blog Page",
"intro": [
"In this workshop, you will debug and fix accessibility errors in a coding blog page."
]
},
"lecture-accessible-tables-forms": {
"title": "Working with Accessible Tables and Forms",
"intro": [
"In these lessons, you will learn about how to create accessible tables and forms."
]
},
"lecture-introduction-to-aria": {
"title": "Introduction to ARIA",
"intro": [
"In these lessons, you will learn about working with ARIA roles."
]
},
"lecture-accessible-media-elements": {
"title": "Working with Accessible Media Elements",
"intro": [
"In these lessons, you will learn about how to create accessible links, audio and video content."
]
},
"lab-checkout-page": {
"title": "Build a Checkout Page",
"intro": [
"In this lab, you'll create an accessible checkout page.",
"You'll practice concepts like <code>alt</code> attributes and ARIA roles."
]
},
"lab-movie-review-page": {
"title": "Design a Movie Review Page",
"intro": [
"In this lab, you'll create a movie review page.",
"You'll practice concepts like semantic HTML, <code>alt</code> attributes, accessible lists, and hiding decorative content from screen readers using <code>aria-hidden</code>."
]
},
"lab-multimedia-player": {
"title": "Build a Multimedia Player",
"intro": [
"In this lab, you'll build a multimedia player.",
"You will practice working with the <code>audio</code> and <code>video</code> elements, the <code>controls</code> attribute, and the <code>aria-label</code> attribute."
]
},
"review-html-accessibility": {
"title": "HTML Accessibility Review",
"intro": [
"Before you are quizzed on HTML and accessibility, you first need to review the concepts.",
"Open up this page to review concepts including the <code>aria-hidden</code>, <code>aria-describedby</code>, <code>tabindex</code> attributes and more."
]
},
"quiz-html-accessibility": {
"title": "HTML Accessibility Quiz",
"intro": [
"The following quiz will test your knowledge on the accessibility concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"review-html": {
"title": "HTML Review",
"intro": [
"Before you take the HTML prep exam, you first need to review the concepts taught in the previous modules.",
"Open up this page to review concepts around the basics of HTML elements, semantic HTML, tables, forms and accessibility."
]
},
"qpra": {
"title": "30",
"intro": []
},
"lecture-understanding-computer-internet-and-tooling-basics": {
"title": "Understanding Computer, Internet, and Tooling Basics",
"intro": [
"In these lessons, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
]
},
"lecture-working-with-file-systems": {
"title": "Working with File Systems",
"intro": [
"In these lessons, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
]
},
"lecture-browsing-the-web-effectively": {
"title": "Browsing the Web Effectively",
"intro": [
"In these lessons, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
]
},
"review-computer-basics": {
"title": "Computer Basics Review",
"intro": [
"Before you are quizzed on basic computer and internet concepts, you first need to review.",
"Open up this page to review concepts like RAM, Internet service providers, common web browsers, search engines and more."
]
},
"quiz-computer-basics": {
"title": "Computer Basics Quiz",
"intro": [
"Test what you've learned in this quiz of basic computer knowledge."
]
},
"lecture-what-is-css": {
"title": "What Is CSS?",
"intro": [
"The following lessons are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
]
},
"workshop-cafe-menu": {
"title": "Design a Cafe Menu",
"intro": [
"CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements.",
"In this workshop, you'll learn CSS by designing a menu page for a cafe webpage."
]
},
"lab-business-card": {
"title": "Design a Business Card",
"intro": [
"In this lab, you'll create a business card and style it using CSS.",
"You'll practice style properties like <code>color</code>, <code>font-size</code>, <code>text-align</code>, and more."
]
},
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
"intro": [
"In these lessons, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
]
},
"review-basic-css": {
"title": "Basic CSS Review",
"intro": [
"Before you are quizzed on basic CSS concepts, you first need to review.",
"Open up this page to review concepts including <code>margin</code>, <code>padding</code>, CSS combinators, CSS specificity and more."
]
},
"quiz-basic-css": {
"title": "Basic CSS Quiz",
"intro": [
"Test what you've learned in this quiz of basic CSS knowledge."
]
},
"lecture-styling-lists-and-links": {
"title": "Styling Lists and Links",
"intro": [
"In these lessons, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
]
},
"lab-stylized-to-do-list": {
"title": "Build a Stylized To-Do List",
"intro": [
"In this lab, you'll build a To-Do list and apply different styles to the links",
"You'll practice style properties like <code>text-decoration</code>, <code>list-style-type</code> and how to change styles on hover or click."
]
},
"lecture-working-with-backgrounds-and-borders": {
"title": "Working with Backgrounds and Borders",
"intro": [
"In these lessons, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
]
},
"lab-blog-post-card": {
"title": "Design a Blog Post Card",
"intro": [
"In this lab, you'll design a blog post card using HTML and CSS",
"You'll practice concepts like <code>background-color</code>, <code>border-radius</code>, margins, paddings, and more."
]
},
"review-css-backgrounds-and-borders": {
"title": "Lists, Links, CSS Background and Borders Review",
"intro": [
"Before you are quizzed on CSS backgrounds and borders, you first need to review.",
"Open up this page to review concepts including the <code>background-image</code> property, <code>border</code> property and more."
]
},
"quiz-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Quiz",
"intro": [
"Test what you've learned in this quiz of backgrounds and borders in CSS."
]
},
"lecture-user-interface-design-fundamentals": {
"title": "User Interface Design Fundamentals",
"intro": [
"In these lessons, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
]
},
"lecture-user-centered-design": {
"title": "User-Centered Design",
"intro": [
"In these lessons, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
]
},
"lecture-common-design-tools": {
"title": "Common Design Tools",
"intro": [
"In these lessons, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
]
},
"review-design-fundamentals": {
"title": "Design Fundamentals Review",
"intro": [
"Before you are quizzed on the design fundamentals you have learned so far, you first need to review.",
"Open up this page to review concepts like user-centered design, scale, alignment, good visual hierarchy and more."
]
},
"quiz-design-fundamentals": {
"title": "Design Fundamentals Quiz",
"intro": [
"Test what you've learned in this quiz of UI design fundamentals."
]
},
"lecture-working-with-relative-and-absolute-units": {
"title": "Working with Relative and Absolute Units",
"intro": [
"In these lessons, you will learn about relative and absolute units, and how they both impact what you see in the browser."
]
},
"lab-event-flyer-page": {
"title": "Build an Event Flyer Page",
"intro": [
"In this lab, you'll create an event flyer page.",
"You will practice aligning elements using absolute and relative CSS."
]
},
"review-css-relative-and-absolute-units": {
"title": "CSS Relative and Absolute Units Review",
"intro": [
"Before you are quizzed on relative and absolute units, you first need to review.",
"Open up this page to review concepts like percentages, <code>px</code>, <code>rem</code>, <code>em</code>, and more."
]
},
"quiz-css-relative-and-absolute-units": {
"title": "CSS Relative and Absolute Units Quiz",
"intro": [
"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 lessons, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
]
},
"workshop-greeting-card": {
"title": "Design a Greeting Card",
"intro": [
"In the previous lessons, you learned how to work with the different types of pseudo-classes.",
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
]
},
"lab-job-application-form": {
"title": "Build a Job Application Form",
"intro": [
"In this lab you'll build a job application form and style it using pseudo-classes.",
"You'll practice concepts like <code>:hover</code>, <code>:active</code>, <code>:focus</code>, and more."
]
},
"review-css-pseudo-classes": {
"title": "CSS Pseudo-classes Review",
"intro": [
"Before you're quizzed on CSS pseudo-classes and pseudo-elements, you should review what you've learned about them.",
"Open up this page to review concepts like the <code>::before</code> and <code>::after</code> pseudo-elements as well as the <code>:hover</code>, <code>:active</code> pseudo-classes and more."
]
},
"quiz-css-pseudo-classes": {
"title": "CSS Pseudo-classes Quiz",
"intro": ["Test your knowledge of CSS pseudo-classes with this quiz."]
},
"lecture-working-with-colors-in-css": {
"title": "Working with Colors in CSS",
"intro": [
"In these lessons, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
]
},
"workshop-colored-markers": {
"title": "Build a Set of Colored Markers",
"intro": [
"In this workshop, you'll build a set of colored markers. You'll practice different ways to set color values and how to pair colors with each other."
]
},
"lab-colored-boxes": {
"title": "Design a Set of Colored Boxes",
"intro": [
"In this lab, you'll create a color grid and practice adding background colors to the grid items using hex codes, RGB, and predefined color names."
]
},
"review-css-colors": {
"title": "CSS Colors Review",
"intro": [
"Before you're quizzed on CSS colors, you should review what you've learned about them.",
"Open up this page to review concepts like the <code>rgb()</code> function, <code>hsl()</code> function, <code>hex codes</code>, and more."
]
},
"quiz-css-colors": {
"title": "CSS Colors Quiz",
"intro": ["Test your knowledge of CSS colors with this quiz."]
},
"lecture-best-practices-for-styling-forms": {
"title": "Best Practices for Styling Forms",
"intro": [
"In these lessons, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
]
},
"workshop-registration-form": {
"title": "Design a Registration Form",
"intro": [
"In this workshop, you'll learn how to design HTML forms by designing a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page."
]
},
"lab-contact-form": {
"title": "Design a Contact Form",
"intro": [
"In this lab, you'll design a contact form in HTML and style it using CSS."
]
},
"lab-feature-selection": {
"title": "Design a Feature Selection Page",
"intro": [
"In this lab, you'll build a feature selection page with custom-styled checkboxes.",
"You'll create feature cards with labels and checkboxes, then give custom styling to the checkboxes."
]
},
"review-styling-forms": {
"title": "Styling Forms Review",
"intro": [
"Before you're quizzed on styling forms, you should review what you've learned.",
"Open up this page to review how to style form inputs, working with <code>appearance: none</code> and more."
]
},
"quiz-styling-forms": {
"title": "Styling Forms Quiz",
"intro": [
"In this quiz, you will test your knowledge of how to style forms."
]
},
"lecture-working-with-css-transforms-overflow-and-filters": {
"title": "Working with CSS Transforms, Overflow, and Filters",
"intro": [
"In these lessons, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
]
},
"workshop-rothko-painting": {
"title": "Design a Rothko Painting",
"intro": [
"Every HTML element is its own box – with its own spacing and a border. This is called the Box Model.",
"In this workshop, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces."
]
},
"lab-confidential-email-page": {
"title": "Build a Confidential Email Page",
"intro": [
"In this lab, you'll create a web page using HTML and mask the content using CSS properties."
]
},
"review-css-layout-and-effects": {
"title": "CSS Layouts and Effects Review",
"intro": [
"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": {
"title": "CSS Layout and Effects Quiz",
"intro": [
"In this quiz, you will test your knowledge of the box model, transforms, filters, and overflow in CSS."
]
},
"lecture-working-with-css-flexbox": {
"title": "Working with CSS Flexbox",
"intro": [
"In these lessons, you will learn how CSS flexbox works, its properties, and when you should use it."
]
},
"workshop-flexbox-photo-gallery": {
"title": "Build a Flexbox Photo Gallery",
"intro": [
"In this workshop, you'll use Flexbox to build a responsive photo gallery webpage."
]
},
"lab-page-of-playing-cards": {
"title": "Build a Page of Playing Cards",
"intro": [
"In this lab, you'll use flexbox to create a webpage of playing cards.",
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code>, and more."
]
},
"review-css-flexbox": {
"title": "CSS Flexbox Review",
"intro": [
"Before you're quizzed on CSS flexbox, you should review what you've learned.",
"Open up this page to review concepts like the <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code>, <code>flex-wrap</code> properties, and more."
]
},
"quiz-css-flexbox": {
"title": "CSS Flexbox Quiz",
"intro": ["Test what you've learned on CSS flexbox with this quiz."]
},
"lecture-working-with-css-fonts": {
"title": "Working with CSS Fonts",
"intro": [
"In these lessons, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
]
},
"workshop-nutritional-label": {
"title": "Build a Nutritional Label",
"intro": [
"Typography is the art of styling your text to be easily readable and suit its purpose.",
"In this workshop, you'll use typography to build a nutrition label webpage. You'll practice how to style text, adjust line height, and position your text using CSS."
]
},
"lab-newspaper-article": {
"title": "Build a Newspaper Article",
"intro": [
"In this lab, you'll build a newspaper article page using HTML and CSS.",
"You'll style the fonts using properties like <code>font-family</code>, <code>font-size</code>, <code>font-weight</code>, and more."
]
},
"review-css-typography": {
"title": "CSS Typography Review",
"intro": [
"Before you're quizzed on the fundamentals of typography, you should review what you've learned.",
"Open up this page to review concepts like web safe fonts, the <code>font-family</code> property and more."
]
},
"quiz-css-typography": {
"title": "CSS Typography Quiz",
"intro": ["Test your knowledge of typography with this quiz."]
},
"lecture-best-practices-for-accessibility-and-css": {
"title": "Best Practices for Accessibility and CSS",
"intro": [
"In these lessons, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
]
},
"workshop-accessibility-quiz": {
"title": "Build a Quiz Webpage",
"intro": [
"Accessibility is the process of making your webpages usable for everyone, including people with disabilities.",
"In this workshop, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices."
]
},
"lab-tribute-page": {
"title": "Build a Tribute Page",
"intro": [
"In this lab, you'll build a tribute page for a subject of your choosing, fictional or real."
]
},
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
"Before you're quizzed on CSS and accessibility, you should review what you've learned.",
"Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
"title": "CSS Accessibility Quiz",
"intro": [
"In this quiz, you'll test what you've learned about making your webpages accessible with CSS."
]
},
"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 lessons, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
]
},
"workshop-cat-painting": {
"title": "Build a Cat Painting",
"intro": [
"Mastering CSS positioning is essential for creating visually appealing and responsive web layouts.",
"In this workshop, you will build a cat painting. You'll learn about how to work with absolute positioning, the <code>z-index</code> property, and the <code>transform</code> property."
]
},
"lab-house-painting": {
"title": "Build a House Painting",
"intro": [
"In this lab, you'll build a house painting using CSS.",
"You'll design individual elements of the house and position them using CSS properties like <code>position</code>, <code>top</code>, <code>left</code>, and more."
]
},
"review-css-positioning": {
"title": "CSS Positioning Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS positioning, you should review what you've learned.",
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
]
},
"quiz-css-positioning": {
"title": "CSS Positioning Quiz",
"intro": ["Test your knowledge of CSS positioning with this quiz."]
},
"lecture-working-with-attribute-selectors": {
"title": "Working with Attribute Selectors",
"intro": [
"In these lessons, you will learn about attribute selectors and how to use them to target elements like links and lists."
]
},
"workshop-balance-sheet": {
"title": "Build a Balance Sheet",
"intro": [
"In this workshop, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage."
]
},
"lab-book-inventory-app": {
"title": "Build a Book Inventory App",
"intro": [
"In this lab, you'll create a book inventory app.",
"You'll practice CSS attribute selectors like <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code>, and more."
]
},
"review-css-attribute-selectors": {
"title": "CSS Attribute Selectors Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS attribute selectors, you should review what you've learned about them.",
"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 Attribute Selectors Quiz",
"intro": [
"Test your knowledge of CSS attribute selectors with this quiz."
]
},
"lecture-best-practices-for-responsive-web-design": {
"title": "Best Practices for Responsive Web Design",
"intro": [
"In these lessons, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
]
},
"workshop-piano": {
"title": "Design a Piano",
"intro": [
"Responsive Design tells your webpage how it should look on different-sized screens.",
"In this workshop, you'll use CSS and responsive design to code a piano. You'll also practice media queries and pseudo selectors."
]
},
"lab-technical-documentation-page": {
"title": "Build a Technical Documentation Page",
"intro": [
"In this lab, you'll build a technical documentation page to serve as instruction or reference for a topic.",
"You'll also practice media queries to create a responsive design."
]
},
"review-responsive-web-design": {
"title": "Responsive Web Design Review",
"intro": [
"Before you're quizzed on the fundamentals of responsive design, you should review what you've learned.",
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
]
},
"quiz-responsive-web-design": {
"title": "Responsive Web Design Quiz",
"intro": [
"Test what you've learned about making your webpages responsive with this quiz."
]
},
"lecture-working-with-css-variables": {
"title": "Working with CSS Variables",
"intro": [
"In these lessons, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
]
},
"workshop-city-skyline": {
"title": "Build a City Skyline",
"intro": [
"CSS variables help you organize your styles and reuse them.",
"In this workshop, you'll build a city skyline. You'll practice how to configure CSS variables so you can reuse them whenever you want."
]
},
"lab-availability-table": {
"title": "Build an Availability Table",
"intro": [
"For this lab, you'll create an availability table that shows the availability of people for a meeting.",
"You'll practice using CSS variables to store and reuse colors, fonts, and other styles."
]
},
"review-css-variables": {
"title": "CSS Variables Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS variables, you should review what you've learned.",
"Open up this page to review how to work with CSS custom properties (CSS variables) and the <code>@property</code> rule."
]
},
"quiz-css-variables": {
"title": "CSS Variables Quiz",
"intro": ["Test your knowledge of CSS variables with this quiz."]
},
"lecture-working-with-css-grid": {
"title": "Working with CSS Grid",
"intro": [
"In these lessons, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
]
},
"workshop-magazine": {
"title": "Build a Magazine",
"intro": [
"CSS Grid gives you control over the rows and columns of your webpage design.",
"In this workshop, you'll build a magazine article. You'll practice how to use CSS Grid, including concepts like grid rows and grid columns."
]
},
"lab-newspaper-layout": {
"title": "Design a Newspaper Layout",
"intro": [
"In this lab, you will design a newspaper layout using CSS Grid, including concepts like grid rows and grid columns."
]
},
"lecture-debugging-css": {
"title": "Debugging CSS",
"intro": [
"In this lesson, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
]
},
"lab-product-landing-page": {
"title": "Build a Product Landing Page",
"intro": [
"In this project, you'll build a product landing page to market a product of your choice."
]
},
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS Grid, you should review what you've learned.",
"Open up this page to review how to work with the different CSS Grid properties like <code>grid-template-columns</code>, <code>grid-gap</code> and more."
]
},
"quiz-css-grid": {
"title": "CSS Grid Quiz",
"intro": ["Test your knowledge of CSS Grid with this quiz."]
},
"lecture-animations-and-accessibility": {
"title": "Animations and Accessibility",
"intro": [
"In these lessons, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
]
},
"workshop-ferris-wheel": {
"title": "Build an Animated Ferris Wheel",
"intro": [
"You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
"In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
"intro": [
"In this lab, you'll create an animation of the moon orbiting the earth.",
"You'll practice animation properties like <code>animation-name</code>, <code>animation-duration</code>, <code>animation-timing-function</code>, and more."
]
},
"workshop-flappy-penguin": {
"title": "Build a Flappy Penguin",
"intro": [
"You can transform HTML elements to create appealing designs that draw your reader's eye. You can use transforms to rotate elements, scale them, and more.",
"In this workshop, you'll build a penguin. You'll use CSS transforms to position and resize the parts of your penguin, create a background, and animate your work."
]
},
"lab-personal-portfolio": {
"title": "Build a Personal Portfolio",
"intro": [
"In this project, you'll build your own personal portfolio page."
]
},
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
"Before you're quizzed on working with CSS animations, you should review what you've learned about them.",
"Open up this page to review concepts including <code>prefers-reduced-motion</code>, the <code>@keyframes</code> rule and more."
]
},
"quiz-css-animations": {
"title": "CSS Animations Quiz",
"intro": ["Test your knowledge of CSS animations with this quiz."]
},
"review-css": {
"title": "CSS Review",
"intro": [
"Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
"Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
]
},
"lecture-working-with-code-editors-and-ides": {
"title": "Working with Code Editors and IDEs",
"intro": [
"In these lessons, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
]
},
"lecture-introduction-to-javascript": {
"title": "Introduction to JavaScript",
"intro": [
"In these lessons, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, and much more."
]
},
"lecture-introduction-to-strings": {
"title": "Introduction to Strings",
"intro": [
"In these lessons, you will learn how to work with strings and string concatenation."
]
},
"lecture-understanding-code-clarity": {
"title": "Understanding Code Clarity",
"intro": [
"In these lessons, you will learn about comments in JavaScript and the role of semicolons in programming."
]
},
"workshop-greeting-bot": {
"title": "Build a Greeting Bot",
"intro": [
"In this workshop, you will learn JavaScript fundamentals by building a greeting bot.",
"You will learn about variables, <code>let</code>, <code>const</code>, <code>console.log</code> and basic string usage."
]
},
"lab-javascript-trivia-bot": {
"title": "Build a JavaScript Trivia Bot",
"intro": [
"In this lab, you'll practice working with JavaScript variables and strings by building a trivia bot."
]
},
"lab-sentence-maker": {
"title": "Build a Sentence Maker",
"intro": [
"In this lab, you will continue practicing with strings and concatenation by creating and customizing various stories."
]
},
"lecture-working-with-data-types": {
"title": "Working with Data Types",
"intro": [
"In the following lessons, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
]
},
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
"Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
"Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Quiz",
"intro": [
"Test your knowledge of JavaScript variables and data types with this quiz."
]
},
"lecture-working-with-strings-in-javascript": {
"title": "Working with Strings in JavaScript",
"intro": [
"In these lessons, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
]
},
"workshop-teacher-chatbot": {
"title": "Build a Teacher Chatbot",
"intro": [
"In this workshop, you will continue to learn more about JavaScript strings by building a chatbot.",
"You will learn how to work with template literals, and the <code>indexOf</code> method."
]
},
"lecture-working-with-string-character-methods": {
"title": "Working with String Character Methods",
"intro": [
"In this lesson you will learn about ASCII character encoding and how to use JavaScript's <code>charCodeAt()</code> and <code>fromCharCode()</code> methods to convert between characters and their numerical ASCII values."
]
},
"lecture-working-with-string-search-and-slice-methods": {
"title": "Working with String Search and Slice Methods",
"intro": [
"In this lesson you will learn how to search for substrings using the <code>includes()</code> method and how to extract portions of strings using the <code>slice()</code> method."
]
},
"lecture-working-with-string-formatting-methods": {
"title": "Working with String Formatting Methods",
"intro": [
"In this lesson you will learn how to format strings by changing their case using <code>toUpperCase()</code> and <code>toLowerCase()</code> methods, and how to remove whitespace using <code>trim()</code>, <code>trimStart()</code>, and <code>trimEnd()</code> methods."
]
},
"lecture-working-with-string-modification-methods": {
"title": "Working with String Modification Methods",
"intro": [
"In this lesson you will learn how to modify strings by replacing parts of them using the <code>replace()</code> method and how to repeat strings multiple times using the <code>repeat()</code> method."
]
},
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
"Before you are quizzed on working with JavaScript strings, you first need to review.",
"Open up this page to review how to work with template literals, the <code>slice</code> method, the <code>includes</code> method, the <code>trim</code> method and more."
]
},
"quiz-javascript-strings": {
"title": "JavaScript Strings Quiz",
"intro": ["Test your knowledge of JavaScript strings with this quiz."]
},
"lecture-working-with-numbers-and-arithmetic-operators": {
"title": "Working with Numbers and Arithmetic Operators",
"intro": [
"In these lessons you will learn about the number type, arithmetic operators, and using them with numbers and strings."
]
},
"lecture-working-with-operator-behavior": {
"title": "Working with Operator Behavior",
"intro": [
"In these lessons you will learn about operator precedence, the increment and decrement operators, and compound assignment operators."
]
},
"lecture-working-with-comparison-and-boolean-operators": {
"title": "Working with Comparison and Boolean Operators",
"intro": [
"In these lessons you will learn about booleans, and equality and inequality operators, and other comparison operators."
]
},
"lecture-working-with-unary-and-bitwise-operators": {
"title": "Working with Unary and Bitwise Operators",
"intro": [
"In these lessons you will learn about unary and bitwise operators."
]
},
"lecture-working-with-conditional-logic-and-math-methods": {
"title": "Working with Conditional Logic and Math Methods",
"intro": [
"In these lessons you will learn about conditional statements, binary logical operators, and the <code>Math</code> object."
]
},
"workshop-mathbot": {
"title": "Build a Mathbot",
"intro": [
"In this workshop, you will review how to work with the different Math object methods by building a Mathbot."
]
},
"lab-fortune-teller": {
"title": "Build a Fortune Teller",
"intro": [
"In this lab, you'll build a fortune teller by randomly selecting a fortune from the available fortunes.",
"You'll practice how to work with the <code>Math.random()</code> method and the <code>Math.floor()</code> method to generate random numbers."
]
},
"lecture-working-with-numbers-and-common-number-methods": {
"title": "Working with Numbers and Common Number Methods",
"intro": [
"In these lessons, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
]
},
"review-javascript-math": {
"title": "JavaScript Math Review",
"intro": [
"Before you're quizzed on working with the <code>Math</code> object, you should review what you've learned.",
"Open up this page to review how to work with the <code>Math.random()</code> method, the <code>Math.floor()</code> method and more."
]
},
"quiz-javascript-math": {
"title": "JavaScript Math Quiz",
"intro": [
"Test your knowledge of the JavaScript <code>Math</code> object with this quiz."
]
},
"lecture-understanding-comparisons-and-conditionals": {
"title": "Understanding Comparisons and Conditionals",
"intro": [
"In these lessons, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
]
},
"review-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Review",
"intro": [
"Before you're quizzed on working with conditionals, you should review what you've learned about them.",
"Open up this page to review how to work with <code>switch</code> statements, other types of conditionals and more."
]
},
"quiz-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Quiz",
"intro": [
"Test your knowledge of JavaScript Comparisons and Conditionals with this quiz."
]
},
"lecture-working-with-functions": {
"title": "Working with Functions",
"intro": [
"In these lessons, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
]
},
"workshop-calculator": {
"title": "Build a Calculator",
"intro": [
"In this workshop, you will review your knowledge of functions by building a calculator."
]
},
"lab-boolean-check": {
"title": "Build a Boolean Check Function",
"intro": [
"In this lab, you'll implement a function that checks if a value is a boolean."
]
},
"lab-email-masker": {
"title": "Build an Email Masker",
"intro": [
"In this lab, you'll build an email masker that will take an email address and obscure it.",
"You'll practice string slicing, concatenation, and using functions."
]
},
"workshop-loan-qualification-checker": {
"title": "Build a Loan Qualification Checker",
"intro": [
"In this workshop, you will continue to learn how to work with conditionals by building a loan qualification checker app.",
"You will learn more about <code>if</code> statements, and how to use comparison operators and multiple conditions in an <code>if</code> statement."
]
},
"lab-celsius-to-fahrenheit-converter": {
"title": "Build a Celsius to Fahrenheit Converter",
"intro": [
"In this lab you will implement a function that converts the temperature from Celsius to Fahrenheit."
]
},
"lab-counting-cards": {
"title": "Build a Card Counting Assistant",
"intro": ["In this lab you will use JavaScript to count dealt cards."]
},
"lab-leap-year-calculator": {
"title": "Build a Leap Year Calculator ",
"intro": [
"In this lab you'll use conditional statements and loops to determine if a year is a leap year."
]
},
"lab-truncate-string": {
"title": "Implement the Truncate String Algorithm",
"intro": [
"In this lab, you will practice truncating a string at a certain length."
]
},
"lab-string-ending-checker": {
"title": "Build a Confirm the Ending Tool",
"intro": [
"In this lab, you will implement a function that checks if a given string ends with a specified target string."
]
},
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
"Before you're quizzed on JavaScript functions, you should review what you've learned about them.",
"Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
"title": "JavaScript Functions Quiz",
"intro": ["Test your knowledge of JavaScript functions with this quiz."]
},
"lecture-working-with-arrays": {
"title": "Working with Arrays",
"intro": [
"In these lessons, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
"intro": [
"In this workshop, you will practice how to work with arrays by building a shopping list.",
"You will review how to add and remove elements from an array using methods like <code>push</code>, <code>pop</code>, <code>shift</code>, and <code>unshift</code>."
]
},
"lab-lunch-picker-program": {
"title": "Build a Lunch Picker Program",
"intro": [
"In this lab, you'll review working with arrays and random numbers by building a lunch picker program."
]
},
"lab-golf-score-translator": {
"title": "Build a Golf Score Translator",
"intro": [
"For this lab, you will use array methods to translate golf scores into their nickname."
]
},
"lab-reverse-a-string": {
"title": "Build a String Inverter",
"intro": [
"In this lab, you create a function that reverses a given string."
]
},
"lecture-working-with-common-array-methods": {
"title": "Working with Common Array Methods",
"intro": [
"In these lessons, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
"intro": [
"Before you're quizzed on JavaScript arrays, you should review what you've learned about them.",
"Open up this page to review concepts like array destructuring, how to add and remove elements from an array, and more."
]
},
"quiz-javascript-arrays": {
"title": "JavaScript Arrays Quiz",
"intro": ["Test your knowledge of JavaScript arrays with this quiz."]
},
"lecture-introduction-to-javascript-objects-and-their-properties": {
"title": "Introduction to JavaScript Objects and Their Properties",
"intro": [
"In these lessons, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
]
},
"lecture-working-with-optional-chaining-and-object-destructuring": {
"title": "Working with Optional Chaining and Object Destructuring",
"intro": [
"In these lessons, you will learn about advanced object manipulation techniques in JavaScript, including the optional chaining operator and object destructuring syntax."
]
},
"lecture-working-with-json": {
"title": "Working with JSON",
"intro": [
"In these lessons, you will learn about JavaScript Object Notation (JSON), including how to access JSON data and use the <code>JSON.parse()</code> and <code>JSON.stringify()</code> methods."
]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
"intro": [
"In this workshop, you will review working with JavaScript objects by building a recipe tracker."
]
},
"lab-quiz-game": {
"title": "Build a Quiz Game",
"intro": [
"In this lab, you'll build a quiz game using JavaScript arrays and objects.",
"You'll also practice using functions to randomly select a question and an answer from an array and compare them."
]
},
"lab-record-collection": {
"title": "Build a Record Collection",
"intro": [
"In this lab you will build a function to manage a record collection."
]
},
"review-javascript-objects": {
"title": "JavaScript Objects Review",
"intro": [
"Before you're quizzed on JavaScript objects, you should review what you've learned about them.",
"Open up this page to review concepts including how to access information from objects, object destructuring, working with JSON, and more."
]
},
"quiz-javascript-objects": {
"title": "JavaScript Objects Quiz",
"intro": ["Test your knowledge of JavaScript objects with this quiz."]
},
"lecture-working-with-loops": {
"title": "Working with Loops",
"intro": [
"Loops are an essential part of JavaScript. That's why the following lessons have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
"intro": [
"In this workshop, you'll review how to work with JavaScript loops by building a sentence analyzer app."
]
},
"lab-longest-word-in-a-string": {
"title": "Build a Longest Word Finder App",
"intro": [
"In this lab, you will use JavaScript loops to find the length of the longest word in the given sentence."
]
},
"lab-factorial-calculator": {
"title": "Build a Factorial Calculator ",
"intro": [
"In this lab, you'll build a factorial calculator.",
"You'll practice using loops and conditionals to calculate the factorial of a number."
]
},
"lab-mutations": {
"title": "Implement the Mutations Algorithm",
"intro": [
"In this lab, you will practice iterating over two different strings to compare their characters."
]
},
"lab-chunky-monkey": {
"title": "Implement the Chunky Monkey Algorithm",
"intro": [
"In this lab, you will practice dividing an array into smaller arrays with the technique of your choice."
]
},
"lab-profile-lookup": {
"title": "Build a Profile Lookup",
"intro": [
"In this lab, you'll create a function that looks up profile information."
]
},
"lab-repeat-a-string": {
"title": "Build a String Repeating Function",
"intro": [
"In this lab, you will implement loops to repeat a string a specified number of times."
]
},
"lab-missing-letter-detector": {
"title": "Build a Missing Letter Detector",
"intro": [
"In this lab, you will build a function that finds the missing letter in a given range of consecutive letters and returns it."
]
},
"review-javascript-loops": {
"title": "JavaScript Loops Review",
"intro": [
"Before you're quizzed on the different JavaScript loops, you should review them.",
"Open up this page to review the <code>for...of</code> loop, <code>while</code> loop, <code>break and continue</code> statements and more."
]
},
"quiz-javascript-loops": {
"title": "JavaScript Loops Quiz",
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
},
"lecture-working-with-types-and-objects": {
"title": "Working with Types and Objects",
"intro": [
"In these lessons you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
]
},
"lecture-working-with-arrays-variables-and-naming-practices": {
"title": "Working with Arrays, Variables, and Naming Practices",
"intro": [
"In these lessons you will learn about common practices for naming variables and functions, and how to work with arrays."
]
},
"lecture-working-with-code-quality-and-execution-concepts": {
"title": "Working with Code Quality and Execution Concepts",
"intro": [
"In these lessons you will learn what are linters and formatters, what is memory management, and closures."
]
},
"lab-largest-number-finder": {
"title": "Build the Largest Number Finder",
"intro": [
"In this lab, you will use JavaScript fundamentals to create a function that finds the largest number in each sub-array of a given array."
]
},
"lab-first-element-finder": {
"title": "Build a First Element Finder",
"intro": [
"In this lab, you will create a function that looks through an array and returns the first element in it that passes a \"truth test\"."
]
},
"lab-slice-and-splice": {
"title": "Implement the Slice and Splice Algorithm",
"intro": [
"In this lab, you will practice merging an array with another."
]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
"intro": [
"In this lab you'll build a pyramid generator.",
"You'll take a number as input and generate a pyramid with that many levels using a loop."
]
},
"lab-gradebook-app": {
"title": "Build a Gradebook App",
"intro": [
"For this lab, you'll create a gradebook app.",
"You'll practice conditionals to determine the student's grade based on their score."
]
},
"lecture-the-var-keyword-and-hoisting": {
"title": "The var Keyword and Hoisting",
"intro": [
"In these lessons, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
]
},
"lab-title-case-converter": {
"title": "Build a Title Case Converter",
"intro": [
"In this lab, you will build a function that converts a string to title case."
]
},
"lab-falsy-remover": {
"title": "Implement a Falsy Remover",
"intro": [
"In this lab, you will create a function that removes all falsy values from an array."
]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
"intro": [
"For this lab, you'll build an inventory management program using JavaScript.",
"You'll use JavaScript array of objects to manage the inventory."
]
},
"lecture-understanding-modules-imports-and-exports": {
"title": "Understanding Modules, Imports, and Exports",
"intro": [
"In this lesson, you will learn about modules, imports, and exports in JavaScript."
]
},
"lecture-working-with-the-arguments-object-and-rest-parameters": {
"title": "Working with the arguments Object and Rest Parameters",
"intro": [
"In these lessons, you will learn how to work with the <code>arguments</code> object and rest parameter syntax."
]
},
"lab-unique-sorted-union": {
"title": "Implement a Unique Sorted Union",
"intro": [
"In this lab, you will create a function that takes two or more arrays and returns a new array of unique values in the order of the original provided arrays."
]
},
"lab-password-generator": {
"title": "Build a Password Generator App",
"intro": [
"In this lab, you'll build a password generator app based on the user's input."
]
},
"lab-sum-all-numbers-algorithm": {
"title": "Design a Sum All Numbers Algorithm",
"intro": [
"In this lab, you will design a sum all numbers algorithm. This algorithm takes an array of two numbers and returns the sum of those two numbers plus the sum of all the numbers between them."
]
},
"lab-dna-pair-generator": {
"title": "Implement a DNA Pair Generator",
"intro": [
"In this lab you will implement a DNA base pairing algorithm that converts a single DNA strand into complementary base pairs."
]
},
"lab-html-entitiy-converter": {
"title": "Implement an HTML Entity Converter",
"intro": [
"In this lab, you will convert special characters in a string to their corresponding HTML entities."
]
},
"lab-odd-fibonacci-sum-calculator": {
"title": "Build an Odd Fibonacci Sum Calculator",
"intro": [
"In this lab you will build an odd Fibonacci sum calculator that takes a number and returns the sum of all odd Fibonacci numbers that are less than or equal to that number."
]
},
"lab-optional-arguments-sum-function": {
"title": "Build an Optional Arguments Sum Function",
"intro": [
"In this lab you will build a function that accepts up to two arguments, and sum them, but if there is only one argument returns a function that waits for the second number to sum."
]
},
"review-javascript-fundamentals": {
"title": "JavaScript Fundamentals Review",
"intro": [
"Before you are quizzed on JavaScript fundamentals, you first need to review the concepts.",
"Open up this page to review concepts like closures, memory management, and more."
]
},
"quiz-javascript-fundamentals": {
"title": "JavaScript Fundamentals Quiz",
"intro": [
"Test your knowledge of JavaScript fundamentals with this quiz."
]
},
"lecture-working-with-higher-order-functions-and-callbacks": {
"title": "Working with Higher Order Functions and Callbacks",
"intro": [
"In these lessons, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
]
},
"workshop-library-manager": {
"title": "Build a Library Manager",
"intro": [
"In this workshop, you will learn higher order array methods by building a library manager."
]
},
"lab-book-organizer": {
"title": "Build a Book Organizer",
"intro": [
"In this lab, you'll build a book organizer using higher order functions in JavaScript."
]
},
"lab-sorted-index-finder": {
"title": "Implement a Sorted Index Finder",
"intro": [
"In this lab, you will create a function that finds the index at which a given number should be inserted into a sorted array to maintain the array's sorted order."
]
},
"lab-symmetric-difference": {
"title": "Build a Symmetric Difference Function",
"intro": [
"In this lab, you will practice using higher order functions to find the symmetric difference between two arrays."
]
},
"lab-value-remover-function": {
"title": "Implement a Value Remover Function",
"intro": [
"In this lab, you will create a function that removes all instances of a specified value from an array."
]
},
"lab-matching-object-filter": {
"title": "Implement a Matching Object Filter",
"intro": [
"In this lab, you will create a function that looks through an array of objects and returns an array of all objects that have matching property and value pairs."
]
},
"lab-sum-all-primes-calculator": {
"title": "Build a Prime Number Sum Calculator",
"intro": [
"In this lab you will build a sum all primes calculator that takes a number and returns the sum of all prime numbers that are less than or equal to that number."
]
},
"lab-range-based-lcm-calculator": {
"title": "Implement a Range-Based LCM Calculator",
"intro": [
"In this lab, you will create a function that takes an array of two numbers and returns the least common multiple (LCM) of those two numbers and all the numbers between them."
]
},
"lab-deep-flattening-tool": {
"title": "Create a Deep Flattening Tool",
"intro": [
"In this lab you will create a function that can flatten deeply nested arrays, handling any level of nesting without using built-in flat methods."
]
},
"lab-all-true-property-validator": {
"title": "Build an All-True Property Validator",
"intro": [
"In this lab you will build a function that checks if all objects in an array have a truthy value for a specific property."
]
},
"review-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Review",
"intro": [
"Before you're quizzed on JavaScript higher order functions, you should review them.",
"Open up this page to review concepts including how to work with the <code>map()</code>, <code>filter()</code>, and <code>reduce()</code> methods."
]
},
"quiz-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Quiz",
"intro": [
"Test your knowledge of JavaScript higher order functions with this quiz."
]
},
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
"In these lessons, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
]
},
"workshop-storytelling-app": {
"title": "Build a Storytelling App",
"intro": [
"In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
]
},
"workshop-emoji-reactor": {
"title": "Build an Emoji Reactor",
"intro": [
"In this workshop, you will build an emoji reactor to practice <code>querySelector</code> and <code>querySelectorAll</code>."
]
},
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
"In this lab, you'll build a favorite icon toggler by utilizing JavaScript click events."
]
},
"lecture-understanding-the-event-object-and-event-delegation": {
"title": "Understanding the Event Object and Event Delegation",
"intro": [
"In these lessons, you will learn about the event object, the change event, event bubbling, and event delegation."
]
},
"workshop-music-instrument-filter": {
"title": "Build a Music Instrument Filter",
"intro": [
"In this workshop, you will build a music instrument filter with JavaScript."
]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
"intro": [
"In this lab, you'll build a real-time character counter",
"You'll practice how to work with the <code>input</code> event when the user types in the input field."
]
},
"lab-lightbox-viewer": {
"title": "Build a Lightbox Viewer",
"intro": [
"In this lab, you'll build a lightbox viewer for viewing images in a focused mode.",
"You'll practice click events and toggling classes."
]
},
"workshop-rps-game": {
"title": "Build a Rock, Paper, Scissors Game",
"intro": [
"In this workshop, you will review DOM manipulation and events by building a Rock, Paper, Scissors Game."
]
},
"lab-football-team-cards": {
"title": "Build a Set of Football Team Cards",
"intro": [
"In this lab, you'll use DOM manipulation, object destructuring, event handling, and data filtering to build a set of football team cards."
]
},
"review-dom-manipulation-and-click-events-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Review",
"intro": [
"Before you're quizzed on the DOM, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>DOM</code>, <code>Web APIs</code>, the <code>addEventListener()</code> method, change events, event bubbling and more."
]
},
"quiz-dom-manipulation-and-click-event-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Quiz",
"intro": [
"Test your knowledge of DOM manipulation and click events in JavaScript with this quiz."
]
},
"lecture-understanding-aria-expanded-aria-live-and-common-aria-states": {
"title": "Understanding aria-expanded, aria-live, and Common ARIA States",
"intro": [
"In these lessons you will learn more about ARIA attributes like <code>aria-expanded</code>, <code>aria-live</code>, and common ARIA states."
]
},
"workshop-planets-tablist": {
"title": "Build a Planets Tablist",
"intro": [
"In this workshop, you will build a dynamic tabbed interface that showcases facts about the planets in the solar system."
]
},
"workshop-note-taking-app": {
"title": "Build a Note Taking App",
"intro": [
"In this workshop, you are going to build an accessible note taking app.",
"This will provide you with the opportunity to practice working with <code>aria-live</code> attribute."
]
},
"lab-theme-switcher": {
"title": "Build a Theme Switcher",
"intro": [
"In this lab, you will build a theme switcher and practice working with the <code>aria-haspopup</code>, <code>aria-expanded</code>, and <code>aria-controls</code> attributes."
]
},
"review-js-a11y": {
"title": "JavaScript and Accessibility Review",
"intro": [
"Before you're quizzed on JavaScript and accessibility, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>aria-expanded</code>, <code>aria-live</code>, and <code>aria-controls</code> attributes."
]
},
"quiz-js-a11y": {
"title": "JavaScript and Accessibility Quiz",
"intro": [
"Test your knowledge of JavaScript and accessibility best practices with this quiz."
]
},
"lecture-debugging-techniques": {
"title": "Debugging Techniques",
"intro": [
"In these lessons, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
]
},
"lab-random-background-color-changer": {
"title": "Debug a Random Background Color Changer",
"intro": [
"In this lab, you'll debug a random background color changer and fix the errors to make it work properly."
]
},
"review-debugging-javascript": {
"title": "Debugging JavaScript Review",
"intro": [
"Before you're quizzed on common debugging techniques, you should review what you've learned.",
"Open up this page to review concepts including how to work with the <code>throw statement</code>, <code>try...catch...finally</code> and more."
]
},
"quiz-debugging-javascript": {
"title": "Debugging JavaScript Quiz",
"intro": ["Test your knowledge of JavaScript debugging with this quiz."]
},
"lecture-working-with-regular-expressions": {
"title": "Working with Regular Expressions",
"intro": [
"In these lessons, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
]
},
"workshop-spam-filter": {
"title": "Build a Spam Filter",
"intro": [
"Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
"In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
]
},
"lab-palindrome-checker": {
"title": "Build a Palindrome Checker",
"intro": [
"For this lab, you'll build an application that checks whether a given word is a palindrome."
]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
"intro": [
"For this lab, you'll build a Markdown to HTML converter using JavaScript.",
"You'll practice regular expressions, string manipulation, and more."
]
},
"lab-regex-sandbox": {
"title": "Build a RegEx Sandbox",
"intro": ["In this lab you'll build a regex sandbox."]
},
"lab-spinal-case-converter": {
"title": "Implement a Spinal Case Converter",
"intro": [
"In this lab, you will create a function that converts a given string to spinal case which is a style of writing where all letters are lowercase and separated by hyphens."
]
},
"lab-pig-latin": {
"title": "Implement a Pig Latin Translator",
"intro": [
"In this lab, you'll implement a Pig Latin translator using JavaScript.",
"You'll practice string manipulation, conditional logic, and regular expressions."
]
},
"lab-smart-word-replacement": {
"title": "Build a Smart Word Replacement Function",
"intro": [
"In this lab, you will use regex to create a function that performs a search and replace operation on a given string."
]
},
"review-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Review",
"intro": [
"Before you're quizzed on Regular Expressions, you should review what you've learned.",
"Open up this page to review concepts like lookaheads, lookbehinds, common regex modifiers and more."
]
},
"quiz-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Quiz",
"intro": [
"Test your knowledge of JavaScript Regular Expressions with this quiz."
]
},
"lecture-understanding-form-validation": {
"title": "Understanding Form Validation",
"intro": [
"In these lessons, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
]
},
"workshop-calorie-counter": {
"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."
]
},
"lab-customer-complaint-form": {
"title": "Build a Customer Complaint Form",
"intro": [
"For this lab, you'll use JavaScript to validate a customer complaint form.",
"You'll practice how to validate form inputs, display error messages, and prevent the form from submitting if there are errors."
]
},
"review-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Review",
"intro": [
"Before you're quizzed on form validation, you should review what you've learned.",
"Open up this page to review concepts including the <code>preventDefault()</code> method, the submit event and more."
]
},
"quiz-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Quiz",
"intro": [
"Test what you've learned about JavaScript form validation with this quiz."
]
},
"lecture-working-with-dates": {
"title": "Working with Dates",
"intro": [
"In these lessons, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
]
},
"lab-date-conversion": {
"title": "Build a Date Conversion Program",
"intro": [
"In this lab, you'll build a program to convert a date from one format to another."
]
},
"review-javascript-dates": {
"title": "JavaScript Dates Review",
"intro": [
"Before you're quizzed on working with dates, you should review what you've learned.",
"Open up this page to review the <code>Date()</code> object and common methods."
]
},
"quiz-javascript-dates": {
"title": "JavaScript Dates Quiz",
"intro": [
"Test what you've learned about JavaScript Dates with this quiz."
]
},
"lecture-working-with-audio-and-video": {
"title": "Working with Audio and Video",
"intro": [
"In these lessons, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
]
},
"workshop-music-player": {
"title": "Build a Music Player",
"intro": [
"In this workshop, you'll code a basic MP3 player using HTML, CSS, and JavaScript.",
"The project covers fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, and previous functionalities and dynamically update your user interface based on the current song."
]
},
"lab-drum-machine": {
"title": "Build a Drum Machine",
"intro": [
"For this lab you will use the <code>audio</code> element to build a drum machine."
]
},
"review-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Review",
"intro": [
"Before you're quizzed on working with audio and video in JavaScript, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>Audio</code> constructor, the <code>HTMLMediaElement</code> API and more."
]
},
"quiz-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Quiz",
"intro": [
"Test what you've learned about JavaScript audio and video with this quiz."
]
},
"lecture-working-with-maps-and-sets": {
"title": "Working with Maps and Sets",
"intro": [
"In these lessons, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
]
},
"workshop-plant-nursery-catalog": {
"title": "Build a Plant Nursery Catalog",
"intro": [
"In this workshop, you will practice using Maps and Sets by building a plant nursery catalog."
]
},
"lab-voting-system": {
"title": "Build a Voting System",
"intro": [
"In this lab, you'll build a voting system using Maps and Sets.",
"You'll practice how to use the <code>Map</code> object to store key-value pairs and the <code>Set</code> object to store unique values."
]
},
"review-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Review",
"intro": [
"Before you're quizzed on JavaScript Maps and Sets, you should review what you've learned about them.",
"Open up this page to review concepts such as the <code>Map</code> and <code>Set</code> objects, as well as WeakSet and WeakMap."
]
},
"quiz-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Quiz",
"intro": [
"Test what you've learned about JavaScript Maps and Sets with this quiz."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
"title": "Working with Client-Side Storage and CRUD Operations",
"intro": [
"In these lessons, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
]
},
"workshop-todo-app": {
"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",
"intro": [
"For this lab, you'll build a bookmark manager app.",
"You'll utilize local storage to store bookmarks, and practice how to add, remove, and display bookmarks."
]
},
"review-local-storage-and-crud": {
"title": "Local Storage and CRUD Review",
"intro": [
"Before you are quizzed on working with <code>localStorage</code>, you first need to review the concepts.",
"Open up this page to review the <code>localStorage</code> property, <code>sessionStorage</code> property and more."
]
},
"quiz-local-storage-and-crud": {
"title": "Local Storage and CRUD Quiz",
"intro": [
"Test what you've learned about local storage and CRUD with this quiz."
]
},
"lecture-understanding-how-to-work-with-classes-in-javascript": {
"title": "Understanding How to Work with Classes in JavaScript",
"intro": [
"In these lessons, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
]
},
"workshop-shopping-cart": {
"title": "Build a Shopping Cart",
"intro": [
"In this workshop you'll create a shopping cart using JavaScript classes.",
"You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
"intro": [
"In this lab, you'll build a project idea board using OOP in JavaScript.",
"You'll practice how to create classes, add methods to classes, and create instances of classes."
]
},
"lab-bank-account-manager": {
"title": "Build a Bank Account Management Program",
"intro": [
"In this lab, you'll build a simple transaction management system for a bank account."
]
},
"review-javascript-classes": {
"title": "JavaScript Classes Review",
"intro": [
"Before you're quizzed on how to work with classes, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>this</code> keyword, class inheritance and more."
]
},
"quiz-javascript-classes": {
"title": "JavaScript Classes Quiz",
"intro": [
"Test what you've learned about JavaScript classes with this quiz."
]
},
"lecture-understanding-recursion-and-the-call-stack": {
"title": "Understanding Recursion and the Call Stack",
"intro": [
"In this lesson, you will learn about recursion and the call stack."
]
},
"workshop-decimal-to-binary-converter": {
"title": "Build a Decimal to Binary Converter",
"intro": [
"Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
"In this workshop, you’ll build a decimal-to-binary converter using JavaScript. You’ll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
]
},
"lab-permutation-generator": {
"title": "Build a Permutation Generator",
"intro": [
"For this lab, you'll build a permutation generator that produces all possible permutations of a given string."
]
},
"review-recursion": {
"title": "Recursion Review",
"intro": [
"Before you're quizzed on recursion, you should review what you've learned.",
"Open up this page to review what is recursion and what is it used for."
]
},
"quiz-recursion": {
"title": "Recursion Quiz",
"intro": ["Test your knowledge of Recursion with this quiz."]
},
"lecture-understanding-functional-programming": {
"title": "Understanding Functional Programming",
"intro": [
"In these lessons, you will learn about functional programming and how to nest functions using a technique called currying."
]
},
"workshop-recipe-ingredient-converter": {
"title": "Build a Recipe Ingredient Converter",
"intro": [
"In the previous lessons, you learned the core concepts behind functional programming and currying.",
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
]
},
"lab-sorting-visualizer": {
"title": "Build a Sorting Visualizer",
"intro": [
"For this lab, you'll use JavaScript to visualize the steps that the Bubble Sort algorithm takes to reorder an array of integers."
]
},
"review-javascript-functional-programming": {
"title": "JavaScript Functional Programming Review",
"intro": [
"Before you're quizzed on functional programming, you should review what you've learned.",
"Open up this page to review concepts on functional programming, currying and more."
]
},
"quiz-javascript-functional-programming": {
"title": "JavaScript Functional Programming Quiz",
"intro": [
"Test what you've learned about JavaScript functional programming with this quiz."
]
},
"lecture-understanding-asynchronous-programming": {
"title": "Understanding Asynchronous Programming",
"intro": [
"In these lessons, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
]
},
"workshop-fcc-authors-page": {
"title": "Build an fCC Authors Page",
"intro": [
"One common aspect of web development is learning how to fetch data from an external API, then work with asynchronous JavaScript.",
"In this workshop you will practice how to use the fetch method, dynamically update the DOM to display the fetched data and paginate your data so you can load results in batches."
]
},
"lab-fcc-forum-leaderboard": {
"title": "Build an fCC Forum Leaderboard",
"intro": [
"For this lab you'll practice asynchronous JavaScript by coding your own freeCodeCamp forum leaderboard."
]
},
"lab-weather-app": {
"title": "Build a Weather App",
"intro": [
"In this lab you'll build a Weather App using an API",
"You'll practice how to fetch data from the API, store and display it on your app."
]
},
"review-asynchronous-javascript": {
"title": "Asynchronous JavaScript Review",
"intro": [
"Review asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
"title": "Asynchronous JavaScript Quiz",
"intro": [
"Test what you've learned about asynchronous JavaScript with this quiz."
]
},
"review-javascript": {
"title": "JavaScript Review",
"intro": [
"Before you take the JavaScript prep exam, you should review everything you've learned about JavaScript.",
"Open up this page to review all of the concepts taught including variables, strings, booleans, functions, objects, arrays, debugging, working with the DOM and more."
]
},
"kagw": {
"title": "258",
"intro": []
},
"lecture-introduction-to-javascript-libraries-and-frameworks": {
"title": "Introduction to JavaScript Libraries and Frameworks",
"intro": [
"In these lessons, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
]
},
"workshop-reusable-mega-navbar": {
"title": "Build a Reusable Mega Navbar",
"intro": [
"In the previous lessons, you learned how to work with components in React.",
"In this workshop, you will build a reusable Navbar component using React."
]
},
"lab-reusable-footer": {
"title": "Build a Reusable Footer",
"intro": ["In this lab, you'll use React to build a reusable footer."]
},
"lecture-working-with-data-in-react": {
"title": "Working with Data in React",
"intro": [
"In these lessons, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
]
},
"workshop-reusable-profile-card-component": {
"title": "Build a Reusable Profile Card Component",
"intro": [
"In this workshop, you will learn how to work with props by building a reusable profile card component."
]
},
"lab-mood-board": {
"title": "Build a Mood Board",
"intro": [
"In this lab, you'll create a mood board using React.",
"You'll practice how to pass data from a parent component to a child component using props."
]
},
"review-react-basics": {
"title": "React Basics Review",
"intro": [
"Review basic React concepts to prepare for the upcoming quiz."
]
},
"quiz-react-basics": {
"title": "React Basics Quiz",
"intro": ["Test your knowledge of React basics with this quiz."]
},
"lecture-working-with-state-and-responding-to-events-in-react": {
"title": "Working with State and Responding to Events in React",
"intro": [
"In these lessons, you will learn about working with state and responding to events with React."
]
},
"workshop-toggle-text-app": {
"title": "Toggle Text App",
"intro": [
"In this workshop, you will continue to learn about the <code>useState()</code> hook by building an application that hides and shows a piece of text on the screen."
]
},
"lab-color-picker": {
"title": "Build a Color Picker App",
"intro": [
"In this lab you'll build a Color Picker.",
"You'll practice using state and hooks to manage the properties of an element."
]
},
"lecture-understanding-effects-and-referencing-values-in-react": {
"title": "Understanding Effects and Referencing Values in React",
"intro": [
"In these lessons, you will learn about effects and referencing values with React."
]
},
"workshop-fruit-search-app": {
"title": "Build a Fruit Search App",
"intro": [
"In this workshop, you will continue to learn about the <code>useEffect()</code> hook by building an application that fetches fruit data from an API based on user input and displays the results dynamically."
]
},
"lab-one-time-password-generator": {
"title": "Build a One-Time Password Generator",
"intro": [
"In this lab you'll build a one-time password generator.",
"You'll practice using the useEffect hooks to create a timer and generate a random OTP."
]
},
"review-react-state-and-hooks": {
"title": "React State and Hooks Review",
"intro": [
"Before you're quizzed on React state and hooks, you should review what you've learned.",
"Open up this page to review working with state, custom hooks and more."
]
},
"quiz-react-state-and-hooks": {
"title": "React State and Hooks Quiz",
"intro": [
"Test what you've learned about React's <code>useState</code> and <code>useEffect</code> hooks with this quiz."
]
},
"lecture-working-with-forms-in-react": {
"title": "Working with Forms in React",
"intro": [
"In these lessons, you will learn about working with forms in React."
]
},
"workshop-superhero-application-form": {
"title": "Build a Superhero Application Form",
"intro": [
"In this workshop, you will build a superhero application form."
]
},
"lab-event-rsvp": {
"title": "Build an Event RSVP",
"intro": [
"In this lab, you'll build an Event RSVP form using React.",
"You'll practice using the useState hook to manage form input and display user responses."
]
},
"lecture-working-with-data-fetching-and-memoization-in-react": {
"title": "Working with Data Fetching and Memoization in React",
"intro": [
"In these lessons, you will learn about data fetching and memoization in React."
]
},
"workshop-shopping-list-app": {
"title": "Build a Shopping List App",
"intro": [
"In this workshop, you'll use the <code>useMemo()</code> and <code>useCallback()</code> hooks in React to build a simple shopping list app. You'll learn more about state and the lifecycle of React components, and how to use memoization to reduce re-renders and make your apps more efficient."
]
},
"lab-currency-converter": {
"title": "Build a Currency Converter",
"intro": [
"For this lab, you'll build a currency converter app.",
"You'll use React state, memoization, and controlled components to convert between currencies."
]
},
"lecture-routing-react-frameworks-and-dependency-management-tools": {
"title": "Routing, React Frameworks, and Dependency Management Tools",
"intro": [
"In these lessons, you will learn about routing in React, React frameworks, and dependency management tools."
]
},
"lab-tic-tac-toe": {
"title": "Build a Tic-Tac-Toe Game",
"intro": [
"In this lab, you'll build a Tic-Tac-Toe game using React.",
"You'll practice managing state, handling user interactions, and updating the UI dynamically."
]
},
"lecture-react-strategies-and-debugging": {
"title": "React Strategies and Debugging",
"intro": [
"In these lessons, you will learn about different strategies and debugging in React."
]
},
"review-react-forms-data-fetching-and-routing": {
"title": "React Forms, Data Fetching and Routing Review",
"intro": [
"Before you take the React forms, data fetching and routing quiz, you should review everything you've learned so far.",
"Open up this page, to review all of the concepts taught including routing, forms, state management, prop drilling, data fetching and more."
]
},
"quiz-react-forms-data-fetching-and-routing": {
"title": "React Forms, Data Fetching and Routing Quiz",
"intro": [
"Test what you've learned about routing, forms, and data fetching with this quiz."
]
},
"lecture-understanding-performance-in-web-applications": {
"title": "Understanding Performance in Web Applications",
"intro": [
"In these lessons, you will learn performance in web applications."
]
},
"review-web-performance": {
"title": "Web Performance Review",
"intro": [
"Before you take the web performance quiz, you should review everything you've learned so far.",
"Open up this page to review all of the concepts taught including INP, key metrics for measuring performance, Performance Web APIs and more."
]
},
"quiz-web-performance": {
"title": "Web Performance Quiz",
"intro": [
"Test what you've learned about Web Performance with this quiz."
]
},
"lecture-understanding-the-different-types-of-testing": {
"title": "Understanding the Different Types of Testing",
"intro": [
"In these lessons, you will learn about the different types of testing."
]
},
"review-testing": {
"title": "Testing Review",
"intro": [
"Before you take the testing quiz, you should review everything you've learned so far.",
"Open up this page to review all of the concepts taught including unit testing, end-to-end testing, functional testing and more."
]
},
"quiz-testing": {
"title": "Testing Quiz",
"intro": ["Test what you've learned on testing with this quiz."]
},
"lecture-working-with-css-libraries-and-frameworks": {
"title": "Working with CSS Libraries and Frameworks",
"intro": [
"In these lessons, you will learn how to work with CSS libraries and frameworks."
]
},
"workshop-error-message-component": {
"title": "Build an Error Message Component",
"intro": [
"In this workshop, you will learn the basics of Tailwind CSS by building out an error message component."
]
},
"workshop-tailwind-cta-component": {
"title": "Build a CTA Component",
"intro": [
"In this workshop, you will build a call to action (CTA) component using Tailwind CSS."
]
},
"workshop-tailwind-pricing-component": {
"title": "Build a Pricing Component",
"intro": [
"In this workshop, you will build a pricing component using Tailwind CSS.",
"You will practice working with Tailwind CSS grid utility classes."
]
},
"lab-music-shopping-cart-page": {
"title": "Build a Music Shopping Cart Page",
"intro": [
"In this lab, you will build a music shopping cart page with Tailwind CSS.",
"You will practice working with Tailwind CSS utility classes for flexbox layouts, colors, breakpoints and more."
]
},
"lab-photography-exhibit": {
"title": "Design a Photography Exhibit",
"intro": [
"In this lab, you will practice working with Tailwind CSS by designing a photography exhibit webpage."
]
},
"review-css-libraries-and-frameworks": {
"title": "CSS Libraries and Frameworks Review",
"intro": [
"Before you take the CSS libraries and frameworks quiz, you should review everything you've learned so far.",
"Open up this page to review all of the concepts taught including CSS frameworks, CSS preprocessors, Sass and more."
]
},
"quiz-css-libraries-and-frameworks": {
"title": "CSS Libraries and Frameworks Quiz",
"intro": [
"Test what you've learned about CSS Libraries and Frameworks with this quiz."
]
},
"lecture-introduction-to-typescript": {
"title": "Introduction to TypeScript",
"intro": [
"In these lessons, you will learn what TypeScript is and how to use it."
]
},
"lecture-working-with-generics-and-type-narrowing": {
"title": "Working with Generics and Type Narrowing",
"intro": [
"In these lessons, you will learn about generics and type narrowing in TypeScript."
]
},
"lecture-working-with-typescript-configuration-files": {
"title": "Working with TypeScript Configuration Files",
"intro": [
"In this lesson, you will learn about TypeScript configuration files and how to use them."
]
},
"trvf": {
"title": "293",
"intro": []
},
"kwmg": {
"title": "294",
"intro": []
},
"nodx": {
"title": "295",
"intro": []
},
"erfj": {
"title": "296",
"intro": []
},
"muyw": {
"title": "297",
"intro": []
},
"review-typescript": {
"title": "Typescript Review",
"intro": [
"Before you take the TypeScript quiz, you should review everything you've learned so far.",
"Open up this page to review all of the concepts taught including data types in TypeScript, generics, type narrowing and more."
]
},
"quiz-typescript": {
"title": "TypeScript Quiz",
"intro": ["Test what you've learned on Typescript with this quiz."]
},
"review-front-end-libraries": {
"title": "Front End Libraries Review",
"intro": [
"Review the Front End Libraries concepts to prepare for the upcoming quiz."
]
},
"rdzk": {
"title": "301",
"intro": []
},
"vtpz": {
"title": "302",
"intro": []
},
"lecture-introduction-to-python": {
"title": "Introduction to Python",
"intro": [
"In these lessons, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
]
},
"workshop-caesar-cipher": {
"title": "Build a Caesar Cipher",
"intro": [
"In this workshop, you'll build a Caesar cipher using basic Python concepts such as strings, conditionals, functions, and more."
]
},
"lab-rpg-character": {
"title": "Build an RPG character",
"intro": [
"In this lab you will practice basic python by building an RPG character."
]
},
"review-python-basics": {
"title": "Python Basics Review",
"intro": [
"Before you're quizzed on Python basics, you should review what you've learned about it.",
"In this review page, you will review working with strings, functions, comparison operators and more."
]
},
"quiz-python-basics": {
"title": "Python Basics Quiz",
"intro": [
"Test what you've learned about Python basics with this quiz."
]
},
"lecture-working-with-loops-and-sequences": {
"title": "Working with Loops and Sequences",
"intro": [
"Learn about Working with Loops and Sequences in these lessons."
]
},
"workshop-pin-extractor": {
"title": "Build a Pin Extractor",
"intro": [
"In this workshop you will build a function to extract secret pins hidden in poems."
]
},
"lab-number-pattern-generator": {
"title": "Build a Number Pattern Generator",
"intro": ["In this lab you will build a number pattern generator."]
},
"review-loops-and-sequences": {
"title": "Loops and Sequences Review",
"intro": [
"Before you're quizzed on loops and sequences, you should review what you've learned about them.",
"Open up this page to review concepts around loops, lists, tuples and some of their common methods."
]
},
"quiz-loops-and-sequences": {
"title": "Loops and Sequences Quiz",
"intro": [
"Test what you've learned about loops and sequences in Python with this quiz."
]
},
"lecture-working-with-dictionaries-and-sets": {
"title": "Working with Dictionaries and Sets",
"intro": [
"Learn about working with dictionaries and sets in these lessons."
]
},
"lecture-working-with-modules": {
"title": "Working with Modules",
"intro": ["Learn about working with modules in these lessons."]
},
"workshop-medical-data-validator": {
"title": "Build a Medical Data Validator",
"intro": [
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
]
},
"lab-user-configuration-manager": {
"title": "Build a User Configuration Manager",
"intro": [
"In this lab, you will practice working with dictionaries in Python."
]
},
"review-dictionaries-and-sets": {
"title": "Dictionaries and Sets review",
"intro": [
"Before you're quizzed on dictionaries and sets, you should review what you've learned about them.",
"Open up this page to review concepts around dictionaries, sets, and how to import modules."
]
},
"quiz-dictionaries-and-sets": {
"title": "Dictionaries and Sets Quiz",
"intro": [
"Test what you've learned about dictionaries and sets in Python with this quiz."
]
},
"lecture-understanding-error-handling": {
"title": "Understanding Error Handling",
"intro": [
"In these lessons, you will learn about error handling in Python. You will learn about the different types of errors, some good debugging practices, what exceptions are, and how to handle them."
]
},
"lab-isbn-validator": {
"title": "Debug an ISBN Validator",
"intro": [
"In this lab, you will start with a bugged app, and you will need to debug and fix the bugs until it is working properly."
]
},
"review-error-handling": {
"title": "Error Handling Review",
"intro": [
"Before you're quizzed on error handling, you should review what you've learned about it."
]
},
"quiz-error-handling": {
"title": "Error Handling Quiz",
"intro": [
"Test what you've learned about Error Handling in Python with this quiz."
]
},
"lecture-classes-and-objects": {
"title": "Classes and Objects",
"intro": ["Learn about Classes and Objects in these lessons."]
},
"workshop-musical-instrument-inventory": {
"title": "Build a Musical Instrument Inventory",
"intro": [
"In this workshop, you will learn about classes, objects, and methods in Python by building a simple musical instrument inventory."
]
},
"lab-budget-app": {
"title": "Build a Budget App",
"intro": [
"In this lab you will build a budget app and practice creating a class and methods for that class."
]
},
"review-classes-and-objects": {
"title": "Classes and Objects Review",
"intro": [
"Before you're quizzed on classes and objects, you should review what you've learned about them.",
"Open up this page to review concepts like how classes work, what are objects, methods, attributes, special methods and more."
]
},
"quiz-classes-and-objects": {
"title": "Classes and Objects Quiz",
"intro": [
"Test what you've learned about classes and objects in Python with this quiz."
]
},
"lecture-understanding-object-oriented-programming-and-encapsulation": {
"title": "Understanding Object Oriented Programming and Encapsulation",
"intro": [
"Learn about Understanding Object Oriented Programming and Encapsulation in these lessons."
]
},
"workshop-salary-tracker": {
"title": "Build a Salary Tracker",
"intro": [
"In this workshop, you'll practice encapsulation, properties, and other OOP concepts by building a salary tracking system for employees."
]
},
"lab-placeholder-oop-1": {
"title": "Placeholder - Waiting for title",
"intro": [""]
},
"lecture-understanding-inheritance-and-polymorphism": {
"title": "Understanding Inheritance and Polymorphism",
"intro": [
"Learn about Understanding Inheritance and Polymorphism in these lessons."
]
},
"workshop-media-catalogue": {
"title": "Build a Media Catalogue",
"intro": [
"In this workshop, you will create a media catalogue application using object-oriented programming principles."
]
},
"lab-polygon-area-calculator": {
"title": "Build a Polygon Area Calculator",
"intro": [
"In this lab, you will use object-oriented programming to calculate the areas of different polygons like squares and rectangles."
]
},
"lecture-understanding-abstraction": {
"title": "Understanding Abstraction",
"intro": ["Learn about Understanding Abstraction in these lessons."]
},
"workshop-placeholder-oop-3": {
"title": "Placeholder - Waiting for title",
"intro": [""]
},
"lab-placeholder-oop-3": {
"title": "",
"intro": [""]
},
"review-object-oriented-programming": {
"title": "Object Oriented Programming Review",
"intro": [
"Before you're quizzed on object oriented programming, you should review what you've learned about it."
]
},
"quiz-object-oriented-programming": {
"title": "Object Oriented Programming Quiz",
"intro": [
"Test what you've learned about object oriented programming in python with this quiz."
]
},
"lecture-working-with-common-data-structures": {
"title": "Working with Common Data Structures",
"intro": [
"Learn about Working with Common Data Structures in these lessons."
]
},
"workshop-linked-list-class": {
"title": "Build a Linked List",
"intro": [
"In this workshop, you'll practice working with data structures by building a linked list."
]
},
"lab-hash-table": {
"title": "Build a Hash Table",
"intro": [
"A hash table is a data structure that is used to store key-value pairs and is optimized for quick lookups.",
"In this lab, you will use your knowledge about data structures to build a hash table."
]
},
"review-data-structures": {
"title": "Data Structures Review",
"intro": [
"Before you're quizzed on data structures, you should review what you've learned about them.",
"Open up this page to review concepts like the different data structures, algorithms, time and space complexity, and big O notation."
]
},
"quiz-data-structures": {
"title": "Data Structures Quiz",
"intro": [
"Test what you've learned about data structures in Python with this quiz."
]
},
"lecture-searching-and-sorting-algorithms": {
"title": "Searching and Sorting Algorithms",
"intro": [
"Learn about fundamental searching and sorting algorithms, including linear search, binary search, and merge sort.",
"These lessons cover algorithm implementations, time and space complexity analysis, and the divide and conquer programming paradigm."
]
},
"workshop-binary-search": {
"title": "Implement the Binary Search Algorithm",
"intro": [
"The binary search algorithm is a searching algorithm used to find a target item in a sorted list.",
"In this workshop, you'll implement the binary search algorithm and return the path it took to find the target or return 'Value not found'."
]
},
"lab-bisection-method": {
"title": "Implement the Bisection Method",
"intro": [
"In this lab, you will implement the bisection method to find the square root of a number."
]
},
"workshop-merge-sort": {
"title": "Implement the Merge Sort Algorithm",
"intro": [
"The merge sort algorithm is a sorting algorithm based on the divide and conquer principle.",
"In this workshop, you'll implement the merge sort algorithm to sort a list of random numbers."
]
},
"lab-quicksort": {
"title": "Implement the Quicksort Algorithm",
"intro": [
"In this lab you will implement the quicksort algorithm to sort a list of integers."
]
},
"lab-selection-sort": {
"title": "Implement the Selection Sort Algorithm",
"intro": [
"In this lab you will implement the selection sort algorithm."
]
},
"lab-luhn-algorithm": {
"title": "Implement the Luhn Algorithm",
"intro": [
"In this lab, you will implement the Luhn algorithm to validate identification numbers such as credit card numbers."
]
},
"lab-tower-of-hanoi": {
"title": "Implement the Tower of Hanoi Algorithm",
"intro": [
"In this lab, you will implement an algorithm to solve the Tower of Hanoi puzzle."
]
},
"review-searching-and-sorting-algorithms": {
"title": "Searching and Sorting Algorithms Review",
"intro": [
"Before you're quizzed on searching and sorting algorithms, you should review what you've learned about them."
]
},
"quiz-searching-and-sorting-algorithms": {
"title": "Searching and Sorting Algorithms Quiz",
"intro": [
"Test what you've learned about searching and sorting algorithms in Python with this quiz."
]
},
"lecture-understanding-graphs-and-trees": {
"title": "Understanding Graphs and Trees",
"intro": [
"In this lesson, you will learn about fundamental data structures like graphs, trees, and their practical applications in computer science."
]
},
"workshop-shortest-path-algorithm": {
"title": "Build a Shortest Path Algorithm",
"intro": [""]
},
"lab-adjacency-list-to-matrix-converter": {
"title": "Build an Adjacency List to Matrix Converter",
"intro": [
"In this lab, you will implement a function that converts an adjacency list representation of a graph into an adjacency matrix representation."
]
},
"workshop-breadth-first-search": {
"title": "Build a Breadth First Search",
"intro": [""]
},
"lab-depth-first-search": {
"title": "Implement the Depth-First Search Algorithm",
"intro": [
"In this lab, you will implement the Depth-First Search Algorithm."
]
},
"lab-n-queens-problem": {
"title": "",
"intro": [""]
},
"review-graphs-and-trees": {
"title": "Graphs and Trees Review",
"intro": [
"Before you're quizzed on graphs and trees, you should review what you've learned about them."
]
},
"quiz-graphs-and-trees": {
"title": "Graphs and Trees Quiz",
"intro": [
"Test what you've learned about graphs and trees in Python with this quiz."
]
},
"lecture-understanding-dynamic-programming": {
"title": "Understanding Dynamic Programming",
"intro": [
"In this lesson, you will learn about dynamic programming, an algorithmic technique used to solve complex problems efficiently by breaking them down into simpler subproblems."
]
},
"lab-nth-fibonacci-number": {
"title": "Build an Nth Fibonacci Number Calculator",
"intro": [
"In this lab you will implement a Fibonacci sequence calculator using a dynamic programming approach."
]
},
"review-dynamic-programming": {
"title": "Dynamic Programming Review",
"intro": [
"Before you're quizzed on dynamic programming, you should review what you've learned about it."
]
},
"quiz-dynamic-programming": {
"title": "Dynamic Programming Quiz",
"intro": [
"Test what you've learned about dynamic programming in python with this quiz."
]
},
"review-python": {
"title": "Python Review",
"intro": ["Review Python concepts to prepare for the upcoming exam."]
},
"lecture-understanding-the-command-line-and-working-with-bash": {
"title": "Understanding the Command Line and Working with Bash",
"intro": [
"Learn about the Command Line and Working with Bash in these lessons."
]
},
"workshop-bash-boilerplate": {
"title": "Build a Boilerplate",
"intro": [
"The terminal allows you to send text commands to your computer that can manipulate the file system, run programs, automate tasks, and much more.",
"In this 170-lesson workshop, you will learn terminal commands by creating a website boilerplate using only the command line."
]
},
"review-bash-commands": {
"title": "Bash Commands Review",
"intro": [
"Review the Bash Commands concepts to prepare for the upcoming quiz."
]
},
"quiz-bash-commands": {
"title": "Bash Commands Quiz",
"intro": ["Test what you've learned bash commands with this quiz."]
},
"lecture-working-with-relational-databases": {
"title": "Working with Relational Databases",
"intro": [
"Learn how to work with Relational Databases in these lessons."
]
},
"workshop-database-of-video-game-characters": {
"title": "Build a Database of Video Game Characters",
"intro": [
"A relational database organizes data into tables that are linked together through relationships.",
"In this 165-lesson workshop, you will learn the basics of a relational database by creating a PostgreSQL database filled with video game characters."
]
},
"lab-celestial-bodies-database": {
"title": "Build a Celestial Bodies Database",
"intro": [
"For this project, you will build a database of celestial bodies using PostgreSQL."
]
},
"review-relational-database": {
"title": "Relational Database Review",
"intro": [
"Review the Relational Database concepts to prepare for the upcoming quiz."
]
},
"quiz-relational-database": {
"title": "Relational Database Quiz",
"intro": [
"Test what you've learned on relational databases with this quiz."
]
},
"lecture-understanding-bash-scripting": {
"title": "Understanding Bash Scripting",
"intro": ["Learn about Bash Scripting in these lessons."]
},
"workshop-bash-five-programs": {
"title": "Build Five Programs",
"intro": [
"Bash scripts combine terminal commands and logic into programs that can execute or automate tasks, and much more.",
"In this 220-lesson workshop, you will learn more terminal commands and how to use them within Bash scripts by creating five small programs."
]
},
"review-bash-scripting": {
"title": "Bash Scripting Review",
"intro": [
"Review the bash scripting concepts you've learned to prepare for the upcoming quiz."
]
},
"quiz-bash-scripting": {
"title": "Bash Scripting Quiz",
"intro": ["Test what you've learned on bash scripting in this quiz."]
},
"lecture-working-with-sql": {
"title": "Working With SQL",
"intro": [
"In these lessons, you will learn about SQL injection, normalization, and the N+1 problem."
]
},
"workshop-sql-student-database-part-1": {
"title": "Build a Student Database: Part 1",
"intro": [
"SQL, or Structured Query Language, is the language for communicating with a relational database.",
"In this 140-lesson workshop, you will create a Bash script that uses SQL to enter information about your computer science students into PostgreSQL."
]
},
"workshop-sql-student-database-part-2": {
"title": "Build a Student Database: Part 2",
"intro": [
"SQL join commands are used to combine information from multiple tables in a relational database",
"In this 140-lesson workshop, you will complete your student database while diving deeper into SQL commands."
]
},
"lab-world-cup-database": {
"title": "Build a World Cup Database",
"intro": [
"For this project, you will create a Bash script that enters information from World Cup games into PostgreSQL, then query the database for useful statistics."
]
},
"workshop-kitty-ipsum-translator": {
"title": "Build a Kitty Ipsum Translator",
"intro": [
"There's more to Bash commands than you might think.",
"In this 140-lesson workshop, you will learn some more complex commands, and the details of how commands work."
]
},
"workshop-bike-rental-shop": {
"title": "Build a Bike Rental Shop",
"intro": [
"In this 210-lesson workshop, you will build an interactive Bash program that stores rental information for your bike rental shop using PostgreSQL."
]
},
"lab-salon-appointment-scheduler": {
"title": "Build a Salon Appointment Scheduler",
"intro": [
"For this lab, you will create an interactive Bash program that uses PostgreSQL to track the customers and appointments for your salon."
]
},
"review-bash-and-sql": {
"title": "Bash and SQL Review",
"intro": [
"Review the Bash and SQL concepts to prepare for the upcoming quiz."
]
},
"quiz-bash-and-sql": {
"title": "Bash and SQL Quiz",
"intro": ["Test what you've learned in this quiz on Bash and SQL."]
},
"lecture-working-with-nano": {
"title": "Working With Nano",
"intro": ["Learn about Nano in this lesson."]
},
"workshop-castle": {
"title": "Build a Castle",
"intro": [
"Nano is a program that allows you to edit files right in the terminal.",
"In this 40-lesson workshop, you will learn how to edit files in the terminal with Nano while building a castle."
]
},
"lecture-introduction-to-git-and-github": {
"title": "Introduction to Git and GitHub",
"intro": ["Learn how to work with Git and GitHub in these lessons."]
},
"lecture-working-with-code-reviews-branching-deployment-and-ci-cd": {
"title": "Working With Code Reviews, Branching, Deployment, and CI/CD",
"intro": [
"Learn about code reviews, branching, deployment, and CI/CD in these lessons."
]
},
"workshop-sql-reference-object": {
"title": "Build an SQL Reference Object",
"intro": [
"Git is a version control system that keeps track of all the changes you make to your codebase.",
"In this 240-lesson workshop, you will learn how Git keeps track of your code by creating an object containing commonly used SQL commands."
]
},
"lab-periodic-table-database": {
"title": "Build a Periodic Table Database",
"intro": [
"For this lab, you will create a Bash script to get information about chemical elements from a periodic table database."
]
},
"lab-number-guessing-game": {
"title": "Build a Number Guessing Game",
"intro": [
"For this lab, you will use Bash scripting, PostgreSQL, and Git to create a number guessing game that runs in the terminal and saves user information."
]
},
"review-git": {
"title": "Git Review",
"intro": ["Review Git concepts to prepare for the upcoming quiz."]
},
"quiz-git": {
"title": "Git Quiz",
"intro": ["Test what you've learned on Git with this quiz."]
},
"review-relational-databases": {
"title": "Relational Databases Review",
"intro": [
"Review relational databases concepts to prepare for the upcoming quiz."
]
},
"exam-certified-full-stack-developer": {
"title": "Certified Full Stack Developer Exam",
"intro": ["Pass this exam to become a Certified Full Stack Developer."]
}
}
},
"javascript-v9": {
"title": "JavaScript Certification",
"intro": [
"This course teaches you core JavaScript programming concepts such as working with variables, functions, objects, arrays, and control flow. You'll also learn how to manipulate the DOM, handle events, and apply techniques like asynchronous programming, functional programming, and accessibility best practices.",
"To earn your JavaScript Certification:",
"- Complete the five required projects to qualify for the certification exam.",
"- Pass the JavaScript Certification exam."
],
"chapters": {
"javascript": "JavaScript"
},
"modules": {
"javascript-variables-and-strings": "Variables and Strings",
"javascript-booleans-and-numbers": "Booleans and Numbers",
"javascript-functions": "Functions",
"javascript-arrays": "Arrays",
"javascript-objects": "Objects",
"javascript-loops": "Loops",
"review-javascript-fundamentals": "JavaScript Fundamentals Review",
"higher-order-functions-and-callbacks": "Higher Order Functions and Callbacks",
"dom-manipulation-and-events": "DOM Manipulation and Events",
"js-a11y": "JavaScript and Accessibility",
"debugging-javascript": "Debugging",
"basic-regex": "Basic Regex",
"lab-markdown-to-html-converter": "Build a Markdown to HTML Converter",
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
"lab-drum-machine": "Build a Drum Machine",
"maps-and-sets": "Maps and Sets",
"lab-voting-system": "Build a Voting System",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"lab-bank-account-manager": "Build a Bank Account Management Program",
"recursion": "Recursion",
"functional-programming": "Functional Programming",
"asynchronous-javascript": "Asynchronous JavaScript",
"lab-weather-app": "Build a Weather App",
"review-javascript": "JavaScript Review",
"javascript-certification-exam": "JavaScript Certification Exam"
},
"blocks": {
"lecture-introduction-to-javascript": {
"title": "Introduction to JavaScript",
"intro": [
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
]
},
"workshop-greeting-bot": {
"title": "Build a Greeting Bot",
"intro": [
"In this workshop, you will learn JavaScript fundamentals by building a greeting bot.",
"You will learn about variables, <code>let</code>, <code>const</code>, <code>console.log</code> and basic string usage."
]
},
"lab-javascript-trivia-bot": {
"title": "Build a JavaScript Trivia Bot",
"intro": [
"In this lab, you'll practice working with JavaScript variables and strings by building a trivia bot."
]
},
"lab-sentence-maker": {
"title": "Build a Sentence Maker",
"intro": [
"In this lab, you will continue practicing with strings and concatenation by creating and customizing various stories."
]
},
"lecture-working-with-data-types": {
"title": "Working with Data Types",
"intro": [
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
]
},
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
"Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
"Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Quiz",
"intro": [
"Test your knowledge of JavaScript variables and data types with this quiz."
]
},
"lecture-working-with-strings-in-javascript": {
"title": "Working with Strings in JavaScript",
"intro": [
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
]
},
"workshop-teacher-chatbot": {
"title": "Build a Teacher Chatbot",
"intro": [
"In this workshop, you will continue to learn more about JavaScript strings by building a chatbot.",
"You will learn how to work with template literals, and the <code>indexOf</code> method."
]
},
"lecture-working-with-string-character-methods": {
"title": "Working with String Character Methods",
"intro": [
"In this lecture you will learn about ASCII character encoding and how to use JavaScript's <code>charCodeAt()</code> and <code>fromCharCode()</code> methods to convert between characters and their numerical ASCII values."
]
},
"lecture-working-with-string-search-and-slice-methods": {
"title": "Working with String Search and Slice Methods",
"intro": [
"In this lecture you will learn how to search for substrings using the <code>includes()</code> method and how to extract portions of strings using the <code>slice()</code> method."
]
},
"lecture-working-with-string-formatting-methods": {
"title": "Working with String Formatting Methods",
"intro": [
"In this lecture you will learn how to format strings by changing their case using <code>toUpperCase()</code> and <code>toLowerCase()</code> methods, and how to remove whitespace using <code>trim()</code>, <code>trimStart()</code>, and <code>trimEnd()</code> methods."
]
},
"lecture-working-with-string-modification-methods": {
"title": "Working with String Modification Methods",
"intro": [
"In this lecture you will learn how to modify strings by replacing parts of them using the <code>replace()</code> method and how to repeat strings multiple times using the <code>repeat()</code> method."
]
},
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
"Before you are quizzed on working with JavaScript strings, you first need to review.",
"Open up this page to review how to work with template literals, the <code>slice</code> method, the <code>includes</code> method, the <code>trim</code> method and more."
]
},
"quiz-javascript-strings": {
"title": "JavaScript Strings Quiz",
"intro": ["Test your knowledge of JavaScript strings with this quiz."]
},
"lecture-working-with-numbers-and-arithmetic-operators": {
"title": "Working with Numbers and Arithmetic Operators",
"intro": [
"In these lectures you will learn about the number type, arithmetic operators, and using them with numbers and strings."
]
},
"lecture-working-with-operator-behavior": {
"title": "Working with Operator Behavior",
"intro": [
"In these lectures you will learn about operator precedence, the increment and decrement operators, and compound assignment operators."
]
},
"lecture-working-with-comparison-and-boolean-operators": {
"title": "Working with Comparison and Boolean Operators",
"intro": [
"In these lectures you will learn about booleans, and equality and inequality operators, and other comparison operators."
]
},
"lecture-working-with-unary-and-bitwise-operators": {
"title": "Working with Unary and Bitwise Operators",
"intro": [
"In these lectures, you will learn about unary and bitwise operators."
]
},
"lecture-working-with-conditional-logic-and-math-methods": {
"title": "Working with Conditional Logic and Math Methods",
"intro": [
"In these lectures, you will learn about conditional statements, binary logical operators, and the <code>Math</code> object."
]
},
"workshop-mathbot": {
"title": "Build a Mathbot",
"intro": [
"In this workshop, you will review how to work with the different Math object methods by building a Mathbot."
]
},
"lab-fortune-teller": {
"title": "Build a Fortune Teller",
"intro": [
"In this lab, you'll build a fortune teller by randomly selecting a fortune from the available fortunes.",
"You'll practice how to work with the <code>Math.random()</code> method and the <code>Math.floor()</code> method to generate random numbers."
]
},
"lecture-working-with-numbers-and-common-number-methods": {
"title": "Working with Numbers and Common Number Methods",
"intro": [
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
]
},
"review-javascript-math": {
"title": "JavaScript Math Review",
"intro": [
"Before you're quizzed on working with the <code>Math</code> object, you should review what you've learned.",
"Open up this page to review how to work with the <code>Math.random()</code> method, the <code>Math.floor()</code> method and more."
]
},
"quiz-javascript-math": {
"title": "JavaScript Math Quiz",
"intro": [
"Test your knowledge of the JavaScript <code>Math</code> object with this quiz."
]
},
"lecture-understanding-comparisons-and-conditionals": {
"title": "Understanding Comparisons and Conditionals",
"intro": [
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
]
},
"review-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Review",
"intro": [
"Before you're quizzed on working with conditionals, you should review what you've learned about them.",
"Open up this page to review how to work with <code>switch</code> statements, other types of conditionals and more."
]
},
"quiz-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Quiz",
"intro": [
"Test your knowledge of JavaScript Comparisons and Conditionals with this quiz."
]
},
"lecture-working-with-functions": {
"title": "Working with Functions",
"intro": [
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
]
},
"workshop-calculator": {
"title": "Build a Calculator",
"intro": [
"In this workshop, you will review your knowledge of functions by building a calculator."
]
},
"lab-boolean-check": {
"title": "Build a Boolean Check Function",
"intro": [
"In this lab, you'll implement a function that checks if a value is a boolean."
]
},
"lab-email-masker": {
"title": "Build an Email Masker",
"intro": [
"In this lab, you'll build an email masker that will take an email address and obscure it.",
"You'll practice string slicing, concatenation, and using functions."
]
},
"workshop-loan-qualification-checker": {
"title": "Build a Loan Qualification Checker",
"intro": [
"In this workshop, you will continue to learn how to work with conditionals by building a loan qualification checker app.",
"You will learn more about <code>if</code> statements, and how to use comparison operators and multiple conditions in an <code>if</code> statement."
]
},
"lab-celsius-to-fahrenheit-converter": {
"title": "Build a Celsius to Fahrenheit Converter",
"intro": [
"In this lab you will implement a function that converts the temperature from Celsius to Fahrenheit."
]
},
"lab-counting-cards": {
"title": "Build a Card Counting Assistant",
"intro": ["In this lab you will use JavaScript to count dealt cards."]
},
"lab-leap-year-calculator": {
"title": "Build a Leap Year Calculator ",
"intro": [
"In this lab you'll use conditional statements and loops to determine if a year is a leap year."
]
},
"lab-truncate-string": {
"title": "Implement the Truncate String Algorithm",
"intro": [
"In this lab, you will practice truncating a string at a certain length."
]
},
"lab-string-ending-checker": {
"title": "Build a Confirm the Ending Tool",
"intro": [
"In this lab, you will implement a function that checks if a given string ends with a specified target string."
]
},
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
"Before you're quizzed on JavaScript functions, you should review what you've learned about them.",
"Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
"title": "JavaScript Functions Quiz",
"intro": ["Test your knowledge of JavaScript functions with this quiz."]
},
"lecture-working-with-arrays": {
"title": "Working with Arrays",
"intro": [
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
"intro": [
"In this workshop, you will practice how to work with arrays by building a shopping list.",
"You will review how to add and remove elements from an array using methods like <code>push</code>, <code>pop</code>, <code>shift</code>, and <code>unshift</code>."
]
},
"lab-lunch-picker-program": {
"title": "Build a Lunch Picker Program",
"intro": [
"In this lab, you'll review working with arrays and random numbers by building a lunch picker program."
]
},
"lab-golf-score-translator": {
"title": "Build a Golf Score Translator",
"intro": [
"For this lab, you will use array methods to translate golf scores into their nickname."
]
},
"lab-reverse-a-string": {
"title": "Build a String Inverter",
"intro": [
"In this lab, you create a function that reverses a given string."
]
},
"lecture-working-with-common-array-methods": {
"title": "Working with Common Array Methods",
"intro": [
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
"intro": [
"Before you're quizzed on JavaScript arrays, you should review what you've learned about them.",
"Open up this page to review concepts like array destructuring, how to add and remove elements from an array, and more."
]
},
"quiz-javascript-arrays": {
"title": "JavaScript Arrays Quiz",
"intro": ["Test your knowledge of JavaScript arrays with this quiz."]
},
"lecture-introduction-to-javascript-objects-and-their-properties": {
"title": "Introduction to JavaScript Objects and Their Properties",
"intro": [
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
]
},
"lecture-working-with-optional-chaining-and-object-destructuring": {
"title": "Working with Optional Chaining and Object Destructuring",
"intro": [
"In these lectures, you will learn about advanced object manipulation techniques in JavaScript, including the optional chaining operator and object destructuring syntax."
]
},
"lecture-working-with-json": {
"title": "Working with JSON",
"intro": [
"In these lectures, you will learn about JavaScript Object Notation (JSON), including how to access JSON data and use the <code>JSON.parse()</code> and <code>JSON.stringify()</code> methods."
]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
"intro": [
"In this workshop, you will review working with JavaScript objects by building a recipe tracker."
]
},
"lab-quiz-game": {
"title": "Build a Quiz Game",
"intro": [
"In this lab, you'll build a quiz game using JavaScript arrays and objects.",
"You'll also practice using functions to randomly select a question and an answer from an array and compare them."
]
},
"lab-record-collection": {
"title": "Build a Record Collection",
"intro": [
"In this lab you will build a function to manage a record collection."
]
},
"review-javascript-objects": {
"title": "JavaScript Objects Review",
"intro": [
"Before you're quizzed on JavaScript objects, you should review what you've learned about them.",
"Open up this page to review concepts including how to access information from objects, object destructuring, working with JSON, and more."
]
},
"quiz-javascript-objects": {
"title": "JavaScript Objects Quiz",
"intro": ["Test your knowledge of JavaScript objects with this quiz."]
},
"lecture-working-with-loops": {
"title": "Working with Loops",
"intro": [
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
"intro": [
"In this workshop, you'll review how to work with JavaScript loops by building a sentence analyzer app."
]
},
"lab-longest-word-in-a-string": {
"title": "Build a Longest Word Finder App",
"intro": [
"In this lab, you will use JavaScript loops to find the length of the longest word in the given sentence."
]
},
"lab-factorial-calculator": {
"title": "Build a Factorial Calculator ",
"intro": [
"In this lab, you'll build a factorial calculator.",
"You'll practice using loops and conditionals to calculate the factorial of a number."
]
},
"lab-mutations": {
"title": "Implement the Mutations Algorithm",
"intro": [
"In this lab, you will practice iterating over two different strings to compare their characters."
]
},
"lab-chunky-monkey": {
"title": "Implement the Chunky Monkey Algorithm",
"intro": [
"In this lab, you will practice dividing an array into smaller arrays with the technique of your choice."
]
},
"lab-profile-lookup": {
"title": "Build a Profile Lookup",
"intro": [
"In this lab, you'll create a function that looks up profile information."
]
},
"lab-repeat-a-string": {
"title": "Build a String Repeating Function",
"intro": [
"In this lab, you will implement loops to repeat a string a specified number of times."
]
},
"review-javascript-loops": {
"title": "JavaScript Loops Review",
"intro": [
"Before you're quizzed on the different JavaScript loops, you should review them.",
"Open up this page to review the <code>for...of</code> loop, <code>while</code> loop, <code>break and continue</code> statements and more."
]
},
"quiz-javascript-loops": {
"title": "JavaScript Loops Quiz",
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
},
"lecture-working-with-types-and-objects": {
"title": "Working with Types and Objects",
"intro": [
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
]
},
"lecture-working-with-arrays-variables-and-naming-practices": {
"title": "Working with Arrays, Variables, and Naming Practices",
"intro": [
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
]
},
"lecture-working-with-code-quality-and-execution-concepts": {
"title": "Working with Code Quality and Execution Concepts",
"intro": [
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
]
},
"lab-largest-number-finder": {
"title": "Build the Largest Number Finder",
"intro": [
"In this lab, you will use JavaScript fundamentals to create a function that finds the largest number in each sub-array of a given array."
]
},
"lab-first-element-finder": {
"title": "Build a First Element Finder",
"intro": [
"In this lab, you will create a function that looks through an array and returns the first element in it that passes a \"truth test\"."
]
},
"lab-slice-and-splice": {
"title": "Implement the Slice and Splice Algorithm",
"intro": [
"In this lab, you will practice merging an array with another."
]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
"intro": [
"In this lab you'll build a pyramid generator.",
"You'll take a number as input and generate a pyramid with that many levels using a loop."
]
},
"lab-gradebook-app": {
"title": "Build a Gradebook App",
"intro": [
"For this lab, you'll create a gradebook app.",
"You'll practice conditionals to determine the student's grade based on their score."
]
},
"lecture-the-var-keyword-and-hoisting": {
"title": "The var Keyword and Hoisting",
"intro": [
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
]
},
"lab-falsy-remover": {
"title": "Implement a Falsy Remover",
"intro": [
"In this lab, you will create a function that removes all falsy values from an array."
]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
"intro": [
"For this lab, you'll build an inventory management program using JavaScript.",
"You'll use JavaScript array of objects to manage the inventory."
]
},
"lecture-understanding-modules-imports-and-exports": {
"title": "Understanding Modules, Imports, and Exports",
"intro": [
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
]
},
"lab-password-generator": {
"title": "Build a Password Generator App",
"intro": [
"In this lab, you'll build a password generator app based on the user's input."
]
},
"lab-sum-all-numbers-algorithm": {
"title": "Design a Sum All Numbers Algorithm",
"intro": [
"In this lab, you will design a sum all numbers algorithm. This algorithm takes an array of two numbers and returns the sum of those two numbers plus the sum of all the numbers between them."
]
},
"lab-html-entitiy-converter": {
"title": "Implement an HTML Entity Converter",
"intro": [
"In this lab, you will convert special characters in a string to their corresponding HTML entities."
]
},
"lab-optional-arguments-sum-function": {
"title": "Build an Optional Arguments Sum Function",
"intro": [
"In this lab you will build a function that accepts up to two arguments, and sum them, but if there is only one argument returns a function that waits for the second number to sum."
]
},
"review-javascript-fundamentals": {
"title": "JavaScript Fundamentals Review",
"intro": [
"Before you are quizzed on JavaScript fundamentals, you first need to review the concepts.",
"Open up this page to review concepts like closures, memory management, and more."
]
},
"quiz-javascript-fundamentals": {
"title": "JavaScript Fundamentals Quiz",
"intro": [
"Test your knowledge of JavaScript fundamentals with this quiz."
]
},
"lecture-working-with-higher-order-functions-and-callbacks": {
"title": "Working with Higher Order Functions and Callbacks",
"intro": [
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
]
},
"workshop-library-manager": {
"title": "Build a Library Manager",
"intro": [
"In this workshop, you will learn higher order array methods by building a library manager."
]
},
"lab-book-organizer": {
"title": "Build a Book Organizer",
"intro": [
"In this lab, you'll build a book organizer using higher order functions in JavaScript."
]
},
"lab-sorted-index-finder": {
"title": "Implement a Sorted Index Finder",
"intro": [
"In this lab, you will create a function that finds the index at which a given number should be inserted into a sorted array to maintain the array's sorted order."
]
},
"lab-symmetric-difference": {
"title": "Build a Symmetric Difference Function",
"intro": [
"In this lab, you will practice using higher order functions to find the symmetric difference between two arrays."
]
},
"review-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Review",
"intro": [
"Before you're quizzed on JavaScript higher order functions, you should review them.",
"Open up this page to review concepts including how to work with the <code>map()</code>, <code>filter()</code>, and <code>reduce()</code> methods."
]
},
"quiz-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Quiz",
"intro": [
"Test what you've learned about JavaScript higher order functions with this quiz."
]
},
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
]
},
"workshop-storytelling-app": {
"title": "Build a Storytelling App",
"intro": [
"In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
]
},
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
"In this lab, you'll build a favorite icon toggler by utilizing JavaScript click events."
]
},
"lecture-understanding-the-event-object-and-event-delegation": {
"title": "Understanding the Event Object and Event Delegation",
"intro": [
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
]
},
"workshop-music-instrument-filter": {
"title": "Build a Music Instrument Filter",
"intro": [
"In this workshop, you will build a music instrument filter with JavaScript."
]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
"intro": [
"In this lab, you'll build a real-time character counter",
"You'll practice how to work with the <code>input</code> event when the user types in the input field."
]
},
"lab-lightbox-viewer": {
"title": "Build a Lightbox Viewer",
"intro": [
"In this lab, you'll build a lightbox viewer for viewing images in a focused mode.",
"You'll practice click events and toggling classes."
]
},
"workshop-rps-game": {
"title": "Build a Rock, Paper, Scissors Game",
"intro": [
"In this workshop, you will review DOM manipulation and events by building a Rock, Paper, Scissors Game."
]
},
"lab-football-team-cards": {
"title": "Build a Set of Football Team Cards",
"intro": [
"In this lab, you'll use DOM manipulation, object destructuring, event handling, and data filtering to build a set of football team cards."
]
},
"review-dom-manipulation-and-click-events-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Review",
"intro": [
"Before you're quizzed on the DOM, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>DOM</code>, <code>Web APIs</code>, the <code>addEventListener()</code> method, change events, event bubbling and more."
]
},
"quiz-dom-manipulation-and-click-event-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Quiz",
"intro": [
"Test your knowledge of DOM manipulation and click events in JavaScript with this quiz."
]
},
"lecture-understanding-aria-expanded-aria-live-and-common-aria-states": {
"title": "Understanding aria-expanded, aria-live, and Common ARIA States",
"intro": [
"In these lectures you will learn more about ARIA attributes like <code>aria-expanded</code>, <code>aria-live</code>, and common ARIA states."
]
},
"workshop-planets-tablist": {
"title": "Build a Planets Tablist",
"intro": [
"In this workshop, you will build a dynamic tabbed interface that showcases facts about the planets in the solar system."
]
},
"workshop-note-taking-app": {
"title": "Build a Note Taking App",
"intro": [
"In this workshop, you are going to build an accessible note taking app.",
"This will provide you with the opportunity to practice working with <code>aria-live</code> attribute."
]
},
"lab-theme-switcher": {
"title": "Build a Theme Switcher",
"intro": [
"In this lab, you will build a theme switcher and practice working with the <code>aria-haspopup</code>, <code>aria-expanded</code>, and <code>aria-controls</code> attributes."
]
},
"review-js-a11y": {
"title": "JavaScript and Accessibility Review",
"intro": [
"Before you're quizzed on JavaScript and accessibility, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>aria-expanded</code>, <code>aria-live</code>, and <code>aria-controls</code> attributes."
]
},
"quiz-js-a11y": {
"title": "JavaScript and Accessibility Quiz",
"intro": [
"Test your knowledge of JavaScript and accessibility best practices with this quiz."
]
},
"lecture-debugging-techniques": {
"title": "Debugging Techniques",
"intro": [
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them – a process called debugging."
]
},
"lab-random-background-color-changer": {
"title": "Debug a Random Background Color Changer",
"intro": [
"In this lab, you'll debug a random background color changer and fix the errors to make it work properly."
]
},
"review-debugging-javascript": {
"title": "Debugging JavaScript Review",
"intro": [
"Before you're quizzed on common debugging techniques, you should review what you've learned.",
"Open up this page to review concepts including how to work with the <code>throw statement</code>, <code>try...catch...finally</code> and more."
]
},
"quiz-debugging-javascript": {
"title": "Debugging JavaScript Quiz",
"intro": ["Test your knowledge of JavaScript debugging with this quiz."]
},
"lecture-working-with-regular-expressions": {
"title": "Working with Regular Expressions",
"intro": [
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
]
},
"workshop-spam-filter": {
"title": "Build a Spam Filter",
"intro": [
"Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
"In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
]
},
"lab-palindrome-checker": {
"title": "Build a Palindrome Checker",
"intro": [
"For this lab, you'll build an application that checks whether a given word is a palindrome."
]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
"intro": [
"For this lab, you'll build a Markdown to HTML converter using JavaScript.",
"You'll practice regular expressions, string manipulation, and more."
]
},
"lab-regex-sandbox": {
"title": "Build a RegEx Sandbox",
"intro": ["In this lab you'll build a regex sandbox."]
},
"review-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Review",
"intro": [
"Before you're quizzed on Regular Expressions, you should review what you've learned.",
"Open up this page to review concepts like lookaheads, lookbehinds, common regex modifiers and more."
]
},
"quiz-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Quiz",
"intro": [
"Test your knowledge of JavaScript Regular Expressions with this quiz."
]
},
"lecture-understanding-form-validation": {
"title": "Understanding Form Validation",
"intro": [
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
]
},
"workshop-calorie-counter": {
"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."
]
},
"lab-customer-complaint-form": {
"title": "Build a Customer Complaint Form",
"intro": [
"For this lab, you'll use JavaScript to validate a customer complaint form.",
"You'll practice how to validate form inputs, display error messages, and prevent the form from submitting if there are errors."
]
},
"review-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Review",
"intro": [
"Before you're quizzed on form validation, you should review what you've learned.",
"Open up this page to review concepts including the <code>preventDefault()</code> method, the submit event and more."
]
},
"quiz-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Quiz",
"intro": [
"Test what you've learned about JavaScript form validation with this quiz."
]
},
"lecture-working-with-dates": {
"title": "Working with Dates",
"intro": [
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
]
},
"lab-date-conversion": {
"title": "Build a Date Conversion Program",
"intro": [
"In this lab, you'll build a program to convert a date from one format to another."
]
},
"review-javascript-dates": {
"title": "JavaScript Dates Review",
"intro": [
"Before you're quizzed on working with dates, you should review what you've learned.",
"Open up this page to review the <code>Date()</code> object and common methods."
]
},
"quiz-javascript-dates": {
"title": "JavaScript Dates Quiz",
"intro": [
"Test what you've learned about JavaScript Dates with this quiz."
]
},
"lecture-working-with-audio-and-video": {
"title": "Working with Audio and Video",
"intro": [
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
]
},
"workshop-music-player": {
"title": "Build a Music Player",
"intro": [
"In this workshop, you'll code a basic MP3 player using HTML, CSS, and JavaScript.",
"The project covers fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, and previous functionalities and dynamically update your user interface based on the current song."
]
},
"lab-drum-machine": {
"title": "Build a Drum Machine",
"intro": [
"For this lab you will use the <code>audio</code> element to build a drum machine."
]
},
"review-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Review",
"intro": [
"Before you're quizzed on working with audio and video in JavaScript, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>Audio</code> constructor, the <code>HTMLMediaElement</code> API and more."
]
},
"quiz-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Quiz",
"intro": [
"Test what you've learned about JavaScript audio and video with this quiz."
]
},
"lecture-working-with-maps-and-sets": {
"title": "Working with Maps and Sets",
"intro": [
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
]
},
"workshop-plant-nursery-catalog": {
"title": "Build a Plant Nursery Catalog",
"intro": [
"In this workshop, you will practice using Maps and Sets by building a plant nursery catalog."
]
},
"lab-voting-system": {
"title": "Build a Voting System",
"intro": [
"In this lab, you'll build a voting system using Maps and Sets.",
"You'll practice how to use the <code>Map</code> object to store key-value pairs and the <code>Set</code> object to store unique values."
]
},
"review-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Review",
"intro": [
"Before you're quizzed on JavaScript Maps and Sets, you should review what you've learned about them.",
"Open up this page to review concepts such as the <code>Map</code> and <code>Set</code> objects, as well as WeakSet and WeakMap."
]
},
"quiz-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Quiz",
"intro": [
"Test what you've learned about JavaScript Maps and Sets with this quiz."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
"title": "Working with Client-Side Storage and CRUD Operations",
"intro": [
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
]
},
"workshop-todo-app": {
"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",
"intro": [
"For this lab, you'll build a bookmark manager app.",
"You'll utilize local storage to store bookmarks, and practice how to add, remove, and display bookmarks."
]
},
"review-local-storage-and-crud": {
"title": "Local Storage and CRUD Review",
"intro": [
"Before you are quizzed on working with <code>localStorage</code>, you first need to review the concepts.",
"Open up this page to review the <code>localStorage</code> property, <code>sessionStorage</code> property and more."
]
},
"quiz-local-storage-and-crud": {
"title": "Local Storage and CRUD Quiz",
"intro": [
"Test what you've learned about local storage and CRUD with this quiz."
]
},
"lecture-understanding-how-to-work-with-classes-in-javascript": {
"title": "Understanding How to Work with Classes in JavaScript",
"intro": [
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
]
},
"workshop-shopping-cart": {
"title": "Build a Shopping Cart",
"intro": [
"In this workshop you'll create a shopping cart using JavaScript classes.",
"You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
"intro": [
"In this lab, you'll build a project idea board using OOP in JavaScript.",
"You'll practice how to create classes, add methods to classes, and create instances of classes."
]
},
"lab-bank-account-manager": {
"title": "Build a Bank Account Management Program",
"intro": [
"In this lab, you'll build a simple transaction management system for a bank account."
]
},
"review-javascript-classes": {
"title": "JavaScript Classes Review",
"intro": [
"Before you're quizzed on how to work with classes, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>this</code> keyword, class inheritance and more."
]
},
"quiz-javascript-classes": {
"title": "JavaScript Classes Quiz",
"intro": [
"Test what you've learned about JavaScript classes with this quiz."
]
},
"lecture-understanding-recursion-and-the-call-stack": {
"title": "Understanding Recursion and the Call Stack",
"intro": [
"In this lecture, you will learn about recursion and the call stack."
]
},
"workshop-decimal-to-binary-converter": {
"title": "Build a Decimal to Binary Converter",
"intro": [
"Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
"In this workshop, you'll build a decimal-to-binary converter using JavaScript. You'll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
]
},
"lab-permutation-generator": {
"title": "Build a Permutation Generator",
"intro": [
"For this lab, you'll build a permutation generator that produces all possible permutations of a given string."
]
},
"review-recursion": {
"title": "Recursion Review",
"intro": [
"Before you're quizzed on recursion, you should review what you've learned.",
"Open up this page to review what is recursion and what is it used for."
]
},
"quiz-recursion": {
"title": "Recursion Quiz",
"intro": ["Test your knowledge of Recursion with this quiz."]
},
"lecture-understanding-functional-programming": {
"title": "Understanding Functional Programming",
"intro": [
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
]
},
"workshop-recipe-ingredient-converter": {
"title": "Build a Recipe Ingredient Converter",
"intro": [
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
]
},
"lab-sorting-visualizer": {
"title": "Build a Sorting Visualizer",
"intro": [
"For this lab, you'll use JavaScript to visualize the steps that the Bubble Sort algorithm takes to reorder an array of integers."
]
},
"review-javascript-functional-programming": {
"title": "JavaScript Functional Programming Review",
"intro": [
"Before you're quizzed on functional programming, you should review what you've learned.",
"Open up this page to review concepts on functional programming, currying and more."
]
},
"quiz-javascript-functional-programming": {
"title": "JavaScript Functional Programming Quiz",
"intro": [
"Test what you've learned about JavaScript functional programming with this quiz."
]
},
"lecture-understanding-asynchronous-programming": {
"title": "Understanding Asynchronous Programming",
"intro": [
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
]
},
"workshop-fcc-authors-page": {
"title": "Build an fCC Authors Page",
"intro": [
"One common aspect of web development is learning how to fetch data from an external API, then work with asynchronous JavaScript.",
"In this workshop you will practice how to use the fetch method, dynamically update the DOM to display the fetched data and paginate your data so you can load results in batches."
]
},
"lab-fcc-forum-leaderboard": {
"title": "Build an fCC Forum Leaderboard",
"intro": [
"For this lab you'll practice asynchronous JavaScript by coding your own freeCodeCamp forum leaderboard."
]
},
"lab-weather-app": {
"title": "Build a Weather App",
"intro": [
"In this lab you'll build a Weather App using an API",
"You'll practice how to fetch data from the API, store and display it on your app."
]
},
"review-asynchronous-javascrip": {
"title": "Asynchronous JavaScript Review",
"intro": [
"Review asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
"title": "Asynchronous JavaScript Quiz",
"intro": [
"Test what you've learned about asynchronous JavaScript with this quiz."
]
},
"review-javascript": {
"title": "JavaScript Review",
"intro": [
"Before you take the JavaScript prep exam, you should review everything you've learned about JavaScript.",
"Open up this page to review all of the concepts taught including variables, strings, booleans, functions, objects, arrays, debugging, working with the DOM and more."
]
},
"exam-javascript-certification": {
"title": "JavaScript Certification Exam",
"intro": ["Pass this exam to earn your JavaScript Certification."]
}
}
},
"a1-professional-spanish": {
"title": "A1 Professional Spanish Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"chapters": {
"es-a1-chapter-welcome-to-a1-professional-spanish": "Welcome to A1 Professional Spanish",
"es-a1-chapter-letters-and-sounds": "Letters and Sounds",
"es-a1-chapter-greetings-and-introductions": "Greetings and Introductions"
},
"modules": {
"es-a1-module-introduction-and-certification-overview": "Introduction and Certification Overview",
"es-a1-module-alphabet-accents-and-punctuation": "Alphabet, Accents, and Punctuation",
"es-a1-module-greetings-and-farewells": "Greetings and Farewells",
"es-a1-module-introducing-yourself": "Introducing Yourself",
"es-a1-module-first-questions": "First Questions"
},
"module-intros": {
"es-a1-module-introduction-and-certification-overview": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-alphabet-accents-and-punctuation": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-greetings-and-farewells": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-introducing-yourself": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-first-questions": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
}
},
"blocks": {
"es-a1-warm-up-greetings-and-farewells-basics": {
"title": "Greetings and Farewells Basics",
"intro": ["Learn the basics of greetings and farewells in Spanish."]
},
"es-a1-learn-greetings-during-the-day": {
"title": "Greetings During the Day",
"intro": ["", ""]
},
"es-a1-practice-greetings-and-farewells": {
"title": "Greetings and Farewells Practice",
"intro": ["", ""]
},
"es-a1-review-greetings-and-farewells": {
"title": "Greetings and Farewells Review",
"intro": ["", ""]
},
"es-a1-quiz-greetings-and-farewells": {
"title": "Greetings and Farewells Quiz",
"intro": ["", ""]
},
"es-a1-learn-certification-introduction": {
"title": "Certification Introduction",
"intro": ["", ""]
},
"es-a1-learn-alphabet-and-accents": {
"title": "Alphabet and Accents",
"intro": ["", ""]
},
"es-a1-learn-punctuation": {
"title": "Punctuation",
"intro": ["", ""]
},
"es-a1-quiz-alphabet-accent-and-punctuation-quiz": {
"title": "Alphabet, Accent and Punctuation Quiz",
"intro": ["", ""]
},
"es-a1-warm-up-introducing-yourself-basics": {
"title": "Introducing Yourself Basics",
"intro": ["", ""]
},
"es-a1-learn-meet-luna": {
"title": "Meet Luna",
"intro": ["", ""]
},
"es-a1-learn-meet-mateo": {
"title": "Meet Mateo",
"intro": ["", ""]
},
"es-a1-learn-meet-julieta": {
"title": "Meet Julieta",
"intro": ["", ""]
},
"es-a1-practice-introducing-yourself": {
"title": "Introducing Yourself Practice",
"intro": ["", ""]
},
"es-a1-review-introducing-yourself": {
"title": "Introducing Yourself Review",
"intro": ["", ""]
},
"es-a1-quiz-introducing-yourself": {
"title": "Introducing Yourself Quiz",
"intro": ["", ""]
},
"es-a1-warm-up-first-questions-basics": {
"title": "First Questions Basics",
"intro": ["", ""]
},
"es-a1-learn-meet-angela-and-basti": {
"title": "Meet Angela and Basti",
"intro": ["", ""]
},
"es-a1-practice-first-questions": {
"title": "First Questions Practice",
"intro": ["", ""]
},
"es-a1-review-first-questions": {
"title": "First Questions Review",
"intro": ["", ""]
},
"es-a1-quiz-first-questions": {
"title": "First Questions Quiz",
"intro": ["", ""]
}
}
},
"a2-professional-spanish": {
"title": "A2 Professional Spanish Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"blocks": {
"talk-about-who-you-are-by-using-key-verbs": {
"title": "Talk About Who You Are by Using Key Verbs",
"intro": [
"Learn how to introduce yourself in Spanish in a simple and professional way. In this module you'll learn how to say who you are, where you are from, what you do, how you feel, and what you like or don't like."
]
},
"get-to-know-others-by-asking-simple-questions": {
"title": "Get to Know Others by Asking Simple Questions",
"intro": [
"Learn how to ask and answer questions in simple conversations. Through five short dialogues, practice talking about routines, feelings, preferences, workspaces, and personal information. You'll also learn to ask polite questions, give short answers, and use negation naturally."
]
}
}
},
"a2-professional-chinese": {
"title": "A2 Professional Chinese Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"blocks": {
"talk-about-what-you-do-by-using-key-verbs": {
"title": "Talk About What You Do by Using Key Verbs",
"intro": [
"Learn how to introduce yourself in Chinese in a simple and professional way. In this module you'll learn how to say who you are, where you are from, what you do, how you feel, and what you like or don't like."
]
},
"get-to-know-colleagues-by-asking-simple-questions": {
"title": "Get to Know Colleagues by Asking Simple Questions",
"intro": [
"Learn how to ask and answer questions in simple conversations. Through five short dialogues, practice talking about routines, feelings, preferences, workspaces, and personal information. You'll also learn to ask polite questions, give short answers, and use negation naturally."
]
}
}
},
"a1-professional-chinese": {
"title": "A1 Professional Chinese Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"blocks": {
"learn-essential-courtesies-at-the-office": {
"title": "Learn Essential Courtesies at the Office",
"intro": [
"Learn simple and polite ways to communicate at work. In this module, you'll learn essential phrases for greeting colleagues, expressing thanks, apologizing, and saying goodbye."
]
}
}
},
"basic-html": {
"title": "Basic HTML",
"summary": [
"Learn how to build simple webpages using HTML tags to add text, images, and links."
],
"intro": ["Larger intro for the superblock page."],
"blocks": {
"cat-photo-app": {
"title": "Build a Cat Photo App",
"intro": [
"HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage.",
"In this course, you'll learn the most common HTML tags by building your own cat photo app."
]
},
"recipe-page": {
"title": "Build a Recipe Page",
"intro": [
"In this lab, you'll review HTML basics by creating a web page of your favorite recipe. You'll create an HTML boilerplate and work with headings, lists, images, and more."
]
}
}
},
"semantic-html": {
"title": "Semantic HTML",
"summary": [
"Discover how to write cleaner, more meaningful HTML using semantic tags that improve structure, accessibility, and SEO."
],
"intro": ["Larger intro for the superblock page."],
"blocks": {
"cat-blog-page": {
"title": "Build a Cat Blog Page",
"intro": [
"In this workshop, you will build an HTML only blog page using semantic elements including the <code>main</code>, <code>nav</code>, <code>article</code> and <code>footer</code> elements."
]
},
"event-hub": {
"title": "Build an Event Hub",
"intro": [
"In this lab, you'll build an event hub and review semantic elements like <code>header</code>, <code>nav</code>, <code>article</code>, and more."
]
}
}
},
"dev-playground": {
"title": "Dev Playground",
"intro": ["Playground for creating and testing challenges"],
"blocks": {
"daily-coding-challenges-javascript": {
"title": "Daily Coding Challenges JavaScript",
"intro": ["Place to create JavaScript daily coding challenges."]
},
"daily-coding-challenges-python": {
"title": "Daily Coding Challenges Python",
"intro": ["Place to create Python daily coding challenges."]
}
}
},
"full-stack-open": {
"title": "Full Stack Open",
"intro": ["A good intro is to be added here."],
"blocks": {
"cat-blog-page": {
"title": "Build a Cat Blog Page",
"intro": [
"In this workshop, you will build an HTML only blog page using semantic elements including the <code>main</code>, <code>nav</code>, <code>article</code> and <code>footer</code> elements."
]
}
},
"chapters": {
"part-0": "Fundamentals of Web Apps",
"part-1": "Introduction to React",
"part-2": "Communicating with Servers",
"part-3": "Programming a Server with NodeJS and Express",
"part-4": "Testing Express Servers, User Administration",
"part-5": "Testing React Apps",
"part-6": "Advanced State Management",
"part-7": "React router, custom hooks, styling app with CSS and webpack",
"part-8": "GraphQL",
"part-9": "TypeScript",
"part-10": "React Native",
"part-11": "CI/CD",
"part-12": "Containers",
"part-13": "Using Relational Databases"
},
"modules": {
"basic-html": "Basic HTML"
},
"module-intros": {
"basic-html": {
"title": "Basic HTML",
"intro": [
"Learn how to build simple webpages using HTML tags to add text, images, and links."
]
}
}
},
"daily-coding-challenge": {
"title": "Daily Coding Challenge",
"blocks": {
"daily-coding-challenge": {
"title": "Daily Coding Challenge"
}
}
},
"misc-text": {
"browse-other": "Browse our other free certifications",
"courses": "Corsi",
"steps": "Passaggi",
"expand": "Espandi corso",
"collapse": "Chiudi corso",
"legacy-header": "Vecchi corsi",
"legacy-desc": "Questi corsi non sono più parte del percorso di certificazioni, ma sono ancora disponibili per avanzare il tuo apprendimento.",
"legacy-go-back": "Vai alla versione corrente del curriculum.",
"course-maintenance": "Questi corsi sono in manutenzione. Se non funzionano, puoi imparare come eseguirli localmente su <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>.",
"course-disabling-soon": "The browser version of these courses will be temporarily disabled soon and your virtual machines will be deleted. Any progress in your virtual machines will be lost. If you have any files you want from them, you should save them to your computer. We apologize for any inconvenience. We hope to have an improved browser version of these courses available again in the next few weeks.",
"course-disabled": "These courses are temporarily unavailable to run in the browser. We apologize for any inconvenience. You can learn how to run them locally at <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>. We hope to have an improved browser version available again soon.",
"run-locally": "For now, we recommend running the courses locally on your computer. You can learn how at <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>.",
"progress-wont-save": "I tuoi progressi non saranno salvati sul tuo account freeCodeCamp quando li esegui localmente.",
"go-back-to-learn": "Torna alla versione stabile del curriculum.",
"read-database-cert-article": "Per favore leggi questo post sul forum prima di procedere.",
"enable-cookies": "Devi abilitare i cookie di terze parti prima di iniziare.",
"english-only": "I corsi in questa sezione sono disponibili solo in inglese. Siamo solo in grado di tradurre i titoli e le introduzioni in questo momento, non le lezioni stesse.",
"exam-english-only": "Please note that the certification exam is currently available only in English. The rest of the courses are available in some languages."
}
}
Reference in New Issue View Git Blame Copy Permalink