Corso on-line JavaScript. Sviluppo professionale di interfacce web - corso gratuito da HTML Academy, formazione 9 settimane, data 15 ottobre 2023.
Miscellanea / / December 04, 2023
Perché il corso è professionale?
In questo corso imparerai come realizzare progetti reali, lo stesso livello di complessità del settore. E li farai correttamente, in modo che dopo la formazione produrrai risultati di alto livello per i quali le aziende sono disposte a pagare.
Cosa aspettarsi durante l'allenamento
Vite
Trasmissioni in diretta in cui gli insegnanti analizzano questioni complesse dalla teoria e dalla pratica. Si svolgono dalle 19 alle 21, ora di Mosca, la registrazione è disponibile il giorno successivo.
Pratica
Dopo la lezione, svolgi i compiti a casa in cui lavori al tuo progetto e rinforzi il materiale del corso.
Revisione del codice
Il mentore controllerà la qualità degli incarichi e condividerà la sua esperienza su come fare meglio.
Sezione 1 Introduzione a JavaScript
Diamo un'occhiata a come funziona il corso, di quali strumenti avrai bisogno e come configurarli. Diamo un'occhiata a cos'è il linguaggio JavaScript, comprese le specifiche ECMAScript e il browser.
Come funziona il corso? Questioni organizzative.
Schema di lavoro sul corso.
Revisione dei progetti.
Criteri di qualità.
Linguaggio JavaScript
Specifica ECMAScript.
Cosa fornisce JavaScript il browser?
Nozioni di base su JavaScript.
Sintassi di base: parentesi, parentesi graffe, operatori, parole riservate, commenti.
Gli elementi costitutivi di base sono variabili e funzioni.
Tipi di dati primitivi e complessi.
Utensili.
Editori di codice.
Linter.
Server di sviluppo.
Sezione 2 Funzionalità JavaScript di base
Iniziamo a studiare i costrutti base di JavaScript, in particolare le funzioni. Diamo un'occhiata alle sfumature della dichiarazione delle variabili. Facciamo conoscenza con gli strumenti per sviluppatori.
Variabili.
Aree di visibilità.
Dichiarazioni condizionali.
Operatore ternario.
Interruttore operatore a scelta multipla.
Cicli.
Lancio.
Funzioni.
Funzioni delle frecce.
Parametri funzione predefiniti.
parametri di riposo.
Sollevamento di variabili e funzioni.
Introduzione a DevTools (strumenti per sviluppatori).
Sezione 3 Oggetti e array
Sezione senza live
Acquisirai familiarità con tipi di dati complessi: array e oggetti. Impara a crearli e gestirli.
Tipi di dati complessi.
Array.
Metodi di base per gli array.
Oggetti.
Callback (funzioni di callback).
Sezione 4 Oggetti e funzioni built-in
Diamo un'occhiata agli oggetti e alle funzioni che esistono nel linguaggio JavaScript stesso. Tocchiamo il contesto di esecuzione di questo. Eseguiamo ed eseguiamo il debug del codice nella console degli strumenti per sviluppatori.
Destrutturante.
sintassi diffusa.
Oggetti incorporati e loro metodi.
Corda.
Numero.
Booleano.
Data.
Matematica.
Operatore nuovo.
Funzioni integrate JavaScript.
Contesto della funzione.
La parola chiave è questa.
Perdita di ambiente.
Strumenti di sviluppo. Utilizzo della Consolle.
Sezione 5 Organizzazione del Codice
Diamo un'occhiata al concetto di ambiti. Parliamo del principio DRY (non ripeterti) e di come utilizzarlo per scrivere meno codice e ottenere comunque di più. Impariamo cosa sono i moduli e come “rompere” il codice su di essi; Cos'è un punto di ingresso?
Aree di visibilità.
Ambito globale della finestra.
Chiusure
Modularità.
Riutilizzo del codice, principio DRY.
Il concetto di modulo.
Punto di ingresso.
Moduli ECMAScript, sintassi di importazione ed esportazione.
DevTools: debug del codice utilizzando Sources.
Sezione 6 DOM ed Eventi
Sezione senza live
Acquisirai familiarità con il Document Object Model. Document Object Model o DOM). Considera come descrivere le reazioni alle azioni dell'utente: immissione di testo, clic su determinati elementi, scorrimento, ecc.
albero DOM.
il documento è la radice di tutto.
Struttura ad albero del DOM.
Cerca elementi in una pagina.
Gestione degli attributi degli elementi.
Modelli e dati.
Eventi nella pagina.
Gestori di eventi.
Sezione 7 Manipolazione del DOM
Proviamo a creare, eliminare, spostare e manipolare gli elementi DOM. Utilizzando i modelli, disegneremo i dati creati in precedenza.
Gestione dell'albero DOM.
Gestione degli attributi degli elementi DOM.
Spostamento di elementi nell'albero del DOM.
Approcci alla creazione di elementi DOM.
Creazione di oggetti DOM.
Gestione del markup: aggiungi, anteponi, inserisciAdjacentHTML, innerHTML, textContent.
Modelli.
Modelli di stringhe (stringhe di modelli).
Etichetta speciale .
Sezione 8 Lavorare con gli eventi
Gestiremo l'interazione dell'utente in modo che la pagina risponda all'immissione di testo nei moduli, al clic su determinati elementi, allo scorrimento, ecc. Vediamo come rendere accessibile questa interazione.
Eventi.
Oggetto evento, gestione eventi: preventDefault e stopPropagation.
Fasi dell'evento e delega.
Eventi della tastiera e accessibilità.
Ciclo di eventi.
Convalida del modulo.
Pristine è una libreria di convalida dei moduli.
Convalida utilizzando espressioni regolari.
DevTools: funzionalità degli elementi (ispettore) per lavorare con il DOM e gli eventi.
Sezione 9 API esterne e librerie di terze parti
Diamo un'occhiata a come non "scrivere la propria bici", ma riutilizzare l'esperienza e il codice di qualcun altro. Facciamo conoscenza con il concetto di interfaccia software. API o API), considerare l'API delle librerie JavaScript di terze parti e l'API JavaScript dei servizi di mappa. Diamo una rapida occhiata alle API fornite dal browser agli sviluppatori.
Concetto di API.
Servizi di mappa e la loro API JavaScript.
OpenStreetMap.
Volantino.
Librerie di terze parti.
Perché sono necessarie le biblioteche?
Come connettersi a un progetto.
noUiSlider.
Panoramica dell'API del browser.
Sezione 10 Rete
Sezione senza live
Esaminerai autonomamente il protocollo HTTP e il formato dei dati JSON. Considera come cambia l'interazione dell'utente con il sito quando utilizza la rete e cosa può andare storto.
Protocollo HTTP e formati dei dati.
JSON.
La gestione delle eccezioni.
prova a prendere.
Strumenti per lavorare con le richieste di rete.
Sezione 11 Asincronia. Rete
Diamo un'occhiata al concetto di asincronia e come realizzarlo utilizzando le promesse. Promettere, promettere). Facciamo conoscenza con le tecnologie che ti consentono di effettuare richieste al server da un browser. Diamo un'occhiata a come gestire gli errori nella pratica quando si lavora con la rete se qualcosa va storto.
Asincronia.
setTimeout e setInterval.
Promettere.
Lavorare con la rete.
recuperare per contattare il server.
Gestione degli errori nelle richieste.
DevTools: lavorare con le richieste di rete nella rete.
Prima settimana di difesa
Completamento del lavoro sul progetto e preparazione per la difesa finale.
Sezione 12 Feedback e ottimizzazione
Ottimizziamo il lavoro con dati ed eventi sul nostro sito web. Implementiamo un feedback dell'interfaccia chiaro e intuitivo.
Lavoro avanzato con gli array.
Ordinamento.
Filtrazione.
Ottimizzazioni delle prestazioni.
Perdita di fotogrammi - limitazione.
Eliminazione del rimbalzo - antirimbalzo.
API di file.
URL.creaObjectURL().
Lettore di file.
Seconda settimana di difesa
La prima valutazione del progetto da parte del mentore revisore secondo criteri di qualità.
Terza settimana di difesa
Migliorare il progetto sulla base dei commenti del mentore revisore e sottoporlo a una seconda valutazione.
Sezione 13 Finale
Riassumiamo il corso e poi discutiamo delle funzionalità di JavaScript che potresti dover incontrare sul lavoro. Il concetto di codice legacy e cosa farne, con il codice. Diamo una rapida occhiata agli strumenti avanzati per sviluppatori front-end in modo da poter capire dove andare dopo.
JavaScript speciale.
Modalità rigorosa 'usa rigorosa'.
Punto e virgola facoltativo.
Codice legacy.
jQuery.
var e ambito funzionale.
XMLHttpRequest.
Funzioni del costruttore.
Prototipi.
Strumenti avanzati.
Webpack.
Transpilers e polyfill.
Babele.
Quarta settimana di difesa
Apportare le modifiche finali e ricevere un voto finale.
sashascript2022
26.07.2022 G.
Considero il corso JavaScript. Lo sviluppo di un'interfaccia web professionale è un ottimo inizio per imparare JavaScript.
Vantaggi: materiale attuale, niente di superfluo, niente acqua + i vantaggi sopra menzionati. Svantaggi: all'inizio è stato molto difficile per me, dato che sto imparando la lingua da zero) Ho seguito questo corso dal 15 febbraio al 18 aprile 2022. E ho acquisito una solida conoscenza di base di JavaScript. Ma non è tutto quello che ho fatto durante il corso. Ho anche imparato le basi di HTML, CSS, le basi per lavorare con Git e Github e molto altro ancora...
Sperma Bushmanov
27.05.2022 G.
Buoni corsi!
Vantaggi: Fornisce risultati allo studente, chiaramente strutturati, ben pensati, buona presentazione del materiale. Svantaggi: nessuno, ma vale la pena notare che la programmazione in generale richiede molto tempo. Completato il corso "Javascript". Sviluppo professionale di interfacce web." Corso meraviglioso! I progressi nella programmazione dopo il corso sono evidenti. Hai davvero bisogno di dedicare molto tempo all'apprendimento...
Sperma Bushmanov
27.05.2022 G.
Buoni corsi!
Vantaggi: Fornisce risultati allo studente, chiaramente strutturati, ben pensati, buona presentazione del materiale. Svantaggi: nessuno, ma vale la pena notare che la programmazione in generale richiede molto tempo. Completato il corso "Javascript". Sviluppo professionale di interfacce web." Corso meraviglioso! I progressi nella programmazione dopo il corso sono evidenti. Hai davvero bisogno di dedicare molto tempo all'apprendimento...