Sviluppatore web da zero - corso 72.900 rubli. da Brunoiam, formazione 9 mesi, data 27 novembre 2023.
Miscellanea / / November 27, 2023
Massima formazione efficace
Conoscenza attuale
I corsi vengono sviluppati dopo l'analisi delle posizioni vacanti e vengono aggiornati ogni sei mesi. Niente di superfluo: insegniamo solo ciò che sarà utile nel lavoro
Il ruolo dei mentori
È molto più facile imparare cose nuove con un mentore personale che ti immergerà nel tuo progetto, ti aiuterà a sviluppare i tuoi punti di forza e non ti lascerà solo con le difficoltà.
Progetti reali
Il completamento dei progetti avvicina lo studente alle reali condizioni di lavoro. I progetti aiutano non solo ad apprendere il materiale, ma anche ad immergersi nella professione
Semplice, veloce e conveniente
Struttura chiara. Il corso è suddiviso in moduli. Moduli per lezioni. Ogni lezione è una teoria combinata con l'esperienza personale dell'insegnante. Senza lunghi saluti e acqua
A chi è rivolto questo corso?
Per chi vuole diventare sviluppatore web
L'obiettivo principale del corso è prepararti alla professione. Dopo la formazione potrai trovare lavoro e sviluppare rapidamente le tue competenze all'interno dell'azienda
Per chi vuole provare un nuovo territorio
La programmazione web resta una delle professioni più richieste e non perderà terreno. Si tratta di un settore promettente in cui c’è ancora tempo per penetrare per poter competere con successo nel mercato del lavoro
Come funziona la formazione
- Studia secondo il programma adatto a te
- Esercitati sui compiti. Sono costituiti da tre livelli di difficoltà
- Lavora su progetti contemporaneamente. Andranno al tuo portafoglio
- Invia compiti pratici al tuo mentore. Fornirà un feedback dettagliato entro 24 ore
Tecnologie che studierai:
- HTML è il linguaggio di markup in cui sono costruiti i siti web. Indica al browser come visualizzare il sito caricato
- I CSS sono un linguaggio di stile. Interagisce con il browser per definire lo stile del documento
- Github: un servizio cloud per lavorare sul codice in un team
- Tecnologie e protocolli di rete: TCP/IP, HTTP, HTTPS, FTP
- JavaScript è il linguaggio di programmazione più popolare su Internet. Descrive il comportamento degli elementi di una pagina Web o di un browser
- Node.js è un ambiente per l'esecuzione di codice JavaScript al di fuori del browser. Utilizzato per automatizzare le attività di routine
- React Basics: una libreria per lo sviluppo di interfacce, consente di rendere più veloci i componenti dell'interfaccia
- Nozioni di base Typescript è un linguaggio di programmazione sviluppato da Microsoft che aggiunge un sistema di tipi alla flessibilità e alle capacità dinamiche di JS.
- Nozioni di base su PHP: uno dei linguaggi principali del moderno sviluppo web
- Figma/Adobe Photoshop - editor grafici per il layout di siti web basati sui layout dei web designer
2
corsoEsperienza lavorativa Passato allo sviluppo web nel 2014. Dal 2017 lavora come sviluppatore front-end presso l'agenzia digitale Kelnik, sviluppando grandi siti web per sviluppatori immobiliari residenziali e negozi online. Ho lavorato per più di un anno in un contesto internazionale...
esperienza
Passato allo sviluppo web nel 2014. Dal 2017 lavora come sviluppatore front-end presso l'agenzia digitale Kelnik, sviluppando grandi siti web per sviluppatori immobiliari residenziali e negozi online. Ho lavorato per la società internazionale Wrike per più di un anno. Ora uno sviluppatore indipendente.
Su di me
Non sono sempre stato associato al web: ho iniziato la mia carriera nel 2007 come ingegnere di processo nel campo della ventilazione, anche se la mia materia preferita a scuola era l'informatica. Nel 2014 è tornato “alle radici”, iniziando dal layout del sito web: html, css, jQuery. Il primo progetto era un sito web per un salone di tende per parenti. Ero orgoglioso: l'ho scritto e trasferito io stesso su WordPress :) Successivamente c'è stato un percorso spinoso verso il freelance e un'eccellente esperienza nello sviluppo di agenzie e prodotti. Vieni al corso: impareremo come scrivere codice, acquisiremo una nuova competenza nella creazione di siti Web e scopriremo come e dove applicare questa competenza!
1
BENEEsperienza da sviluppatore frontend. Ho iniziato la mia carriera come libero professionista e ora lavoro come sviluppatore full-stack per un'azienda. Per quanto riguarda me non sto fermo in un posto, studio sempre nuove tecnologie. So cosa vuol dire cambiare professione. Ecco perché...
esperienza
Sviluppatore Front End. Ho iniziato la mia carriera come libero professionista e ora lavoro come sviluppatore full-stack per un'azienda.
Su di me
Non sto fermo in un posto, studio sempre nuove tecnologie. So cosa vuol dire cambiare professione. Pertanto, mi concentro sulla spiegazione di argomenti complessi con un linguaggio semplice e sull'aiuto agli studenti a consolidare le loro conoscenze con esempi.
“Vorrei sottolineare in particolare l'interessante presentazione del materiale, la quantità di conoscenze e competenze e il tipo accessibile di informazioni. Presentazioni chiare. Grazie per il materiale organizzato, tutto è logico!"
— Polina Sergeevna, WB296-2459
Blocco 1 - Nozioni di base sulle tecnologie web
- Stabilire obiettivi personali per il corso
- Tipi di siti, funzionalità
- Fasi di realizzazione di un sito web, principali professioni del settore
- Tecnologie di rete e protocolli Internet: TCP/IP, HTTP, HTTPS, FTP
- Hosting e dominio, sistema DNS
- Modello client e server
- Il ruolo del browser e degli editor di codice
- Configurare il tuo spazio di lavoro
- Sistemi di controllo della versione. Idiota
Blocco 2 -HTML
- Introduzione all'HTML: concetti di tag e attributi
- Codifica del testo HTML
- Tag per formare il testo
- Collegamenti ipertestuali e indirizzi di file
- Collegamenti di ancoraggio
- Link per chiamare e inviare email
- Tabelle in HTML
- tag img e i suoi attributi. Regole per pubblicare le foto. Formati immagine: quali scegliere
Blocco 3 - CSS
- Sintassi CSS di base
- Principali tipologie di selettori: identificatori, classi, pseudo-classi
- Punti di specificità e priorità delle regole
- Cascata ed eredità immobiliare
- Selettore contestuale e universale
- Proprietà del testo e dei caratteri nei CSS
- Collegamento di font esterni
- Colori HEX e RGB. Aggiunta di uno sfondo uniforme agli elementi. Immagine di sfondo per la pagina, impostazioni dello sfondo
Blocco 4: modello di blocco e layout della pagina web
- Comprensione degli elementi a blocchi e in linea
- Proprietà chiave dei blocchi
- Come vengono calcolate le dimensioni del blocco e del riquadro: border-box
- Cos'è un modello a blocchi
- Utilizzo dei blocchi per costruire un layout
- Elementi di blocco in linea
- proprietà di visualizzazione
- Metodi obsoleti per costruire un layout: sapere, non possono essere utilizzati
Blocco 5 - Layout multicolonna con Flexbox
- Tag semantici per la progettazione del layout
- Nozioni di base su Flexbox: contenitori ed elementi
- Allineamento degli elementi lungo l'asse principale e trasversale
- Modifica degli assi e allineamento verticale degli elementi
- Problemi con l'utilizzo di Flexbox
Blocco 6 - Nozioni di base sugli editor grafici per progettisti di layout
- Lavorare con le immagini: ritagliare, tagliare
- Risparmio: formato, qualità, peso
- Come scoprire il codice colore
- Strumenti per i caratteri
- Copia CSS terminata
- Misurare le distanze: strumenti, ambientazioni
- Effetti e loro copiatura
- Incorporamento di mappe e video
Blocco 7 - Posizionamento
- Tipi di posizionamento: statico, assoluto, relativo, fisso
- Caratteristiche dei diversi tipi di posizionamento
- z-index e contesto di sovrapposizione
- Quando e come utilizzare il posizionamento
- Esempio di menu a tendina multilivello
- Risoluzione dei tipici problemi di posizionamento
Blocco 8 - Moduli di feedback
- Elementi base del modulo: input, selezione, area di testo, pulsante
- Stato dei campi e pseudoclassi
- Casella di controllo degli elementi di selezione, radio, selezione
- Elementi di raggruppamento: fieldset e legenda
- Stili per lo pseudoelemento segnaposto
- Regole per gli stili di scrittura per i moduli
- Pulsanti di stile
Blocco 9 - Web design reattivo e adattivo
- Concetto di web design adattivo e reattivo
- Domande sui media
- Opzioni della vista e tag della vista meta
- Problemi tra browser
- Validità del codice, validatori
- Funzionalità dei siti multipagina
- Regole di layout per la promozione SEO
Blocco 10 - Animazione utilizzando HTML5 e CSS3
- Transizioni fluide per creare effetti di animazione
- Animazione utilizzando fotogrammi chiave
- Trasformazione degli elementi
- Aggiunta di elementi di animazione di base al sito
Blocco 11 - Nozioni di base su JavaScript
- Introduzione a JavaScript
- Variabili e tipi di dati
- Operatori matematici e conversione di tipo
- Operatori logici
- Rami e istruzioni condizionali
- Funzionalità di interazione utente integrate
Blocco 12: loop e array in JavaScript
- Array
- Metodi per lavorare con gli array
- cicli for e while
- Array nidificati
- Lavorare con la console
Blocco 13 - Funzioni
- Definizione di una funzione. La funzione freccia e le sue differenze rispetto al solito. Espressione di funzione e dichiarazione di funzione.
- Area di visibilità. Come funziona. Ambiente lessicale.
- Temporizzatori e chiusura. Funzioni setInterval, setTimeout, clearInterval, clearTimeout. Cos'è una chiusura e come può essere utilizzata.
- Funzioni di richiamata
Blocco 14 - Oggetti. DOM. Eventi
- Oggetti e dizionari. Come creare oggetti. La parola chiave è questa. Ottenere, modificare ed eliminare le proprietà degli oggetti. Collegamenti agli oggetti.
- Eredità del prototipo. Come funziona l'ereditarietà di proprietà e metodi. Designer.
- Classi. Definizione delle classi e vantaggi d'uso. Ampliamento delle classi. Metodi privati e pubblici. Getter e setter. Un esempio di creazione di un programma utilizzando classi e architettura MVP.
- DOM. Modello a oggetti della pagina e perché è necessario. Trovare elementi in una pagina e recuperarli. Enumerazione degli elementi e proprietà fondamentali.
- Eventi
Blocco 15 - Animazione ed effetti in JavaScript
- animazioni JavaScript. Modifica delle proprietà CSS degli elementi. Curva di Bézier. Esempi di animazioni.
- Rendering nel browser. Proprietà ottimizzate. funzione requestAnimationFrame.
- Biblioteche con animazioni
Blocco 16 - Elementi interattivi
- Dispositivo di scorrimento
- Fisarmonica
- Descrizione comando
Blocco 17 - Node.js
- Introduzione a Node.js. Funzionalità di Node.js. Brevemente sui moduli e sui loro scopi: fs, child_process, https.
- NPM. Comandi di base del gestore pacchetti npm. Inizializzazione del progetto e installazione dei primi pacchetti. struttura package.json.
- Nozioni di base sul pacchetto Web. Perché abbiamo bisogno degli assemblatori e quali fasi possono essere automatizzate? Prima configurazione del Webpack e automazione della compilazione: minimizzazione del codice, concatenazione dei moduli e utilizzo del preprocessore SCSS.
- Preprocessore SCSS. Vantaggi dei preprocessori. Una rapida panoramica delle differenze tra alcuni: SCSS, SASS, Less, post-css. Costrutti di base: variabili, mixin, funzioni.
Blocco 18 - Lavorare con il server
- Promessa API
- Contatto con il server e la classe XMLHttpRequest
- metodo di recupero
- Biblioteca Axios
Blocco 19 - Nozioni di base su React
- Componenti e JSX
- Condizione del componente
- Ganci
- Componenti di stile
- React-Router
Unità 20 - Nozioni di base su TypeScript
- Digitazione statica
- Interfacce e tipi
- Tipi di enumerazione
Blocco 21: panoramica della roadmap dello sviluppatore JS
- Brevemente su come svilupparsi ulteriormente come sviluppatore e cosa studiare
Blocco 22 - Nozioni di base sulla programmazione PHP
- Scopo delle tecnologie server
- Server Web locale e dominio
- Creazione di pagine web dinamiche
- Il concetto di sistemi CMS
- Hosting del sito web
- Protocollo FTP per il download dei file
- Riassumendo e completando il progetto
Tasso di bonus
Corso gratuito "Imparare ad imparare"
Diamo a ogni studente l'accesso a questo corso in modo che la formazione non vada sprecata. Il problema è che le persone non ottengono risultati dalla formazione. Ci sono tre ragioni principali:
- Non ci sono obiettivi chiari. E anche chi capisce l’importanza degli obiettivi continua a non farlo. Voglio cambiare lavoro e diventare un bravo social media manager: non un obiettivo, ma un desiderio. Con questa impostazione, il risultato sarà appropriato.
- Abbandonare l'apprendimento a metà. Molte persone trovano la motivazione già nella prima settimana. Ma è impossibile arrivare alla fine. Perché al cervello non piace imparare regolarmente.
- Mancanza di coerenza. È un fenomeno abbastanza comune quando ci aggrappiamo a qualsiasi informazione su un argomento scelto, ci muoviamo a casaccio e, di conseguenza, senza alcun risultato.
Perché abbiamo evidenziato queste tre ragioni? Perché insegniamo da 11 anni e vediamo il feedback degli studenti. Durante il corso ti spieghiamo come applicare tutte queste preziose conoscenze nella vita.