Sviluppatore frontend - corso 47.600 rubli. da Loft School, formazione 3 mesi, data 28 novembre 2023.
Miscellanea / / November 29, 2023
Conoscenze e abilità
Tutte le conoscenze necessarie per uno sviluppatore frontend.
Portafoglio
2 impressionanti progetti moderni e tecnologici nel tuo portafoglio.
Certificato
Con un punteggio che riflette il tuo livello di conoscenza e il grado di impatto.
Inizio carriera
Garantiamo lavoro a tutti gli studenti bravi ed eccellenti.
Danno conoscenza, non risposte. Amano spiegare e sono in grado di trasmettere informazioni complesse in un linguaggio comprensibile. Esigente sulla qualità del tuo codice: non supererai l'incarico finché il tuo codice non sarà perfetto. Capiscono bene le altre persone e sanno come trovare un approccio con qualsiasi studente. Sempre pronto ad aiutare.
Vue.js Sviluppo Web avanzato
Settimana 1 - Flusso di lavoro
— Incontriamo il mentore e il gruppo.
— Utilizzando webpack assembly, creiamo il layout selezionato per il progetto finale.
— Pubblichiamo il risultato su Github e lo sottoponiamo al mentore per la verifica.
Apertura del corso
1. Come va la formazione (01:09:37)
Vue. Caratteristiche principali
1. Teoria (04:49)
2. Ciao mondo (06:20)
3. Gestione degli eventi (02:38)
4. Gestione di più eventi (01:19)
5. Valori dinamici (01:30)
6. Introduzione alle Direttive (05:40)
7. Direttive abbreviate (00:37)
8. Metodi con parametri (01:36)
9. Modificatori di eventi (08:52)
10. Proprietà calcolate (10:50)
11. Osservatori (06:02)
12. Lavorare con le classi (03:37)
13. Lavorare con le proprietà CSS (02:49)
14. Accesso agli elementi DOM (03:50)
15. Rendering condizionale (04:46)
16. Elenchi di rendering (05:12)
17. Creazione di un componente (04:16)
18. Componenti locali (02:44)
19. Reattività dei dati (04:35)
20. Proprietà dei componenti (03:52)
21. Slot (04:37)
22. Slot con mirino (04:52)
23. Eventi personalizzati (04:27)
24. Teletrasporta (02:53)
Vue. Componenti a file singolo
1. Installazione del progetto. VUE-CLI (09:22)
2. Componente file singolo (03:18)
3. Lavorare con gli stili (07:02)
4. Passaggio di attributi e gestori (02:53)
5. File individuali (01:26)
6. Convalida delle proprietà dei componenti (07:35)
7. Convalida degli eventi utente (02:01)
8. Comunicazione dati bidirezionale (04:11)
9. Modello v personalizzato (05:51)
10. Hook del ciclo di vita (07:08)
11. Impurità (04:40)
NPM
1. Cos'è l'npm? (05:50)
2. Installazione e aggiornamento di npm (02:33)
3. Aiuto con npm (01:28)
4. Trovare e installare pacchetti (04:24)
5. Dipendenze dei pacchetti (02:09)
6. File manifesto package.json (03:02)
7. Rimozione e aggiornamento dei pacchetti (03:02)
8. dipendenze e devDependencies (01:51)
9. Webpack e npx (04:04)
10. script npm (04:02)
11. npm, git e github (02:40)
Filato
1. Filato (07:07)
Webpack. Nozioni di base
1. Teoria (01:09)
2. Configurazione minima e avvio (04:41)
3. Denominazione dei file (02:34)
4. Caricatori (04:28)
5. Server di sviluppo (02:43)
6. Plugin (02:34)
7. Cerca moduli (03:18)
8. Sorsmap (03:17)
9. Dev e altri (02:42)
10. Tipi di moduli (03:00)
11. Assemblaggio minimo (05:30)
ESLint. Panoramica della configurazione
1. Introduzione (01:26)
2. Installazione e lancio (03:10)
3. Correzioni di bug (02:04)
4. Configurazione (05:21)
5. Formato di uscita (00:52)
Figma per progettista di layout
1. Figma. Interfaccia (04:37)
2. Figma. Organizzazione del progetto (01:32)
Flexbox
1. Introduzione (00:45)
2. Contenitore flessibile (01:43)
3. Allineamento dell'asse maggiore (01:37)
4. Allineamento dell'asse trasversale (01:50)
5. Allineamento di un singolo elemento (01:09)
6. Elemento flessibile - contenitore (00:53)
7. Direzione degli assi (03:18)
8. Contenitore multilinea (02:54)
9. Allineamento del contenuto multilinea (01:25)
10. Proporzioni (02:46)
11. Proporzioni di compressione (01:24)
12. Taglia base (04:02)
13. Ordine degli elementi (02:40)
IDIOTA
1. Introduzione (07:03)
2. Iniziare con Git (03:01)
3. Creazione di un nuovo repository (01:09)
4. Aggiunta di file all'indice Git (area di controllo) (06:49)
5. Creazione di un commit (07:17)
6. Impegna la navigazione. Annulla modifiche (12:10)
7. Ciclo tipico di Git (03:34)
8. Ramificazione in Git (11:27)
9. Conflitti durante l'unione di rami (06:06)
10. Salvataggio temporaneo dei dati (senza commit) (05:25)
11. Lavorare con repository remoti (20:04)
12. Utilizzo delle pagine GitHub per ospitare progetti (04:31)
Vue. Laboratorio n.1
1. Inizio del progetto (05:24)
2. Componente intestazione (04:13)
3. Componente icona (05:06)
4. Visualizzazione di un elenco di componenti (02:56)
5. Attiva/disattiva componente (03:19)
Settimana 2 - Vue.js
— Rendiamo il layout adattivo.
— Implementeremo il blocco "Skills" in Vue.js.
— Implementeremo il blocco "I miei progetti" in Vue.js.
— Implementiamo il blocco "Slider for Reviews" utilizzando il plugin Vue.js.
Libro di storia
1. Installazione (01:56)
2. Prima storia (04:35)
3. Collegamento di un componente (01:24)
4. Espansione della configurazione (04:26)
5. Stili generali (02:08)
6. Storia per il componente (05:23)
7. CDD (04:16)
8. Creazione di un componente (02:28)
9. Applicazione di un componente (02:29)
10. Registrazione eventi (03:29)
11. Componente aggiuntivo Sfondi (01:41)
12. Manopole aggiuntive (02:28)
13. Fonte aggiuntiva (02:17)
14. Conclusione (01:11)
JavaScript-ES6
1. Interpolazione di stringhe (07:39)
2. Semplificazione delle descrizioni dei metodi (13:35)
3. Predefiniti (30:08)
4. Compito destrutturante: oggetti (07:30)
5. Nuove funzionalità e vecchi browser (13:07)
Asincronia in JavaScript
1. Cronometri (23:44)
2. Caricamento immagini (22:21)
3. Promesse (36:29)
4. AJAX (32:28)
Axios. Libreria delle query
1. Introduzione (02:23)
2. Invio di una richiesta (02:12)
3. Panoramica della configurazione (04:30)
4. Richiedi corpo (01:43)
5. Impostazioni predefinite (01:38)
6. Intercettori (02:11)
7. Servizi (02:33)
8. attesa asincrona (01:18)
Vue. Laboratorio n.2
1. Preparazione (02:39)
2. Collegamento di un componente (02:16)
3. Uscita di controllo (02:38)
4. Componente Progresso (05:09)
5. Richiesta al server (06:38)
6. Uscita dati (05:55)
Settimana 3 - JavaScript nativo
— Stiamo creando il pannello di amministrazione.
— Studiamo Storybook e lo applichiamo nel nostro progetto.
— Eseguiamo la necessaria elaborazione (convalida) dei moduli di progetto.
VueRouter. Routing nel browser
1. Introduzione (04:31)
2. Costruzione di collegamenti (02:41)
3. Navigazione del software (02:35)
4. Parametri del percorso (04:42)
5. Parametri come proprietà (00:49)
6. Opzioni avanzate e 404 (03:29)
7. Percorsi nidificati (03:23)
8. Lezioni di attività (02:37)
9. Varie visualizzazioni del router (01:08)
10. Importazioni dinamiche (02:00)
11. Bellissimo URL (02:16)
Vuex. Direttore dello Stato
1. Introduzione (01:13)
2. Collegamento (02:30)
3. Azione (02:27)
4. Mutazioni (02:16)
5. Getter (02:02)
6. Applicazione pratica (08:07)
7. Funzioni dell'assistente (02:59)
8. Moduli (05:18)
9. Moduli dinamici (01:38)
Domanda risposta
Vue. Laboratorio n.3
1. Disposizione (04:33)
2. Uscita dati (02:42)
3. Preparazione per l'animazione (02:14)
4. Visualizzazione dei pulsanti (03:45)
5. Caricamento di contenuti aggiuntivi (11:38)
6. Mostra diapositiva dopo la transizione (02:17)
Settimana 4 - Vue.js, SPA
— Implementiamo SPA nel pannello di amministrazione.
— Studiamo il lavoro con i dati attraverso lo storage delle applicazioni
— Utilizziamo ajax per comunicare con l'API e impostare interazioni client-server.
Autorizzazione. Gettoni
1. Tipi di autorizzazione (04:20)
2. GitHub OAuth (01:42)
3. Creazione di un'applicazione GitHub (02:28)
4. Ricevere un gettone (08:38)
5. Memorizzazione dei dati nel codice (01:46)
6. Protezione del percorso (04:13)
Vue. Laboratorio n.4
1. Preparazione (01:33)
2. Creazione di un'azione (02:30)
3. Stato del download (04:01)
4. Richiesta (02:27)
5. Rimozione dei duplicati (03:29)
6. Protezione del percorso (03:23)
7. Esci (00:51)
Settimana 5 - Pratica
— Mostriamo i dati salvati dal pannello di amministrazione alla pagina di destinazione.
— Testiamo i componenti.
— Lavoro di gruppo su un progetto con un mentore.
Vue.js. API di composizione
1. Introduzione (01:29)
2. Esempio generale (03:57)
3. Funzione canzone (01:51)
4. Funzione reattiva (00:55)
5. Funzione toRef (01:35)
6. Funzione toRefs (00:58)
7. Proprietà calcolate (00:56)
8. funzione orologio (01:41)
9. Funzione watchEffect (03:14)
10. funzione di sola lettura (00:40)
11. Funzioni di test (02:30)
12. funzione unref (01:27)
13. Hook del ciclo di vita (00:58)
14. Esempio. Panoramica del progetto (00:53)
15. Esempio. Funzionalità di caricamento (01:20)
16. Esempio. Categorie (02:20)
17. Esempio. Filtraggio iniziale (02:46)
18. Esempio. Cambio filtro (02:11)
19. Esempio. Altre funzioni di filtro (02:03)
20. Esempio. Metodo di ordinamento (03:05)
Test del codice JS
1. Introduzione (16:05)
2. Scherzo (15:47)
3. I vantaggi dei test (09:01)
4. Copertura (10:02)
Vue.js. Test dei componenti
1. Configurazione dei pacchetti (04:39)
2. Involucro dei componenti (04:13)
3. Cosa testare (02:48)
4. Prima prova (05:25)
5. Controllo dell'evento di emissione (03:44)
6. Trasferimento di proprietà (02:58)
7. Lavorare con gli elementi del modulo (05:42)
8. Impostazioni generali (01:15)
9. Moki (05:04)
10. Collegare le biblioteche (02:32)
11. Test delle azioni (03:26)
12. Testare il negozio (02:53)
13. Test con immagini (03:08)
Test. Moki
1. Creazione di un modello (02:39)
2. Lavorare con gli argomenti (01:39)
3. Valore restituito (02:57)
4. Moduli (04:24)
5. Temporizzatori (02:05)
Vue. Laboratorio n.5
1. Componente semplice (03:03)
2. Componente con negozio (05:21)
3. Test. Preparazione (03:20)
4. Test. Commutatore (02:38)
5. Test. Problemi (05:08)
Settimana 6 - Completamento del progetto
— Stiamo finalizzando il progetto.
— Sottoponiamo il progetto alla revisione dei mentori.
— Diplomi di valutazione.
Come ottenere un lavoro nel settore IT: consigli e suggerimenti
1. Come trovare lavoro nel settore IT? Ricerca, colloquio e periodo di prova (42:21)
2. Come trovare lavoro a distanza e ordini freelance? (20:12)
3. Primo lavoro nell'IT: come comportarsi? Stage, impiego ufficiale e lavoro “per il cibo” (14:11)
4. Come superare il periodo di prova? (27:10)
5. Come prepararsi per un colloquio presso un'azienda FAANG (08:52)
6. Il processo di caricamento di una pagina web (25:19)
7. Intervista al programmatore: tutto quello che devi sapere (01:24:07)
8. Risolvere un problema da un colloquio con un programmatore (19:36)
9. Intervista allo sviluppatore frontend (01:37:17)
Sviluppo di applicazioni Web React.js
Settimana 1 - Introduzione a React.js
— Conosciamo il team del corso e i compagni di classe.
— Apprendimento di JSX e DOM virtuale in React.
— Stiamo considerando l'approccio per componenti e i metodi di trasferimento dei dati.
Conoscenza
1. Apertura del corso (05:41)
I React.js
1. Cos'è React (07:05)
2. DOM virtuale (02:46)
3. JSX (06:10)
4. Rendering con condizioni (05:11)
5. Lavorare con gli elenchi (02:45)
6. Componenti (02:41)
7. Oggetti di scena (01:45)
8. Stato (06:45)
9. Eventi (02:26)
10. Reagisci Devtools (03:58)
II React.js
1. Metodi del ciclo di vita (05:19)
2. Componenti - funzioni (01:29)
3. Componente puro (02:54)
4. Eventi sintetici (01:42)
5. Lavorare con i moduli (02:51)
6. Gestione degli errori (01:39)
Analisi dei compiti #1
1. Laboratorio n. 1 (30:36)
Settimana 2 - Pattern React.js, test
— Studiamo componenti, elementi e istanze della classe componente.
— Consideriamo la libreria Recompose, i componenti di ordine elevato e i pattern Render Props.
— Comprendiamo i vantaggi dei test, studiamo Jest, Enzyme, Snapshots.
III Reagire
1. Introduzione (01:43)
2. Tipi di oggetti (10:18)
3. Contesto (05:19)
4. Arbitri (05:18)
5. Portali (05:02)
6. Ganci (10:42)
IV React.js
1. Componenti di ordine elevato (HOC) - Componenti di ordine superiore (10:33)
2. Inoltro dei riferimenti (HOC) (04:31)
3. Modello degli oggetti di rendering (05:25)
4. Ricomposizione della libreria HOK (10:32)
5. Profilazione (04:02)
Test
1. Introduzione (05:06)
2. Corridore di prova (02:51)
3. Prova DSL (08:41)
4. Enzima (06:57)
5. Istantanee (03:09)
6. Saghe di test (05:01)
7. Libreria di test di reazione (06:32)
Analisi dei compiti #2
1. Laboratorio n. 2 (27:54)
Settimana 3 - Redux, routing
— Studiamo il routing: routing semplice, routing con Switch e routing annidato.
— Conoscere la libreria Redux: concetti di base e concetti di Store, Actions, Reducer, React-redux.
— Il middleware è considerato un modo per lavorare con Sideeffect.
Routing nel browser
1. API Cronologia (02:48)
2. Routing semplice (05:39)
3. Instradamento da Switch (04:16)
4. Routing nidificato (05:32)
5. Percorso privato (04:39)
Io Redux
1. Introduzione (04:07)
2. Negozio (05:03)
3. Azioni (02:17)
4. Riduttori (07:56)
5. React-redux (03:26)
II Redux
1. Introduzione (03:11)
2. CreateActions (azioni redux) (09:13)
3. Middleware (07:54)
4. Gestire le azioni (05:52)
5. Selettori (06:17)
6. Riseleziona (04:49)
7. Anatre (06:56)
Analisi dei compiti #3
1. Laboratorio n. 3 (39:13)
Settimana 4 - Redux-saga
— Stiamo studiando la biblioteca della Redux-saga. Funzioni del generatore di ripetizioni*. Impariamo come eseguirli in parallelo.
— Consideriamo il metodo Take. Studiamo la selezione come metodo per ottenere dati dallo Store.
— Stiamo cercando modi per modellare un'applicazione React. Studiamo le librerie ClassNames, StyledComponents, BrowserList, MaterialUI.
I Redux-saga
1. Introduzione (00:57)
2. Panoramica (02:08)
3. Generatori (04:11)
4. Aggiunta di saghe (02:07)
5. Reagire alle azioni (03:53)
6. Lancio di funzionalità (02:06)
II Redux-saga
1. Introduzione (00:27)
2. Esecuzione di effetti in parallelo (03:41)
3. Entra in vigore (02:45)
4. Seleziona effetto (02:04)
5. Annulla effetti (04:05)
Lavorare con gli stili
1. Introduzione (01:34)
2. Stili CRA (05:21)
3. Nomiclasse (06:32)
4. Componenti in stile (07:11)
5. Elenco browser (01:37)
6. Interfaccia utente materiale (08:13)
Analisi dei compiti #4
1. Laboratorio n. 4 (09:55)
Settimana 5 – Moduli, CI, DI e gestione degli errori del client
— Consideriamo di lavorare con i moduli utilizzando le librerie Formik, Redux Forms e React Final Form.
— Stiamo valutando metodi per garantire la qualità del codice di produzione. Analizziamo strumenti come: Husky, TravisCI, HerokuNow.
— Stiamo studiando un set di librerie utili allo sviluppo (Storybook, RamdaJS, Axios).
— Stiamo considerando TypeScript.
Lavorare con i moduli
1. Introduzione (05:07)
2. Formik (08:51)
3. Modulo ridotto (06:22)
4. Reagisci al modulo finale (06:36)
Gestione degli errori CI, DI e client
1. Introduzione (05:07)
2. Husky (02:32)
3. CI utilizzando TravisCI (03:32)
4. Distribuisci su Heroku (04:57)
5. Rollbar (02:00)
Un insieme di librerie utili per lo sviluppo
1. Libro di fiabe (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Dattiloscritto (09:31)
Analisi dei compiti #5
1. Laboratorio n. 5 (13:17)
Settimana 6 - Lavoro di progetto
— Completiamo la domanda e la inviamo per la revisione.
Come ottenere un lavoro nel settore IT: consigli e suggerimenti
1. Come trovare lavoro nel settore IT? Ricerca, colloquio e periodo di prova (42:21)
2. Come trovare lavoro a distanza e ordini freelance? (20:12)
3. Primo lavoro nell'IT: come comportarsi? Stage, impiego ufficiale e lavoro “per il cibo” (14:11)
4. Come superare il periodo di prova? (27:10)
5. Come prepararsi per un colloquio presso un'azienda FAANG (08:52)
6. Il processo di caricamento di una pagina web (25:19)
7. Intervista al programmatore: tutto quello che devi sapere (01:24:07)
8. Risolvere un problema da un colloquio con un programmatore (19:36)
9. Intervista allo sviluppatore frontend (01:37:17)