20Počítačová akademie STEP
7345000Zemích světa Poboček
Studentů
Počítačová akademie STEPPobočky
V RÁMCI KURZU SE NAUČÍTE:
itstep.org
Tréninkovýjaký by měl být** Jsme specialisté v IT.
Výukové aktivity - 144 akademických hodinSamostatná práce - 144 akademických hodinSoft Skills - 18 akademických hodinDoba trvání kurzu - 6 měsíců
STUDIJNÍ PROGRAM:
• Ovládat základy spolupráce s NodeJS. Vytvářet projektový montáž.
• Chápat do detailů použití Webpack.
• Rozumět struktuře aplikace Angular.
• Používat správné konstrukce Angular v závislosti od zadaného úkolu.
• Provádět vázání dat v aplikaci Angular. Používat Dependency Injection.
• Chápat do detailů realizace aplikace React.
• Používat Flux.
• Práci s formuláři. Použití základ HTML: značky, atributy a metody.
• Strukturovat obsah webových stránek pro vytváření formátovaných dokumentů.
• Používat základy CSS: hodnoty, seznamy, barvy, písma a další metriky formátování.
• Kontrolovat a ladit kódy webových dokumentů.
• Vytvořit obsah webových dokumentů s různou složitostí.
• Rychle a efektivně formátovat složité webové dokumenty.
• Pracovat se základními konstrukcemi jazyka JavaScript, jako jsou proměnné, podmínky, cykly, funkční pole atd.
• Používat OOP a jeho základní pojmy. Opravovat vzniklé chyby.
• Rozumět pojmům událostí, správce událostí. Vytvořit funkce správce různorodých událostí.
• Rozumět rozdílům mezi BOM a DOM a komunikovat s objekty BOM a DOM.
• Rozumět do detailů realizacím klientských plánů v různých prohlížečích.
• Znát principy tvorby forem a analýzy uživatelských dat pomocí regulárních výrazů.
• Uložit uživatelská data pomocí souborů cookie.
• Rozumět zvláštnosti použití HTML5 vůči JavaScriptu.
• Serializovat a analyzovat data pomocí JSON.
• Znát principy vytváření asynchronních požadavků pomocí Ajaxu.
• Porozumět návrhovým vzorům. Používat systémy pro řízení verzí.
• Znát principy týmové práce. Plnit testování jednotky.
FRONT-END
Česká republika
PrahaOpletalova 919/5,110 00 Nové Město+420 234 261 889E-mail: [email protected]
BrnoVídeňská 546/55+420 607 007 977
Tvorba webových stránek na značkovacím jazyku HTML5 pomocí kaskádových tabulek stylů CSS3.
Úvod do webové technologie. Struktura HTML Formátování textu pomocí HTML
• Úvod do problematiky značkovacího jazyka. Hypertextový značkovací jazyk HTML.
• Struktura dokumentu HTML5• Tagy - hlavní prvek struktury
HTML. Pravidla pro zápis tagů a jejich atributů do standardního HTML5. Syntaktické rozdíly HTML4, XHTML, HTML5.
• Klasifikace tagů: lineární a blokové, logické a fyzické formátování.
• Hlavní chyby v položkách tagů.• Kódování stránek a značky
<meta>.• Model formátování textu: záhlaví
a odstavce. Elementy <p>, <h1> .. <h6>. Zarovnání textu v prvcích bloku: atribut align.
• Praxe: vytvoření nejjednodušší webové stránky
Formátování pomocí CSS. Seznamy. Odsazení a marže CSS
• CSS - kaskádové tabulky stylů• Porovnání HTML a CSS na příkladu
lineárních a blokových tagů.• Tagy bez formátování <div> - blok,
<span> - lineární.• Použití atributů třídy a id k
nastavení stylů.• Použití externích CSS souborů
stylů.• Další vlastnosti CSS pro
formátování textu: letter-spacing, line-height, text-intend, text-transform, white-space, word-spacing.
• Praxe: formátování textu pomocí CSS.
• Vytváření seznamů• Vytváření vložených seznamů• Formátování seznamů pomocí
CSS.• Seznamy definic: elementy <dl>,
<dd>, <dt>.• Správa odsazení: praktické
příklady použití.
Materialize• Historie tvorby materializace • Cíle a úkoly materializace • Připojení materializace
• Materiálové provedení • Systém sítí v materializaci • Pochopení Helper. Druhy Helpers.• Navigace a Bootstrap.• Použití obrázků a videí • Posouvání • Praktické příklady použití.
Less• Historie vytváření Less• Cíle a úkoly Less • Připojení a kompilace Less• Proměnné • Směsi • Funkce • Praktické příklady použití.
ZKOUŠKA
• Vývoj klientských skriptů pomocí JavaScriptu a knihovny jQuery
Úvod do JavaScriptu• Skripta, prováděné na straně
klienta • JavaScript • Historie JavaScriptu • Rozdíly mezi JavaScriptem a
Javou, JScriptem, ECMAScriptem • Verze JavaScriptu • Pochopení Document Object
Model.• Pochopení Browser Object Model. • Úvod do HTML dokumentů .
Editory kódu JavaScriptu • Tag <noscript> • Základy syntaxe • Proměnné. Pravidla pojmenování
proměnných.• Datové typy • Operátory. • Vstupní / výstupní data. Dialogové
okno • Podmínky • Cykly • Funkce • Objekt arguments. • Rozsah proměnné. Klíčové this. • Rekurze.
Úvod do objektově orientovaného programování
• Objekty. Masiva• Zpoždění a intervaly. Periodické
volání funkcí • Objekt Date. Datum a čas
zpracování • Objekt Math. Vlastnosti a metody.
Náhodná čísla • OOP. Tři základní principy. • Pojmy třídy a objektu v
JavaScriptu • Vlastnosti • Metody • Vlastnosti přístupových prvků• Konstruktor • Pochopení prototype. • Dědičnost.
Zpracování událostí• Události. Zpracování událostí • Zpracování událostí ve skriptech • Správa stylů prvků webové stránky • Objekt event a jeho vlastnosti • Zpracovávání výchozích událostí
(standardní zpracování). Zákaz výzvy standardního zpracovatele.
• Objekt Image. Správa obrázků a rolloverů.
Browser Object Model. Document Object Model
• Rozdíly mezi DOM a DOM • Objekty Browser Object Model.• Document Object Model.• Prezentace dokumentu HTML ve
formě stromu • Objekty modele DOM. Hierarchie
uzlů. • Model události DOM• DOM vlastnosti a metody. • Změna stromu DOM • Seznámení s objekty Document
a Link. • Správa výběru a rozsahu textu:
Objekty Selection a TextRange.• Zvlášnosti DOM v HTML5.
Spolupráce s DOM• Vytváření nových elementů DOM • Vkládání elementů DOM • Přesouvání elementů DOM • Kopírování elementů DOM • Spolupráce s atributy.
Formy• Aplikace forem. Umístění
elementů formy v HTML. • Kolekce Forms. • Vytváření a programování
elementů formy.
Kontrola věrohodnosti forem. Použití Cookies
• Ověření údajů formy • Objekt RegExp. Pravidla pro psaní
regulárních výrazů. • Metody objektů String a RegExp
pro práci s regulárními výrazy • Pochopení souborů cookie • Vytváření, používání a
odstraňování souborů cookie. • Výhody a nevýhody cookies
Malování pomocí Canvas, mediální podpora
• Pochopení Canvas a jeho základní schopnosti
• Podpora mediálních schopností.• JSON, Ajax• Cíle a úkoly. Syntaxe JSON • Objekt JSON
• Přizpůsobení vlastní serializace v JSON. Metoda ToJSON
• Synchronní a asynchronní požadavky
• Ajax • Objekt XMLHttpRequest • Metody a vlastnosti
XMLHttpRequest • Pochopení HTTP hlavičky • Použití metody kódování GET.URL • Použití metody POST
ECMAScript 6• Historie vzniku • Proměnné • Typ dat Symbol. • Funkce šipek • Využití řádků• Objekty a třídy • Moduly • Další funkce ECMAScript 6.
Modulární testování• Cíle a úkoly modulárního testování • Potřeba modulárního testování • Přehled nástrojů pro testování
modulů • Praktické příklady použití.
Návrhové vzory• Chápání vzoru projektování • Příčiny vzniku návrhových vzorů • Principy návrhových vzorů • Principy výběru návrhových vzorů • Principy dělení vzorů do kategorií • Úvod do UML. • Využití UML při analýze vzorů
projektování• Způsobené vzory• Strukturální vzorce • Vzory chování.
Vzor MVC• Cíle a úkoly vzoru Model-View-
Controller • Model • View • Controller • Příklady použití vzoru MVC.
Zásady pro navrhování tříd SOLID
• Principy návrhu třídy SOLID • Přehled problémů, které se
vyskytly při navrhování a vývoji tříd • Příklady použití principů SOLID.
Úvod do JQuery • cíle a úkoly jQuery • historie vytváření jQuery • verze jQuery • připojení jQuery • Přístup k elementům stránky
pomocí funkce $ • pojem voliče • typy voličů • přechod • Metody obcházení DOM: filter,
next, nextAll , prev, prevAll, siblings, atd.
Události a jQuery• Vytvoření zpracovávání událostí
pomocí jQuery • Vymazání zpracovávání událostí• Objekt Event a jQuery • Dopad na zpracování událostí • Spuštění zpracování událostí.
Styly a animace• Metoda CSS • Zobrazení a skrytí elementů
pomocí metody show a hide • Vytváření efektů • Animace.
AJAX a jQuery• Pochopení JSON • Mechanismy Ajax uvnitř knihovny
jQuery • Použití metody GET • Použití metody POST • Události a Ajax v rámci jQuery • Zpracování chyb.
Použití jQuery Pluginu• Pochopení pluginu jQuery • Připojení pluginu • Příklady pluginů.
Týmová práce, řízení programovými projekty
• Řízení. Příčiny disciplinárních problémů při řízení programových projektů
• Ganttovy diagramy • Důležité otázky týkající se řízení
programových projektů • Analýza termínů předmětné
oblasti • Charakteristiky projektu • Náklady související s projektem • Přehled procesních modelů a
metodik. • Podrobně o Scrumu.
ZKOUŠKA
Použití rámců Angular, React
NodeJS• Cíle a úkoly NodeJS • Konfigurace prostředí • Nástroje pro vývoj a ladění • Struktura aplikací • Správce balíčků npm • Vytvoření a registrace vlastních
balíčků • Práce s událostmi • Využití souborového systému • Moduly spolupráce HTTP a URL.
Montáž projektů pomocí Webpack 2 a dalších nástrojů
• Montáž projektů • Problémy při sestavování projektu • Nástroje pro montáž projektů • Webpack 2.
Angular• Cíle a úkoly Angular. • Pochopení jednostránkové
aplikace (SPA) • Anatomie aplikace Angular.• Nastavení prostředí • Pochopení modulu • Komponent• Vzory • Interpolace • Použití direktiv • Data binding v Angular. • Pipes v Angular aplikací.• Servisy • Dependency Injection.• Použití požadavků HTTP • Navigace a přenos dat • Praktické příklady použití.
React• Cíle a úkoly React. • Anatomie aplikace React. • Nastavení prostředí • Pochopení Flux • Pochopení JSX • Použití komponent • Životní cyklus aplikace na React. • Props a State.• Controller views.• Pochopení Route.• Použití forem• Použití Fluxu • Praktické příklady použití.
ZKOUŠKA
Program studiaFront-end