WebRebel je kompletný balík online kurzu webdesignu, ktorý obsahuje všetky moduly, a to HTML/CSS, Responsive Design a Javascript. Všetky tieto technológie sú potrebné na tvorbu... Čítať viac
WebRebel je kompletný balík online kurzu webdesignu, ktorý obsahuje všetky moduly, a to HTML/CSS, Responsive Design a Javascript. Všetky tieto technológie sú potrebné na tvorbu každej modernej webovej stránky... Čítať viac
Kód kupónu Vám bude doručený e-mailom po zaevidovaní úhrady (zvyčajne nasledujúci pracovný deň). Následné prihlásenie je prostredníctvom webrebel
HTML/CSS je základom každého webu a prostredníctvom nich tvoríme ich štruktúru, obsah adesign.
HTML sa stará o obsah, CSS sa stará o prezentáciu, o to, ako obsah (webstránka) vyzerá. Bez ich znalosti nie je možné stať sa plnohodnotným webdesignérom.
Vďaka responzívnemu designu budeme vedieť stránku optimalizovať pre mobilné zariadenia, ako sú tablety alebo mobily. Stránky sa nám budú zobrazovať prehľadne aj na menších obrazovkách, a tým budú dostupnejšie a prehľadnejšie pre návštevníkov webstránky. Responzívny design je dnes štandardom kvalitných webov, pretože už viac ako polovica ľudí navštevuje stránky zo svojho mobilu alebo tabletu.
Javascript je posledný modul kompletného kurzu webdesignu, ktorý našim stránkam pridá interaktivitu, dynamiku cez animácie a zvýši ich použiteľnosť. Modul učí JavaScript prostredníctvom knižnice
jQuery. JavaScript sa stará o to, ako sa obsah (web) správa, keď naň klikneme a podobne. Tieto technológie sú nevyhnutnou súčasťou profesionálnych webov.
Celý kurz tvorí 125 kvalitne pripravených videotutoriálov, ktoré sú dopĺňané o rôzne zadania a príklady na precvičenie jednotlivých tém. Všetky témy sú spracované prakticky a na záver tohto modulu už budete vedieť tvoriť moderné webstránky, optimalizované pre mobilné zariadenia s rôznymi prvkami interakcie.
Súčasťou balíka je prístup do vzdelávacej aplikácie, v ktorej sú všetky študijné materiály rozdelené prehľadne podľa kapitol. Aplikácia ponúka rozhranie na odovzdávanie zadaní a diskusiu medzi študentami. Na záver kurzu má možnosť študent zverejniť svoj finálny projekt a získať tak pracovnú ponuku alebo zákazku na tvorbu
webstránky.
HTML/CSS
Začiatok HTML/CSS kurzu
Úvod do HTML, HTML tagy a prvá stránka
Inštalujeme Sublime Text 3
Doctype a kostra HTML dokumentu
Formátovanie textu v HTML
Developer Tools a správne štruktúrovaný HTML kód
HTML zoznamy - usporiadaný, neusporiadaný a definičný a šafrán
Odkazy, linky, emaily a telefónne čísla
Obrázky, rozmery obrázkov, obrázky v linkoch, hotlinking
Formáty obrázkov, ktoré, kedy a ako použiť a redukcia veľkosti obrázkov
Ako funguje načítanie a zobrazenie internetovej stránky
Úvod do CSS, CSS vlastnosti, CSS selektory a deklarácie
Špecifické CSS selektory, používanie Classov a IDčiek v CSS
Úvod do typografie a kompletný redizajn stránky bez dotyku HTML súboru
CSS box model a všetko je škatuľa
Block level elementy, element DIV a skutočná šírka elementu
Inline elementy, inline-block elementy, element SPAN
3 spôsoby pridávania farieb v CSS
Typografia, webové fonty a štýlovanie textu v CSS
Dizajn blogu - základný layout a hlavička
Dizajn blogu - pätička a finálne úpravy
CSS kaskáda, špecificita selektorov
Tok dokumentu, pozícia elementov v dokumente a CSS clear float
Layout stránky pomocou CSS float, CSS float contain
Pozícia elementov pomocou CSS position: relative a position: absolute
z-index, position: fixed a ako vycentrovať position: absolute element
CSS background, base64 zakódované obrázky
Úvod do CSS3, CSS3 prefixy a CSS3 gradienty
CSS sprites a CSS3 multi-background
Štýlovanie HTML zoznamov
CSS reset, CSS normalize, úvod do HTML formulárov
Štýlovanie HTML formulárov
Štýlovanie HTML tabuliek
Spätná kompatibilita so starými prehliadačmi
Finálny projekt - dizajnovanie stránky portfólia - 1. časť
Finálny projekt - dizajnovanie stránky portfólia - 2. časť
Facivons, ďalšie HTML meta tagy
Koniec HTML/CSS kurzu
Responsive design
Úvod do responzívneho webdizajnu
Static vs Liquid vs Adaptive vs Responsive
CSS media queries
Prerábka statického blogu na adaptívny dizajn - hlavička
Prerábka statického blogu na adaptívny dizajn - hlavný obsah
Prerábka statického blogu na adaptívny dizajn - pätička a finiš
Viewport, meta viewport na nastavenie šírky zariadenia
Box-sizing: border-box, CSS funckia calc()
Revolučný vzorec pre responzívnu revolúciu, mockups, dizajnovanie v prehliadači
Jednotka em, responzívna typografia
Layout pomocou jednotky em
Mobile First prístup a responzívne obrázky
Dokončenie mobile first stránky a 3 praktické tipy pre responzívny kód
Redizajn statického portfólia do responzívneho layoutu - úvodné nastavenia
Redizajn statického portfólia do responzívneho layoutu - elastická hlavička
Redizajn statického portfólia do responzívneho layoutu - elastický obsah a pätička
Redizajn statického portfólia do responzívneho layoutu - media queries part 1
Redizajn statického portfólia do responzívneho layoutu - media queries part 2
Reponzívna navigácia, používanie jQuery pluginov na štýlovanie formulárov
CSS Bootstrap Part 1
Úvod do CSS Grid systémov, Bootsrap Grid CSS
Dokončenia Bootstrap gridu, tvorba vlastného CSS grid systému
CSS display: table
Flexbox, CSS display: flex
Flexbox, responzívny layout cez display: flex
Obrázky v dobe responzíveho dizajnu a Retiny
Vektorové obrázky, nový img srcset atribút, nový HTML picture element
Best practices pre responzívne obrázky, figure a figcaption HTML elementy
Background stránky cez responzívny obrázok, Background stránky cez video
Koniec Responsive Webdesign
kurzu
Javascript
Úvod do JavaScriptu a jQuery
Úvod do programovania - Javascript konzola a premenné
Úvod do programovania - čísla a reťazce
Úvod do programovania - polia a objekty
Úvod do programovania - funkcie a metódy
Document Object Model, reprezentácia HTML kódu v prehliadači, vzťahy medzi elementami
jQuery, pridanie knižnice do stránky lokálne alebo cez CDN
Úvod do jQuery animácií a reťazenie metód
jQuery metódy, getter/setter princíp
Vlastné jQuery animácie
Javascripty v hlavičke vs. na konci HTML body elementu
Document ready funkcia, kompatibilita jQuery s inými Javascript knižnicami
Úvod do Javascript eventov / udalostí
Traverzovanie po DOM (Document Object Model)
Akordeón efekt, jQuery event object
Manipulácia s DOM, vytváranie a mazanie HTML elementov
Manipulácia s DOM časť druhá, pokročilé jQuery selektory
Máte o knihe viac informácií ako je na tejto stránke alebo ste našli chybu? Budeme vám veľmi vďační, ak nám pomôžete s doplnením informácií na našich stránkach.
Hodnotenia
Poznáte nový čitateľský profil?
Máte chuť pozrieť si všetky svoje recenzie na jednom mieste a podeliť sa o ne aj s ostatnými používateľmi? Aktivujte si čítateľský profil, kde môžete okrem iného zbierať knihomoľské odznaky, či zvyšovať si svoju knihomoľskú úroveň.
