Webrebel 1: HTML, CSS & JavaScript
28h 49min
Time
230
Chapters
Programovanie
Category
4.9
Rating
Beginner
Level
slovak
Language
Chapters
Úvod HTML/CSS
1min
Available in course preview
7min
Available in course preview
5min
Available in course preview
Sublime Text - nastavenia, časté otázky
Nepoužívaj Sublime Text
-
Available only with full access purchase
11min
Available in course preview
Sublime Text 01: Ak ti Sublime robí problémy a rady na úvod
9min
Available only with full access purchase
Sublime Text 02: Ak ti nastavenia a package fungujú inak ako mne
8min
Available only with full access purchase
Sublime Text 03: Ak ti package vôbec nejdú nainštalovať, klávesové skratky, mágia
7min
Available only with full access purchase
HTML
6min
Available in course preview
6min
Available in course preview
7min
Available in course preview
6min
Available in course preview
14min
Available in course preview
8min
Available in course preview
Domáca úloha #1
-
Available only with full access purchase
11min
Available in course preview
8min
Available in course preview
4min
Available in course preview
14min
Available in course preview
CSS
12min
Available in course preview
Kde ma nájdeš, yablko na www internetoch
1min
Available only with full access purchase
12min
Available in course preview
13min
Available in course preview
7min
Available in course preview
7min
Available in course preview
8min
Available in course preview
12min
Available in course preview
8min
Available in course preview
12min
Available in course preview
Domáca úloha #2
-
Available only with full access purchase
10min
Available in course preview
Domáca úloha #2 a pol
-
Available only with full access purchase
Kompletný dizajn stránky
20min
Available in course preview
12min
Available in course preview
15min
Available in course preview
10min
Available in course preview
CSS Layout stránky
11min
Available in course preview
6min
Available in course preview
13min
Available in course preview
Domáca úloha #3
-
Available only with full access purchase
8min
Available in course preview
9min
Available in course preview
11min
Available in course preview
6min
Available in course preview
Nemusíš všetko (+ frustrujúce úlohy)
11min
Available only with full access purchase
CSS 3
6min
Available in course preview
7min
Available in course preview
12min
Available in course preview
9min
Available in course preview
Domáca úloha #4
-
Available only with full access purchase
21min
Available in course preview
Domáca úloha #5
-
Available only with full access purchase
13min
Available in course preview
12min
Available in course preview
4min
Available in course preview
Finálny projekt
21min
Available in course preview
17min
Available in course preview
Záver HTML/CSS
11min
Available in course preview
6min
Available in course preview
4min
Available in course preview
Websupport ZDARMA na 3 mesiace 2018 edišn!
2min
Available only with full access purchase
15min
Available in course preview
Úvod do Responsive dizajnu
6min
Available in course preview
7min
Available in course preview
03: CSS media queries
9min
Available only with full access purchase
Statický vs. Responzívny dizajn
04: Prerábka statického blogu na adaptívny dizajn - hlavička
11min
Available only with full access purchase
05: Prerábka statického blogu na adaptívny dizajn - hlavný obsah
10min
Available only with full access purchase
06: Prerábka statického blogu na adaptívny dizajn - pätička a finiš
11min
Available only with full access purchase
07: Viewport, meta viewport na nastavenie šírky zariadenia
13min
Available only with full access purchase
Z pixelov na percentá
08: Box-sizing: border-box, CSS funckia calc()
12min
Available only with full access purchase
09: Revolučný vzorec pre responzívnu revolúciu, mockups, dizajnovanie v prehliadači
15min
Available only with full access purchase
Domáca úloha #6
-
Available only with full access purchase
10: Jednotka em, responzívna typografia
12min
Available only with full access purchase
11: Layout pomocou jednotky em
6min
Available only with full access purchase
Domáca úloha #7
-
Available only with full access purchase
12: Mobile First prístup a responzívne obrázky
11min
Available only with full access purchase
13: Dokončenie mobile first stránky a 3 praktické tipy pre responzívny kód
6min
Available only with full access purchase
★ CSS preprocesory: Sass (ukážka z kurzu)
★ Skús si Sass
2min
Available only with full access purchase
★ Sass je CSS, len viac (Sass kurz, Ep. 1)
8min
Available only with full access purchase
★ Čo sú CSS preprocesory? (Sass kurz, Ep. 2)
5min
Available only with full access purchase
★ Nesting v CSS, vnor kód pod kód (Sass kurz, Ep. 11)
4min
Available only with full access purchase
★ FarbičkyFarbičkyFarbičky (Sass kurz, Ep. 14)
6min
Available only with full access purchase
★ Responsive Sass, sprav target/context za mňa (Sass kurz, Ep. 28)
7min
Available only with full access purchase
Sass je tu pre teba, buďte spolu:)
-
Available only with full access purchase
Zmena statickej stránky na responzívnu
14: Redizajn statického portfólia do responzívneho layoutu - úvodné nastavenia
12min
Available only with full access purchase
15: Redizajn statického portfólia do responzívneho layoutu - elastická hlavička
16min
Available only with full access purchase
16: Redizajn statického portfólia do responzívneho layoutu - elastický obsah a pätička
13min
Available only with full access purchase
17: Redizajn statického portfólia do responzívneho layoutu - media queries part 1
13min
Available only with full access purchase
18: Redizajn statického portfólia do responzívneho layoutu - media queries part 2
14min
Available only with full access purchase
CSS animácie a Boostrap CSS
20: CSS3 Transforms, CSS3 Transitions
12min
Available only with full access purchase
21: CSS Bootstrap Part 1
11min
Available only with full access purchase
22: CSS Bootstrap Part 2
5min
Available only with full access purchase
Grid systémy a Flexbox
23: Úvod do CSS Grid systémov, Bootsrap Grid CSS
15min
Available only with full access purchase
24: Dokončenia Bootstrap gridu, tvorba vlastného CSS grid systému
10min
Available only with full access purchase
25: CSS display: table
7min
Available only with full access purchase
26: Flexbox, CSS display: flex
18min
Available only with full access purchase
27: Flexbox, responzívny layout cez display: flex
14min
Available only with full access purchase
Responzívne obrázky a Retina
28: Obrázky v dobe responzíveho dizajnu a Retiny
10min
Available only with full access purchase
29: Vektorové obrázky, nový img srcset atribút, nový HTML picture element
12min
Available only with full access purchase
30: Best practices pre responzívne obrázky, figure a figcaption HTML elementy
7min
Available only with full access purchase
31: Background stránky cez responzívny obrázok, Background stránky cez video
17min
Available only with full access purchase
Záver Responsive
32: Koniec Responsive Webdesign kurzu
2min
Available only with full access purchase
Domáca úloha #8
-
Available only with full access purchase
Úvod do JavaScript/jQuery
Predtým, ako pôjdeš na JavaScript:)
4min
Available only with full access purchase
01: Úvod do JavaScriptu a jQuery
5min
Available only with full access purchase
02: Úvod do programovania - Javascript konzola a premenné
6min
Available only with full access purchase
Úvod do programovania
03: Úvod do programovania - čísla a reťazce
5min
Available only with full access purchase
04: Úvod do programovania - polia a objekty
6min
Available only with full access purchase
05: Úvod do programovania - funkcie a metódy
8min
Available only with full access purchase
Naučím ťa programovať hry!
44s
Available only with full access purchase
BONUS: ako je to s tými premennými a console.log()
8min
Available only with full access purchase
BONUS: ako je to s tým programovaním a tými funkciami
6min
Available only with full access purchase
Document Object Model (DOM)
06: Document Object Model, reprezentácia HTML kódu v prehliadači, vzťahy medzi elementami
4min
Available only with full access purchase
07: jQuery, pridanie knižnice do stránky lokálne alebo cez CDN
8min
Available only with full access purchase
jQuery animácie
08: Úvod do jQuery animácií a reťazenie metód
8min
Available only with full access purchase
09: jQuery metódy, getter/setter princíp
4min
Available only with full access purchase
10: Vlastné jQuery animácie
9min
Available only with full access purchase
Domáca úloha #9
-
Available only with full access purchase
11: Javascripty v hlavičke vs. na konci HTML body elementu
9min
Available only with full access purchase
12: Document ready funkcia, kompatibilita jQuery s inými Javascript knižnicami
10min
Available only with full access purchase
Domáca úloha #10
-
Available only with full access purchase
JavaScript Eventy
13: Úvod do Javascript eventov / udalostí
7min
Available only with full access purchase
Domáca úloha #11
-
Available only with full access purchase
14: Traverzovanie po DOM (Document Object Model)
10min
Available only with full access purchase
15: Akordeón efekt, jQuery event object
11min
Available only with full access purchase
16: Manipulácia s DOM, vytváranie a mazanie HTML elementov
13min
Available only with full access purchase
17: Manipulácia s DOM časť druhá, pokročilé jQuery selektory
6min
Available only with full access purchase
Domáca úloha #12
-
Available only with full access purchase
18: Eventy, event listener, event handler, vybublávanie, delegácia
12min
Available only with full access purchase
19: Event object, podmienky, ternárny operátor, zastavenie animácií, príprava na Lightbox
11min
Available only with full access purchase
Domáca úloha #13
-
Available only with full access purchase
jQuery Lightbox a Slider
20: jQuery Image Lightbox #1
11min
Available only with full access purchase
21: jQuery Image Lightbox #2
7min
Available only with full access purchase
22: Animácia scrollovania #1
11min
Available only with full access purchase
23: Animácia scrollovania #2, Javascript callback funkcie
8min
Available only with full access purchase
24: Späť na vrch, ako pán!
6min
Available only with full access purchase
Domáca úloha #14
-
Available only with full access purchase
25: jQuery image slider, menič obrázkov
6min
Available only with full access purchase
26: jQuery image slider, časť druhá
13min
Available only with full access purchase
Pokročilé animácie
27: Javascript object literal pattern
10min
Available only with full access purchase
Domáca úloha #14 a pol
-
Available only with full access purchase
28: Slider ako object literal pattern s nastaveniami od usera cez jQuery.extend()
6min
Available only with full access purchase
Domáca úloha #15
-
Available only with full access purchase
29: Pokročilé jQuery animácie #1 - spolupráca jQuery a CSS3
13min
Available only with full access purchase
30: Pokročilé jQuery animácie #1 - animovanie farieb
13min
Available only with full access purchase
31: Galéria obrázkov rozdelená na viac strán
9min
Available only with full access purchase
32: CSS3 animovaná galéria, HTML5 data atribúty, práca so stringami v Javascripte
11min
Available only with full access purchase
33: Dokončenie galérie, Javascript Prototype, tajné dáta cez jQuery.data()
7min
Available only with full access purchase
Domáca úloha #16
-
Available only with full access purchase
AJAX
34: Viacstránková galéria cez AJAX, princíp Request-Response
7min
Available only with full access purchase
35: AJAXová galéria pomocou jQuery.load() metódy
9min
Available only with full access purchase
Domáca úloha #17
-
Available only with full access purchase
36: Vylepšenie AJAX galérie cez jQuery.ajax() metódu
7min
Available only with full access purchase
Domáca úloha #18
-
Available only with full access purchase
37: Pokročilý AJAX - asynchrónny javascript, JSON, princíp promises a metóda jQuery.each()
15min
Available only with full access purchase
Domáca úloha #19
-
Available only with full access purchase
Domáca úloha #20
-
Available only with full access purchase
Domáca úloha #21
-
Available only with full access purchase
jQuery UI a pluginy
38: Interface knižnica jQuery UI, jej metódy a eventy
17min
Available only with full access purchase
39: jQuery UI Slider, Tooltip, pokročilé používanie UI komponentov a komunikácia medzi nimi
15min
Available only with full access purchase
40: Úvod do jQuery pluginov
8min
Available only with full access purchase
41: Vlastný jQuery lightbox plugin
9min
Available only with full access purchase
42: Dokončenie jQuery pluginu, aby mal schopnosť prijímať nastavenia od usera
8min
Available only with full access purchase
Parallax efekt
43: jQuery Parallax efekt
11min
Available only with full access purchase
44: jQuery Parallax efekt, časť druhá a taktiež ba priam posledná
12min
Available only with full access purchase
Záver kurzu
45: Záver webdesigner kurzu
3min
Available only with full access purchase
✨ WEBREBEL REBORN
4min
Available in course preview
HTML a CSS základy na príklade
2min
Available in course preview
3min
Available in course preview
2min
Available in course preview
5min
Available in course preview
4min
Available in course preview
5min
Available in course preview
5min
Available in course preview
4min
Available in course preview
2min
Available in course preview
3min
Available in course preview
6min
Available in course preview
14 | HTML ODKAZ na inú stránku, LINK, HYPERTEXT (a, mailto, tel)
5min
Available only with full access purchase
15 | Písanie kódu je len MALÁ časť práce
2min
Available only with full access purchase
16 | CSS SELEKTORY, PSEUDO CLASSY, ŠPECIFICITA (hover, active)
6min
Available only with full access purchase
17 | DIV je šupák a kto používa, je LÚZER (div, main, section)
3min
Available only with full access purchase
18 | SEO, BUĎ ZLODEJ (kódu, všetci sme, tak sa učíš)
3min
Available only with full access purchase
19 | CLASS, ID
5min
Available only with full access purchase
20 | CESTY K SÚBOROM, prepoj HTML a CSS (link, ., .., /)
6min
Available only with full access purchase
21 | CSS nastavenia pre KAŽDÝ projekt
2min
Available only with full access purchase
Poďme do väčšej HTML a CSS hĺbky
...na tomto ešte pracujem...
-
Available only with full access purchase
Prerobím macOS aplikáciu do HTML a CSS
1min
Available in course preview
1min
Available in course preview
5min
Available in course preview
5min
Available in course preview
4min
Available in course preview
06 BUTTONS, flex na zarovnanie elementov vedľa seba
3min
Available only with full access purchase
07 RGBA, polo-priehľadné farby (rgba, hover, active)
3min
Available only with full access purchase
08 FORMULÁR a PSEUDO ELEMENTY (form, input, ::placeholder, ::first-letter)
6min
Available only with full access purchase
09 RELATÍVNE POZÍCIE, mínusové hodnoty (position, relative)
5min
Available only with full access purchase
10 CSS GRID pre LAYOUT, zalomenie (grid, fraction, gap)
5min
Available only with full access purchase
11 CSS GRID vs. FLEXBOX, kedy použiť ktorý
4min
Available only with full access purchase
12 JAVASCRIPT?? pripravíme NADPISY, aby sa ním dali prepínať
4min
Available only with full access purchase
13 GOOGLE FONTS, web fonty
2min
Available only with full access purchase
14 CSS PREMENNÉ, css variables, odlož si hodnotu (::root, display, block, none)
5min
Available only with full access purchase
15 SVG, VECTOR vs. RASTER obrázky (svg, png, jpg)
3min
Available only with full access purchase
16 SVG, CIRCLE (stroke, stroke-width, fill)
6min
Available only with full access purchase
17 REMINDERS REMADE ✨
7min
Available only with full access purchase
Responzívny WEB od NULY
01 | CRAVE, responzívny WEB od nuly
2min
Available only with full access purchase
02 | HTML, štruktúra dokumentu, LET'S GO!
5min
Available only with full access purchase
03 | FONTS, by Google
5min
Available only with full access purchase
04 | MOBILE FIRST, Firefox a jeho RESPONSIVE MODE
7min
Available only with full access purchase
05 | KTORÝ HTML ELEMENT KEDY? prečo mám použiť práve ten?
5min
Available only with full access purchase
06 | VW VH CLAMP, responzívny dizajn na 1 riadok
6min
Available only with full access purchase
07 | MEDIA QUERIES, dizajn podľa veľkosti obrazovky
3min
Available only with full access purchase
08 | FLEXBOX, správne rozmiestnenie elementov
6min
Available only with full access purchase
09 | MAX CONTAINER, web nesmie ísť do nekonečna
8min
Available only with full access purchase
10 | CSS NOT SELECTOR, steam widget, FARBA POZADIA
7min
Available only with full access purchase
11 | MÁGIA NAPÍŠE CSS KÓD ZA MŇA, css support, stylers cloud
7min
Available only with full access purchase
12 | HEADER ART, fixné obrázky vše-kryjúceho-pozadia
6min
Available only with full access purchase
13 | VIZUÁLNE EFEKTY, webový jazz
8min
Available only with full access purchase
14 | TAKMER PARALLAX EFEKT, pozadie sa scrollujúc posúva
2min
Available only with full access purchase
16 | SMOOTH SCROLL, plynulý posun na sekciu
5min
Available only with full access purchase
17 | PARALLAX SA VRÁTIL, mágia je späť!!
15min
Available only with full access purchase
19 | KOĽKO MEDIA QUERIES? kedy pridať break-pointy, LOGO
7min
Available only with full access purchase
21 | CSS GRID, zmena pozície elementov, rozdiel medzi FLEX a GRID
5min
Available only with full access purchase
22 | CRAVE, footer formulár, PARALLAX a SLÁVA ✨
13min
Available only with full access purchase
Meta dáta
makám makám
-
Available only with full access purchase
25
Online courses
0
Posts