Dezvoltator web de la zero - curs 72.900 rub. de la Brunoiam, antrenament 9 luni, data de 27 noiembrie 2023.
Miscelaneu / / November 27, 2023
Antrenament maxim eficient
Cunoștințe actuale
Cursurile sunt dezvoltate după analiza posturilor vacante și sunt actualizate la fiecare șase luni. Nimic de prisos - învățăm doar ceea ce va fi util în muncă
Rolul mentorilor
Este mult mai ușor să înveți lucruri noi cu un mentor personal care te va cufunda în proiectul tău, te va ajuta să-ți dezvolți punctele forte și nu te va lăsa singur cu dificultăți.
Proiecte reale
Finalizarea proiectelor aduce studentul mai aproape de condițiile reale de muncă. Proiectele ajută nu numai să înveți materialul, ci și să te cufunzi în profesie
Simplu, rapid și convenabil
Structură clară. Cursul este împărțit în module. Module pentru lecții. Fiecare lecție este o teorie combinată cu experiența personală a profesorului. Fără salutări lungi și apă
Pentru cine este acest curs?
Pentru cei care doresc să devină dezvoltator web
Obiectivul principal al cursului este de a te pregăti pentru profesie. După formare, vei putea să-ți găsești un loc de muncă și să-ți dezvolți rapid abilitățile în cadrul companiei
Pentru cei care doresc să încerce o zonă nouă
Programarea web rămâne una dintre cele mai solicitate profesii și nu va pierde teren. Acesta este un domeniu promițător în care mai este timp de intrat pentru a concura cu succes pe piața muncii
Cum funcționează antrenamentul
- Studiază după un program care ți se potrivește
- Exersează-ți temele. Ele constau din trei niveluri de dificultate
- Lucrați la proiecte în același timp. Vor merge în portofoliul tău
- Trimite sarcini practice mentorului tău. El va oferi feedback detaliat în 24 de ore
Tehnologii pe care le vei studia:
- HTML este limbajul de marcare în care sunt construite site-urile web. Spune browserului cum să afișeze site-ul încărcat
- CSS este un limbaj de stilare. Interacționează cu browserul pentru a stila documentul
- Github - un serviciu cloud pentru lucrul la cod într-o echipă
- Tehnologii și protocoale de rețea - TCP/IP, HTTP, HTTPS, FTP
- JavaScript este cel mai popular limbaj de programare de pe Internet. Descrie comportamentul elementelor unei pagini web sau browser
- Node.js este un mediu pentru rularea codului JavaScript în afara browserului. Folosit pentru automatizarea sarcinilor de rutină
- React Basics - o bibliotecă pentru dezvoltarea interfețelor, vă permite să faceți componente de interfață mai rapid
- Basics Typescript este un limbaj de programare dezvoltat de Microsoft care adaugă un sistem de tipări flexibilității și capacităților dinamice ale JS.
- Elementele de bază ale PHP - una dintre limbile de vârf ale dezvoltării web moderne
- Figma/Adobe Photoshop - editori grafici pentru aspectul site-ului web bazat pe layout-uri web designer
2
cursExperiență de lucru A trecut la dezvoltarea web în 2014. Din 2017, a lucrat ca dezvoltator front-end la agenția digitală Kelnik, dezvoltând site-uri web mari pentru dezvoltatori imobiliari rezidențiali și magazine online. Am lucrat mai bine de un an într-o instituție internațională...
experienţă
A trecut la dezvoltarea web în 2014. Din 2017, a lucrat ca dezvoltator front-end la agenția digitală Kelnik, dezvoltând site-uri web mari pentru dezvoltatori imobiliari rezidențiali și magazine online. Am lucrat pentru compania internațională Wrike mai bine de un an. Acum un dezvoltator independent.
Despre mine
Nu am fost întotdeauna asociat cu web-ul - mi-am început cariera în 2007 ca inginer de proces în domeniul ventilației, deși materia mea preferată la școală era informatica. În 2014, a revenit „la rădăcini”, începând cu aspectul site-ului web - html, css, jQuery. Primul proiect a fost un site web pentru un salon de perdele pentru rude. Eram mândru - l-am tastat și l-am transferat pe WordPress :) După aceea, a existat o cale spinoasă către freelancing și o experiență excelentă în dezvoltarea de agenții și produse. Vino la curs - vom învăța cum să scriem cod, să obținem o nouă abilitate în crearea de site-uri web și să ne dăm seama cum și unde să aplicăm această abilitate!
1
bineExperiență de dezvoltator front-end. Mi-am început cariera ca freelancer, iar acum lucrez ca dezvoltator full-stack pentru o companie. Despre mine nu stau într-un singur loc, studiez mereu noi tehnologii. Știu cum este să schimbi profesiile. De aceea...
experienţă
Dezvoltator interfețe. Mi-am început cariera ca freelancer, iar acum lucrez ca dezvoltator full-stack pentru o companie.
Despre mine
Nu stau într-un singur loc, studiez mereu noi tehnologii. Știu cum este să schimbi profesiile. Prin urmare, mă concentrez pe explicarea subiectelor complexe într-un limbaj simplu și pe studenții să-și consolideze cunoștințele cu exemple.
„Aș remarca în special prezentarea interesantă a materialului, cantitatea de cunoștințe și abilități și tipul accesibil de informații. Prezentări clare. Mulțumesc pentru materialul organizat, totul este logic!”
— Polina Sergheevna, WB296-2459
Bloc 1 - Bazele tehnologiilor web
- Stabilirea obiectivelor personale pentru curs
- Tipuri de site-uri, funcționalitate
- Etapele creării site-ului web, principalele profesii din industrie
- Tehnologii de rețea și protocoale Internet: TCP/IP, HTTP, HTTPS, FTP
- Gazduire si domeniu, sistem DNS
- Model client și server
- Rolul browserului și al editorilor de cod
- Configurarea spațiului de lucru
- Sisteme de control al versiunilor. Git
Blocul 2 - HTML
- Introducere în HTML: Concepte de etichetă și atribut
- Codificarea textului HTML
- Etichete pentru formarea textului
- Hyperlinkuri și adrese de fișiere
- Legături de ancorare
- Link pentru a suna și a trimite e-mail
- Tabelele în HTML
- eticheta img și atributele acesteia. Reguli pentru postarea pozelor. Formate de imagine: pe care să le alegeți
Blocul 3 - CSS
- Sintaxa CSS de bază
- Principalele tipuri de selectoare: identificatori, clase, pseudoclase
- Puncte de specificitate și priorități ale regulilor
- Cascada și moștenirea proprietății
- Selector contextual și universal
- Proprietăți text și font în CSS
- Conectarea fonturilor externe
- Culori HEX și RGB. Adăugarea unui fundal uniform elementelor. Imagine de fundal pentru pagină, setări de fundal
Blocul 4 - Modelul blocului și aspectul paginii web
- Înțelegerea elementelor bloc și inline
- Proprietățile cheie ale blocurilor
- Cum se calculează dimensiunea blocului și dimensiunea casetei: border-box
- Ce este un model bloc
- Utilizarea blocurilor pentru a construi un aspect
- Elemente de bloc inline
- proprietate de afișare
- Metode învechite de construire a unui aspect: cunoașteți, nu pot fi folosite
Blocul 5 - Aspecte cu mai multe coloane cu Flexbox
- Etichete semantice pentru designul aspectului
- Noțiuni de bază Flexbox: Containere și elemente
- Alinierea elementelor de-a lungul axei principale și transversale
- Schimbarea axelor și alinierea verticală a elementelor
- Probleme cu utilizarea flexbox
Blocul 6 - Bazele editorilor grafici pentru designeri de layout
- Lucrul cu imagini: decuparea, decuparea
- Economisire: format, calitate, greutate
- Cum afli codul culorilor
- Instrumente de font
- Copierea CSS finalizată
- Măsurarea distanțelor: instrumente, setări
- Efectele și copierea lor
- Încorporarea de hărți și videoclipuri
Blocul 7 - Poziționare
- Tipuri de poziționare: static, absolut, relativ, fix
- Caracteristici ale diferitelor tipuri de poziționare
- z-index și context de suprapunere
- Când și cum să utilizați poziționarea
- Exemplu de meniu derulant pe mai multe niveluri
- Rezolvarea problemelor tipice de poziționare
Blocul 8 - Formulare de feedback
- Elemente de bază ale formularului: introducere, selectare, zonă de text, buton
- Starea câmpului și pseudo-clase
- Caseta de selectare a elementelor de selecție, radio, selectați
- Elemente de grupare: set de câmpuri și legendă
- Stiluri pentru pseudo-elementul substituent
- Reguli pentru stilurile de scriere pentru formulare
- Butoane de styling
Blocul 9 - Design web receptiv și adaptiv
- Concept de design web adaptiv și receptiv
- Interogări media
- Opțiuni pentru fereastra de vizualizare și Meta etichetă pentru fereastra de vizualizare
- Probleme între browsere
- Valabilitatea codului, validatori
- Caracteristicile site-urilor cu mai multe pagini
- Reguli de aspect pentru promovarea SEO
Blocul 10 - Animație folosind HTML5 și CSS3
- Tranziții ușoare pentru crearea de efecte de animație
- Animație folosind cadre cheie
- Transformarea elementelor
- Adăugarea elementelor de animație de bază pe site
Blocul 11 - Noțiuni de bază JavaScript
- Introducere în JavaScript
- Variabile și tipuri de date
- Operatori matematici și conversie de tip
- Operatori logici
- Ramuri și declarații condiționate
- Funcții de interacțiune cu utilizatorul încorporate
Blocul 12 - Bucle și matrice în JavaScript
- Matrice
- Metode de lucru cu matrice
- bucle for și while
- Matrice imbricate
- Lucrul cu consola
Blocul 13 - Funcții
- Definiția unei funcții. Funcția săgeată și diferențele acesteia față de cea obișnuită. Exprimarea funcției și Declarația funcției.
- Zona de vizibilitate. Cum functioneaza. Mediul Lexical.
- Cronometre și închidere. Funcții setInterval, setTimeout, clearInterval, clearTimeout. Ce este o închidere și cum poate fi folosită.
- Funcții de apel invers
Blocul 14 - Obiecte. DOM. Evenimente
- Obiecte și dicționare. Cum se creează obiecte. Cuvântul cheie este acesta. Obținerea, modificarea și ștergerea proprietăților obiectului. Legături către obiecte.
- Moștenirea prototipului. Cum funcționează moștenirea proprietăților și metodelor. Designeri.
- Clase. Definirea claselor și a avantajelor utilizării. Extinderea claselor. Metode private și cele publice. Getters și setters. Un exemplu de creare a unui program folosind clase și arhitectura MVP.
- DOM. Modelul obiectului paginii și de ce este necesar. Găsirea elementelor pe o pagină și preluarea lor. Enumerarea elementelor și proprietăților de bază.
- Evenimente
Blocul 15 - Animație și efecte în JavaScript
- Animații JavaScript. Modificarea proprietăților CSS ale elementelor. curba Bezier. Exemple de animații.
- Redare în browser. Proprietăți optimizate. funcția requestAnimationFrame.
- Biblioteci cu animații
Blocul 16 - Elemente interactive
- Glisor
- Acordeon
- Indicator
Blocul 17 - Node.js
- Introducere în Node.js. Caracteristicile Node.js. Pe scurt despre module și scopurile acestora: fs, child_process, https.
- NPM. Comenzi de bază ale managerului de pachete npm. Inițializarea proiectului și instalarea primelor pachete. structura package.json.
- Noțiuni de bază ale pachetului web. De ce avem nevoie de asamblatori și ce etape pot fi automatizate? Prima configurație Webpack și automatizare a construcției: minimizarea codului, concatenarea modulelor și utilizarea preprocesorului SCSS.
- preprocesor SCSS. Avantajele preprocesoarelor. O scurtă privire de ansamblu asupra diferențelor dintre unele: SCSS, SASS, Less, post-css. Construcții de bază: variabile, mixuri, funcții.
Blocul 18 - Lucrul cu serverul
- API-ul Promise
- Contactarea serverului și a clasei XMLHttpRequest
- metoda fetch
- Biblioteca Axios
Blocul 19 - React Basics
- Componente și JSX
- Starea componentelor
- Cârlige
- Componente de styling
- React-Router
Unitatea 20 - Bazele TypeScript
- Tastare statică
- Interfețe și tipuri
- Tipuri de enumerare
Blocul 21 - Prezentare generală a foii de parcurs pentru dezvoltatori JS
- Pe scurt despre cum să vă dezvoltați în continuare ca dezvoltator și despre ce să studiați
Blocul 22 - Bazele programării PHP
- Scopul tehnologiilor serverului
- Server web local și domeniu
- Crearea de pagini web dinamice
- Conceptul de sisteme CMS
- Gazduire site
- Protocol FTP pentru descărcarea fișierelor
- Rezumarea și finalizarea proiectului
Rata bonus
Curs gratuit „Învață să înveți”
Oferim fiecărui student acces la acest curs pentru ca formarea să nu fie irosită. Problema este că oamenii nu obțin rezultate din antrenament. Există trei motive principale:
- Nu există obiective clare. Și chiar și cei care înțeleg importanța obiectivelor încă nu o fac. Vreau să-mi schimb locul de muncă și să devin un manager de social media - nu un scop, ci o dorință. Cu această setare, rezultatul va fi adecvat.
- Abandonarea învățării la jumătatea drumului. Mulți oameni găsesc motivație în prima săptămână. Dar este imposibil să ajungi la capăt. Pentru că creierului nu îi place să învețe regulat.
- Lipsa de consecvență. Este un fenomen destul de obișnuit atunci când ne apucăm de orice informație despre un subiect ales, ne mișcăm la întâmplare și, ca urmare, fără niciun rezultat.
De ce am evidențiat aceste trei motive? Pentru că predăm de 11 ani și vedem feedback de la studenți. În timpul cursului vă spunem cum să aplicați toate aceste cunoștințe valoroase în viață.