Impara le parti usate per costruire il web e i test che mostrano se funzionano bene.
Apri un termine per un significato semplice, un esempio, quando usarlo, quanto è ufficiale e il suo nome codice.
Questo pacchetto di apprendimento unisce tre campi di qualità. L'accessibilità verifica chi può usare il prodotto. La performance verifica la velocità di risposta e il costo delle risorse. L'osservabilità aiuta a spiegare un sistema in esecuzione. Il pacchetto non rappresenta una singola metrica di qualità standard.
↗Un budget di prestazioni è un limite stabilito prima che il lavoro inizi per dimensione dei file, tempi o esperienza utente. Aiuta a guidare le scelte di design e di codice.
↗La cancellazione della richiesta indica che il lavoro incompleto del client non è più necessario. Le API supportate ricevono un segnale di interruzione.
↗Un Test Case controlla un comportamento o un rischio. Indica la configurazione di partenza, l'azione e il risultato atteso.
↗Il ciclo di vita del recupero dati segue una richiesta di lettura. Passa attraverso attesa fino al successo o errore. Il successo può contenere dati o essere vuoto.
↗Una Build trasforma i file sorgente e le dipendenze elencate in un output verificato che può essere eseguito, testato o distribuito.
↗Una gara asincrona si verifica quando lavori sovrapposti finiscono in un ordine inaspettato. Un risultato più vecchio può sovrascrivere uno più recente.
↗Un confine di errore cattura un crash dello schermo all'interno di una parte dell'albero dei componenti. Mostra lì una sostituzione sicura.
↗La copertura dei test mostra quale codice, esigenze, stati o rischi sono verificati dai test. Una percentuale è solo un segnale approssimativo.
↗Core Web Vitals è il set di misurazioni reali di Google per il caricamento delle pagine, la risposta all'input e la stabilità visiva. Le misurazioni attuali sono LCP, INP e CLS.
↗Il CSS è un insieme di regole web che controllano l'aspetto e l'organizzazione degli elementi del documento. Può impostare colore, spaziatura, layout, modifiche alle dimensioni dello schermo e stati visivi.
↗I dati e le fixture del test sono input noti e passaggi di configurazione. Mettono il sistema nello stesso stato per ogni test.
↗La deduplicazione delle richieste consente ai chiamanti corrispondenti di condividere una richiesta già in esecuzione. Ogni chiamante riceve lo stesso risultato.
↗Il Document Object Model (DOM) trasforma un documento in un albero di oggetti chiamati nodi. I programmi usano i suoi strumenti standard per leggere e modificare il documento.
↗Un Test Double sostituisce una vera parte del sistema. Stubs, fakes, spies e mock offrono controllo o visibilità.
↗La generazione di siti statici (SSG) crea l'HTML di ogni percorso prima che i visitatori lo richiedano, di solito durante una build. Il server può quindi inviare file già pronti.
↗La gestione dello stato frontend decide cosa uno schermo ricorda, dove risiedono quei dati e cosa può modificarli.
↗Un gestore di pacchetti trova, installa, registra, aggiorna e pubblica pacchetti software e i pacchetti da cui dipendono.
↗HTML è il linguaggio di markup standard che dà a una pagina web le sue parti e il suo significato. Dice al browser cos'è un'intestazione, un collegamento, un'immagine, un modulo e altro.
↗L'idratazione collega il comportamento e lo stato del browser all'HTML che un server o una build ha già creato. Questo trasforma le parti scelte della pagina in controlli interattivi.
↗L'interrogazione ripete una lettura con un timer per verificare i cambiamenti. L'intervallo può adattarsi, mettere in pausa o fermarsi quando il lavoro termina.
↗L'invalidazione della query contrassegna come vecchi i dati memorizzati nella cache corrispondenti. I dati correlati che sono visibili sullo schermo possono quindi aggiornarsi in background.
↗JavaScript è un linguaggio di programmazione basato sullo standard ECMAScript. Viene spesso usato per far sì che siti web e altri programmi rispondano ad azioni e cambino nel tempo.
↗Lint controlla il codice senza eseguirlo. Trova bug probabili, modelli non sicuri, problemi di stile e regole del progetto rotte.
↗Markdown formatta il testo semplice con piccoli segni. Questi segni creano titoli, elenchi, link e blocchi di codice.
↗Una mutazione dei dati crea, modifica o rimuove dati dal server. Lo schermo traccia il risultato in sospeso e finale.
↗Next.js è un framework basato su React. Aggiunge routing, rendering lato server e browser, caricamento dati, ottimizzazione delle risorse e regole di distribuzione.
↗npm è un registro di pacchetti JavaScript e uno strumento da riga di comando. Installa, elenca e pubblica pacchetti e esegue script di progetto.
↗Obsoleto-mentre-si-aggiorna può mostrare subito una cache obsoleta consentita mentre verifica in background una risposta aggiornata.
↗La SEO aiuta le pagine pubbliche utili a essere trovate e comprese. Mantiene anche facile la loro indicizzazione e scansione.
↗Il pre-recupero dei dati carica i dati probabilmente necessari prima che si apra lo schermo. Un risultato aggiornato nella cache può rendere la schermata successiva più veloce.
↗Python è un linguaggio di programmazione general-purpose con codice leggibile. I suoi strumenti coprono servizi web, automazione, dati e apprendimento automatico.
↗Un bundler di moduli segue i collegamenti tra moduli di codice e prepara i file per il deployment. Spesso li divide, modifica e migliora.
↗React è una libreria JavaScript per interfacce basate su componenti. Cambiamenti di dati, props o stato possono aggiornare lo schermo. Non è ReAct.
↗Il rendering lato client (CSR) significa che il browser costruisce la maggior parte dello schermo dell'app dopo che JavaScript e i dati necessari sono arrivati.
↗Il rendering lato server (SSR) genera HTML su un server per ogni richiesta, quindi invia la pagina pronta al browser. Il comportamento del client può essere aggiunto successivamente.
↗I segnali di osservabilità sono prove che un sistema invia sul proprio comportamento. I segnali comuni sono tracce, metriche, log e baggage, che porta un piccolo contesto tra i servizi.
↗shadcn/ui fornisce alle applicazioni il codice sorgente dei componenti UI modificabili. Spesso combina controlli base accessibili con Tailwind CSS.
↗La sincronizzazione locale-prima mantiene una copia di lavoro sul dispositivo. Le persone possono leggere e scrivere offline, quindi unire le modifiche con le copie su altri dispositivi.
↗Questo pacchetto di apprendimento collega tre tecnologie del browser. HTML dà significato a un documento. CSS controlla il suo aspetto. JavaScript o TypeScript aggiunge comportamento. Questa visione dei sistemi non è una tecnologia standard.
↗Lo stato del server è dato remoto di cui il server è proprietario. Lo schermo mantiene una copia e deve aggiornarla.
↗Lo sviluppo guidato dai test (TDD) ripete tre passaggi. Scrivi un piccolo test che fallisce. Scrivi il minimo codice che passa. Poi pulisci il codice senza cambiarne il funzionamento.
↗Tailwind CSS è un framework CSS utility-first. Piccole classi in HTML applicano valori di design condivisi e varianti.
↗Un Terminal è una finestra di testo per una shell di comandi e strumenti. Può controllare file, eseguire comandi e automatizzare il lavoro.
↗Un test di componente posiziona una parte dell'interfaccia in uno spazio di rendering reale. Fornisce alla parte input e dati controllati, quindi verifica il suo comportamento.
↗Il test del contratto verifica se due sistemi che possono essere distribuiti separatamente scambiano ancora messaggi nel formato concordato.
↗Uno Smoke Test è un piccolo set di controlli veloci. Mostra se una build può ricevere test più approfonditi o essere usata.
↗Il test di accessibilità utilizza strumenti e persone per verificare se i contenuti e i controlli soddisfano le esigenze di accessibilità. Include test con tastiere e tecnologie assistive.
↗Il test di carico verifica la velocità e l'affidabilità di un sistema sotto traffico pianificato. Il piano stabilisce il numero e il modello di utenti, richieste o lavori.
↗Un test di integrazione verifica se due o più parti di un sistema funzionano insieme attraverso i loro punti di connessione reali.
↗Un Regression Test controlla che una modifica di codice successiva non abbia rotto un comportamento che funzionava prima.
↗Un test di regressione visiva confronta l'immagine renderizzata di oggi con un'immagine di riferimento approvata nelle stesse condizioni del browser.
↗Il test di sicurezza utilizza un piano chiaro per verificare le regole di sicurezza e trovare le vulnerabilità che gli aggressori potrebbero sfruttare. Copre design, codice, impostazioni e funzionamento del sistema.
↗Questo pacchetto di apprendimento confronta tre ambiti di test. I test unitari verificano solo la logica. I test di integrazione controllano i confini tra le parti. I test end-to-end vengono eseguiti attraverso il sistema che le persone utilizzano. Il pacchetto non corrisponde a un unico livello di test.
↗Un test end-to-end (E2E) segue un percorso completo dell'utente o dell'azienda attraverso il sistema assemblato e distribuito.
↗Un Flaky Test può avere successo o fallire senza modifiche al codice. Spesso la causa sono tempistiche, ordine, stato condiviso, casualità o sistemi esterni.
↗Un test unitario verifica un piccolo pezzo di software da solo. Sistemi esterni lenti o inaffidabili vengono tenuti fuori dal test.
↗Un transpiler è un compilatore che cambia il codice sorgente da una versione o sintassi linguistica a un altro codice sorgente.
↗La UI ottimistica mostra il risultato previsto prima che il server lo confermi. In caso di fallimento, ripristina il vecchio risultato e spiega cosa è successo.
↗Il Versionamento Semantico (SemVer) usa numeri MAGGIORE.MINORE.PATCH per mostrare come è cambiata un’API pubblica. Stabilisce anche regole per etichette di prerelease e build.
↗Vue è un framework JavaScript per interfacce a componenti. I suoi modelli descrivono lo schermo e i dati reattivi lo aggiornano.
↗