Webový vývojář od nuly - kurz 72 900 rub. z Brunoiamu, trénink 9 měsíců, datum 27.11.2023.
Různé / / November 27, 2023
Maximálně efektivní trénink
Současné znalosti
Kurzy jsou vytvářeny po analýze volných míst a jsou aktualizovány každých šest měsíců. Nic nadbytečného - učíme jen to, co bude užitečné v práci
Role mentorů
Je mnohem snazší učit se nové věci s osobním mentorem, který vás ponoří do vašeho projektu, pomůže vám rozvinout vaše silné stránky a nenechá vás o samotě s obtížemi.
Skutečné projekty
Dokončením projektů se student přiblíží reálným podmínkám práce. Projekty pomáhají nejen naučit se látku, ale také se ponořit do profese
Jednoduché, rychlé a pohodlné
Jasná struktura. Kurz je rozdělen do modulů. Moduly pro lekce. Každá lekce je teorie kombinovaná s osobní zkušeností učitele. Bez dlouhých pozdravů a vody
Pro koho je tento kurz určen?
Pro ty, kteří se chtějí stát webovým vývojářem
Hlavním cílem kurzu je připravit vás na profesi. Po zaškolení si budete moci najít práci a rychle rozvíjet své dovednosti v rámci společnosti
Pro ty, kteří chtějí vyzkoušet novou oblast
Webové programování zůstává jednou z nejžádanějších profesí a neztrácí půdu pod nohama. Jde o perspektivní oblast, do které je ještě čas se dostat, abychom mohli úspěšně konkurovat na trhu práce
Jak probíhá školení
- Studujte podle rozvrhu, který vám vyhovuje
- Cvičte na domácím úkolu. Skládají se ze tří úrovní obtížnosti
- Současně pracovat na projektech. Půjdou do vašeho portfolia
- Pošlete praktické úkoly svému mentorovi. Podrobnou zpětnou vazbu poskytne do 24 hodin
Technologie, které budete studovat:
- HTML je značkovací jazyk, ve kterém jsou vytvořeny webové stránky. Řekne prohlížeči, jak zobrazit načtený web
- CSS je stylovací jazyk. Interaguje s prohlížečem a upravuje styl dokumentu
- Github – cloudová služba pro práci na kódu v týmu
- Síťové technologie a protokoly - TCP/IP, HTTP, HTTPS, FTP
- JavaScript je nejoblíbenější programovací jazyk na internetu. Popisuje chování prvků webové stránky nebo prohlížeče
- Node.js je prostředí pro spouštění kódu JavaScript mimo prohlížeč. Používá se k automatizaci rutinních úkolů
- React Basics - knihovna pro vývoj rozhraní, umožňuje rychlejší vytváření komponent rozhraní
- Základy Typescript je programovací jazyk vyvinutý společností Microsoft, který přidává typový systém k flexibilitě a dynamickým schopnostem JS.
- Základy PHP - jeden z předních jazyků moderního vývoje webových aplikací
- Figma/Adobe Photoshop - grafické editory pro rozvržení webových stránek založené na rozvrženích webových návrhářů
2
chodPracovní zkušenosti V roce 2014 jsem přešel na vývoj webových aplikací. Od roku 2017 pracuje jako front-end developer v digitální agentuře Kelnik, kde vyvíjí velké weby pro developery rezidenčních nemovitostí a internetové obchody. Pracoval jsem více než rok v mezinárodní...
Zkušenosti
V roce 2014 přešel na vývoj webových aplikací. Od roku 2017 pracuje jako front-end developer v digitální agentuře Kelnik, kde vyvíjí velké weby pro developery rezidenčních nemovitostí a internetové obchody. Více než rok jsem pracoval pro mezinárodní společnost Wrike. Nyní nezávislý vývojář.
O mně
Nebyl jsem vždy spojován s webem – svou kariéru jsem začal v roce 2007 jako procesní inženýr v oblasti ventilace, ačkoliv můj oblíbený předmět ve škole byla informatika. V roce 2014 se vrátil „ke kořenům“, počínaje layoutem webu – html, css, jQuery. Prvním projektem byly webové stránky záclonového salonu pro příbuzné. Byl jsem hrdý - sám jsem si to napsal a převedl do WordPressu :) Poté následovala trnitá cesta k volné noze a vynikající zkušenosti s vývojem agentur a produktů. Přijďte na kurz – naučíme se psát kód, získáme novou dovednost při tvorbě webových stránek a zjistíme, jak a kde tuto dovednost uplatnit!
1
studnaZkušenosti frontend vývojářů. Svou kariéru jsem začal jako freelancer a nyní pracuji jako full-stack vývojář pro společnost. O sobě Nestojím na jednom místě, stále studuji nové technologie. Vím, jaké to je změnit povolání. Proto...
Zkušenosti
Frontend vývojář. Svou kariéru jsem začal jako freelancer a nyní pracuji jako full-stack vývojář pro společnost.
O mně
Nestojím na jednom místě, stále studuji nové technologie. Vím, jaké to je změnit povolání. Zaměřuji se proto na vysvětlování složitých témat jednoduchým jazykem a pomáhám studentům upevnit si znalosti na příkladech.
„Vyzdvihl bych především zajímavou prezentaci materiálu, množství znalostí a dovedností a dostupný typ informací. Přehledné prezentace. Děkuji za organizovaný materiál, vše je logické!"
— Polina Sergejevna, WB296-2459
Blok 1 - Základy webových technologií
- Stanovení osobních cílů pro kurz
- Typy stránek, funkčnost
- Fáze tvorby webu, hlavní oborové profese
- Síťové technologie a internetové protokoly: TCP/IP, HTTP, HTTPS, FTP
- Hosting a doména, DNS systém
- Model klienta a serveru
- Role prohlížeče a editorů kódu
- Nastavení vašeho pracovního prostoru
- Systémy kontroly verzí. Git
Blok 2 – HTML
- Úvod do HTML: koncepty značek a atributů
- HTML kódování textu
- Tagy pro tvorbu textu
- Hypertextové odkazy a adresy souborů
- Kotevní odkazy
- Odkaz pro volání a odeslání e-mailu
- Tabulky v HTML
- img tag a jeho atributy. Pravidla pro vkládání obrázků. Formáty obrázků: které si vybrat
Blok 3 – CSS
- Základní syntaxe CSS
- Hlavní typy selektorů: identifikátory, třídy, pseudotřídy
- Body specifičnosti a priority pravidel
- Kaskáda a dědění majetku
- Kontextový a univerzální volič
- Vlastnosti textu a písma v CSS
- Připojení externích písem
- HEX a RGB barvy. Přidání jednotného pozadí k prvkům. Obrázek na pozadí stránky, nastavení pozadí
Blok 4 – Model bloku a rozložení webové stránky
- Pochopení blokových a vkládaných prvků
- Klíčové vlastnosti bloků
- Jak se počítá velikost bloku a velikost boxu: border-box
- Co je to blokový model
- Použití bloků k vytvoření rozvržení
- Inline prvky bloku
- zobrazit vlastnost
- Zastaralé metody konstrukce rozvržení: vědět, nelze použít
Blok 5 – Vícesloupcové rozvržení s Flexboxem
- Sémantické značky pro návrh rozložení
- Základy Flexbox: Kontejnery a prvky
- Zarovnání prvků podél hlavní a příčné osy
- Změna os a vertikální vyrovnání prvků
- Problémy s používáním flexboxu
Blok 6 - Základy grafických editorů pro designéry layoutů
- Práce s obrázky: ořez, ořez
- Úspora: formát, kvalita, hmotnost
- Jak zjistit kód barvy
- Nástroje písma
- Kopírování hotového CSS
- Měření vzdáleností: nástroje, nastavení
- Efekty a jejich kopírování
- Vkládání map a videí
Blok 7 - Polohování
- Typy polohování: statické, absolutní, relativní, pevné
- Vlastnosti různých typů polohování
- z-index a překryvný kontext
- Kdy a jak používat polohování
- Příklad víceúrovňové rozevírací nabídky
- Řešení typických polohovacích problémů
Blok 8 – Formuláře zpětné vazby
- Základní prvky formuláře: vstup, výběr, textová oblast, tlačítko
- Stav pole a pseudotřídy
- Zaškrtávací políčko prvků výběru, rádio, výběr
- Seskupení prvků: sada polí a legenda
- Styly pro zástupný pseudoelement
- Pravidla pro psaní stylů pro formuláře
- Stylingová tlačítka
Blok 9 – Responzivní a adaptivní webdesign
- Koncept adaptivního a responzivního webového designu
- Mediální dotazy
- Možnosti výřezu a značka meta výřezu
- Problémy s různými prohlížeči
- Platnost kódu, validátory
- Vlastnosti vícestránkových webů
- Pravidla rozvržení pro propagaci SEO
Blok 10 - Animace pomocí HTML5 a CSS3
- Hladké přechody pro vytváření animačních efektů
- Animace pomocí klíčových snímků
- Transformace prvků
- Přidání základních prvků animace na web
Blok 11 – Základy JavaScriptu
- Úvod do JavaScriptu
- Proměnné a datové typy
- Matematické operátory a převod typů
- Logické operátory
- Větve a podmíněné příkazy
- Vestavěné funkce interakce s uživatelem
Blok 12 - Smyčky a pole v JavaScriptu
- Pole
- Metody práce s poli
- smyčky for a while
- Vnořená pole
- Práce s konzolí
Blok 13 – Funkce
- Definice funkce. Funkce šipky a její odlišnosti od běžné. Výraz funkce a deklarace funkce.
- Oblast viditelnosti. Jak to funguje. Lexikální prostředí.
- Časovače a zavírání. Funkce setInterval, setTimeout, clearInterval, clearTimeout. Co je uzávěr a jak jej lze použít.
- Funkce zpětného volání
Blok 14 - Objekty. DOM. Události
- Objekty a slovníky. Jak vytvářet objekty. Klíčové slovo je toto. Získávání, změna a mazání vlastností objektu. Odkazy na objekty.
- Prototypová dědičnost. Jak funguje dědičnost vlastností a metod. Návrháři.
- Třídy. Definice tříd a výhod použití. Rozšíření tříd. Soukromé metody a veřejné. Getři a seři. Příklad vytvoření programu pomocí tříd a architektury MVP.
- DOM. Objektový model stránky a proč je potřeba. Hledání prvků na stránce a jejich načítání. Výčet prvků a základních vlastností.
- Události
Blok 15 - Animace a efekty v JavaScriptu
- JavaScriptové animace. Změna CSS vlastností prvků. Bezierova křivka. Příklady animací.
- Vykreslování v prohlížeči. Optimalizované vlastnosti. funkce requestAnimationFrame.
- Knihovny s animacemi
Blok 16 - Interaktivní prvky
- Posuvník
- Akordeon
- Popisek
Blok 17 – Node.js
- Úvod do Node.js. Funkce Node.js. Stručně o modulech a jejich účelu: fs, child_process, https.
- NPM. Základní příkazy správce balíčků npm. Inicializace projektu a instalace prvních balíčků. struktura package.json.
- Základy webového balíčku. Proč potřebujeme assemblery a jaké fáze lze automatizovat? První konfigurace a automatizace sestavování Webpacku: minifikace kódu, zřetězení modulů a použití preprocesoru SCSS.
- SCSS preprocesor. Výhody preprocesorů. Rychlý přehled rozdílů mezi některými: SCSS, SASS, Less, post-css. Základní konstrukce: proměnné, mixiny, funkce.
Blok 18 – Práce se serverem
- Promise API
- Kontaktování serveru a třídy XMLHttpRequest
- metoda aportu
- Knihovna Axios
Blok 19 – Základy Reactu
- Komponenty a JSX
- Stav součásti
- Háčky
- Stylingové komponenty
- React-Router
Lekce 20 - Základy TypeScript
- Statické psaní
- Rozhraní a typy
- Typy výčtů
Blok 21 – Přehled plánu pro vývojáře JS
- Stručně o tom, jak se jako vývojář dále rozvíjet a co studovat
Blok 22 - Základy programování v PHP
- Účel serverových technologií
- Lokální webový server a doména
- Tvorba dynamických webových stránek
- Koncepce CMS systémů
- Hosting webových stránek
- FTP protokol pro stahování souborů
- Shrnutí a dokončení projektu
Bonusová sazba
Bezplatný kurz "Naučte se učit"
Každému studentovi poskytujeme přístup k tomuto kurzu, aby školení nepřišlo vniveč. Problém je v tom, že lidé z tréninku nemají výsledky. Existují tři hlavní důvody:
- Neexistují žádné jasné cíle. A ani ti, kteří chápou důležitost cílů, to stále nedělají. Chci změnit práci a stát se cool manažerem sociálních sítí – není to cíl, ale touha. S tímto nastavením bude výsledek odpovídající.
- Opuštění učení v polovině. Mnoho lidí najde motivaci v prvním týdnu. Ale je nemožné dosáhnout konce. Protože mozek se nerad pravidelně učí.
- Nedostatek konzistence. Je to docela běžný jev, kdy se chopíme jakékoli informace o zvoleném tématu, pohybujeme se nahodile a v důsledku toho bez výsledku.
Proč jsme zdůraznili tyto tři důvody? Protože učíme 11 let a vidíme zpětnou vazbu od studentů. Během kurzu vám řekneme, jak všechny tyto cenné znalosti uplatnit v životě.