Kurz Frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap

Kurz Frontend developer a webdesignér
komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap

Balík toto je balík 8 kurzov
cena kurzov Kurz Frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap
cena kurzov v balíku
pri kúpe kurzov
samostatne je
1 374,00 €
1 648,80 € s DPH
zľava kurzu Kurz Frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap
týmto balíkom kurzov
ušetríte oproti kúpe
kurzov samostatne až
345,00 €
414,00 € s DPH
cena balíka po zľave
konečná cena balíka
všetkých kurzov
po zľave je
1 029,00 €
1 234,80 € s DPH
Dĺžka balíka kurzov
dĺžka balíka kurzov
17 dní
Hotnotenia kurzu / počítačového školenia
hodnotenia účastníkov
priemerne 97,81 %
Miesto kurzu
Miesta otvorených kurzov:
Bratislava - centrum

Anotácia, popis kurzu:

certifikované školiace stredisko - garancia spokojnosti - opakovanie kurzu zdarma

Tento moderný a komplexný kurz poskytuje rozsiahle školenie pre tých, ktorí sa chcú stať výkonnými frontend developermi a webdesignérmi. Účastníci kurzov budú postupovať od základov HTML a CSS až po pokročilé tématické oblasti ako JavaScript, jQuery a Bootstrap. Kurzy sú navrhnuté tak, aby pokrývali širokú škálu tém s dôrazom na praktické aplikácie a aktuálne trendy v oblasti frontend vývoja.

Tento balík kurzov je vhodný pre začiatočníkov v oblasti webového vývoja alebo teda pre tých, ktorí nemajú žiadne alebo len minimálne skúsenosti s tvorbou webových stránok. Pre jednotlivcov, ktorí chcú získať základné a pokročilé zručnosti v HTML, CSS a JavaScript a dizajnérov, ktorí chcú rozšíriť svoje technické schopnosti. Ďalej aj pre osoby so skúsenosťami v grafickom dizajne alebo UI/UX dizajne, ktoré chcú získať technické schopnosti na implementáciu svojich návrhov do webdesignu a v neposlednom rade pre záujemcov o prácu v IT oblasti, alebo príbuzných odvetviach a chcú prejsť na pozíciu frontend developera.

Tento kurz je navrhnutý tak, aby pokryl potreby širokého spektra účastníkov a umožnil im postupovať od základov po pokročilé tématické oblasti v oblasti frontend vývoja a webdesignu. Frontend developer je odborník zodpovedný za vytváranie vizuálne príťažných a funkčných webových stránok. Jeho hlavným cieľom je zabezpečiť, aby webová stránka bola pre užívateľa jednoducho použiteľná a poskytovala optimálne užívateľské rozhranie. Frontend developer pracuje s jazykmi ako HTML, CSS a JavaScript, a s nástrojmi a frameworkmi, ktoré mu umožňujú vytvárať responzívne a interaktívne webové stránky.
Hodnotenie kurzu
Vladislav Ladický
lektor kurzu
Rober I. - hodnotenie kurzu: 100%
Kurz bol výborne zvládnutý nielen po obsahovej stránke, ale aj po pedagogickej .Oceňujem nielen odborné, ale aj pedagogické schopnosti pána Ladického, ktorý nielenže dokáže úžasne vysvetľovať , ale má aj svätú trpezlivosť. Určite k nemu pôjdem na nejaký další, alebo opakovací kurz . Lektor, pán Ladický má tri schopnosti, ktoré sa zriedkavo dajú nájsť u jednodho človeka sučastne.Je to schopnosť odborne rozumieť danej problematike, dar vysvetľovať /učiť a nakoniec sú to osobnostne kvality ako napr. trpezlivosť, snaha pomôcť a motivovať .Málokedy sa vyjadrujem v superlatívoch, ale v tomto prípade je to na mieste. Určite všetkým odporúčam hodiny u pána Ladického, je to dobre investovaný čas aj peniaze .
Bezplatné opakovanie kurzu
Každý termín môžete bezplatne opakovať, ak by ste kurz nezvládli na prvý raz.
Certifikovaný akreditovaný kurz
Sme certifikované školiace stredisko, certifikát získavate ihneď po kurze.
Všetko je v cene kurzu
Nemusíte si k nám nič nosiť, v cene kurzu sú materiály aj občerstvenie.

Kurz môžete u nás absolvovať:

Denne pondelok až piatok od 9:00 do 15:00 Večerne pondelok až piatok od 16:00 do 20:00 Cez víkend sobota a nedeľa od 9:00 do 14:00 Individuálne v akomkoľvek dni a čase podľa Vašej potreby Firemne uzatvorené firemné školenia kdekoľvek na Slovensku u Vás

Plánované garantované termíny začiatkov balíka kurzov:

začína modulom: Tvorba, programovanie webstránok I.

denný kurz
24.12.
od utorka v Bratislave
Čertovská ponuka Čertovská ponuka
viac
1 029,00 €
1 234,80 € s DPH
Poznámka: Čertovská ponuka 2024 - čertovské zľavy. Nepremeškajte fantastickú ponuku a získajte tento kurz ako poukaz vo výnimočnej zľave pre seba, pre firmu alebo blízkeho. V tomto termíne sa kurz realizovať NEBUDE, slúži iba ako termín pre objednávku. Na objednaný kurz Vám bude vystavený prenosný poukaz a môžete sa prihlásiť (alebo ho použiť ako darček) na ktorýkoľvek GARANTOVANÝ termín v roku 2025. Kurzy je možné absolvovať PREZENČNE v učebni, alebo formou ONLINE NAŽIVO. Tešíme sa s vami, že ste objavili kurz v takejto fantastickej zľave. Ponáhľajte sa s objednávkou, počet miest je limitovaný a nezabudnite si pozrieť celú čertovskú ponuku – 95 kurzov v zľavách. Objednaním tohto termínu kurzu súhlasíte s podmienkami čertovskej ponuky.
začína modulom: Tvorba, programovanie webstránok I.

denný kurz
15.01.2025
od stredy v Bratislave
Vladislav Ladický Vladislav Ladický
viac
1 029,00 €
1 234,80 € s DPH
začína modulom: Tvorba, programovanie webstránok I.

denný kurz
15.01.2025
od stredy živý online kurz
Vladislav Ladický Vladislav Ladický
viac
1 029,00 €
1 234,80 € s DPH
Poznámka: Online skupinový živý kurz - tento termín budeme realizovať online, ako živý kurz, to znamená, že nemusíte nikam fyzicky chodiť. Učivo v kurze vás naučíme do vašej pracovne, obývačky alebo firmy. Realizovať sa bude v malej skupine v našej virtuálnej učebni, kde naživo uvidíte a budete počuť lektora, uvidíte jeho prezentáciu a on taktiež uvidí vašu prácu a pracovnú plochu. Pri výuke môžete aj vy používať mikrofón a kameru. Pripojenie je jednoduché a nebudete pre výuku potrebovať žiadny špeciálny software, postačí internetový prehliadač.
začína modulom: Tvorba, programovanie webstránok I.

večerný kurz
05.03.2025
od stredy v Bratislave
Vladislav Ladický Vladislav Ladický
viac
1 029,00 €
1 234,80 € s DPH
začína modulom: Tvorba, programovanie webstránok I.

večerný kurz
05.03.2025
od stredy živý online kurz
Vladislav Ladický Vladislav Ladický
viac
1 029,00 €
1 234,80 € s DPH
Poznámka: Online skupinový živý kurz - tento termín budeme realizovať online, ako živý kurz, to znamená, že nemusíte nikam fyzicky chodiť. Učivo v kurze vás naučíme do vašej pracovne, obývačky alebo firmy. Realizovať sa bude v malej skupine v našej virtuálnej učebni, kde naživo uvidíte a budete počuť lektora, uvidíte jeho prezentáciu a on taktiež uvidí vašu prácu a pracovnú plochu. Pri výuke môžete aj vy používať mikrofón a kameru. Pripojenie je jednoduché a nebudete pre výuku potrebovať žiadny špeciálny software, postačí internetový prehliadač.
Lektori uvedení pri kurzoch budú s najväčšou pravdepodobnosťou termín kurzu aj prednášať. Lektor sa však pri termíne kurzu môže zmeniť v prípade choroby, obsadenia alebo zmeny kurzu v danom termíne.

Učebná osnova balíka
Balík frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap

Tento kurz je balíkom 8 kurzov, jeho osnova sa preto skladá z čiastkových osnov jednotlivých kurzov.

Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP

Úvod do problematiky tvorby www stránok

  • Čo je webová stránka? Ako sa dostane na môj počítač?
  • HTTP, HTTPS, FTP - protokoly v praxi protokol na prenos HTML
  • Čo je web a webserver?
  • Princíp tvorby webových stránok
    • Chcem si napísať obyčajný textový dokument, ale aby bol pekný
    • Potrebuje obsah - HTML
    • Vizuál - CSS
    • A interaktivitu - JavaScript, PHP
  • História HTML 4.01, XHTML, HTML5, www a web server
  • Trendy vo výrobe webových stránok
  • Editory na tvorbu webových stránok - porovnanie
  • Práca s programom na tvorbu a editovanie stránok: Notepad2, Brackets, Sublime Text, Atom a VS Code

Práca so súbormi

  • Základné prípony web stránok
  • Uloženie stránky
  • Otvorenie stránky
  • Otvorenie a uloženie súboru, otvorenie v prehliadači, znovu načítanie stránky
  • Optimalizácia klávesovými skratkami
  • utf-8 alebo ako na jazykovú sadu a jazyk web stránky

Základné princípy značkovacieho jazyka HTML

  • Základné príkazy a vkladanie HTML kódu do stránky
  • Ako sa vytvára webová stránka
    • !DOCTYPE
    • priznáme sa s verziou
    • hlavička stránky - meta údaje pre znakovú sadu, jazyk a titulok
    • telo stránky
    • štábna kultúra - správne odsadzujme náš kód
  • ako písať HTML príkazy
    • čo je to príkaz - element
    • čo je to atribút
  • Párové, nepárové značky a správne uzatváranie značiek
  • Formátovanie textu, B I U STRONG EM a BR
  • Nadpisy H1 - H6
  • Čiara HR
  • Práca s odstavcami - P
  • Vnáranie značiek do seba - ako spravím tučný a šikmý text?
  • Práca s oddielmi - DIV
  • Obrázky - IMG
    • vkladanie obrázkov
    • typy používaných obrázkov
    • používanie obrázkov ako pozadia
    • popisovanie obrázkov - ALT atribút
  • Zadávanie ciest k súborom
    • Relatívna cesta - na našej doméne
    • Absolútna cesta, URL - mimo našej domény
  • Hypertextové odkazy - A
    • textové odkazy
    • obrázkové odkazy
    • odkaz na e-mail
    • odkaz na stránku mimo našej domény
    • absolútna cesta odkazu
    • relatívna cesta
    • odkazy na iné súbory - na stiahnutie
    • odkaz na inú časť tej istej stránky
      • PDF
      • dokumenty Microsoft Word a Microsoft Excel
      • obrázky
      • iné
  • Zoznam UL OL LI
    • číslovaný
    • odrážkový
    • využívame zoznam na tvorbu navigačného menu
  • Tabuľky TABLE TR TH TD
    • zápis
    • používanie
    • tvorba záhlavia, riadkov, buniek
  • Rámce a iframe - IFRAME
  • Iné HTML tagy
  • HTML parametre, ktoré sa nepoužívajú
  • HTML tagy, ktoré sa nepoužívajú

Moderné princípy web stránok a príkazy jazyka HTML5

  • rozdiely medzi verziami HTML
  • prístupnosť
  • sémantické elementy a správna štruktúra web stránky

Základy a princípy jazyka CSS

  • história CSS jazyka a verzie CSS 1, 2 a CSS 3
  • Tvorba moderných webových stránok, využívanie CSS na zadávanie štýlu
    • oddelenie grafiky od textu
  • Ako CSS vkladáme do stránky?
    • priamy štýlopis - Nie je to veľmi dobré, ale keď musíš, tak musíš
    • STYLE v hlavičke súboru - Lepšie, ale predsa len ...
    • externý súbor - ideálne
    • merné jednotky - percentá, PX, EM a REM
    • vkladanie CSS štýlu
      • selektory v CSS jazyku
      • priamy štýlopis
      • CSS zápis priamo v HTML súbore
      • CSS zošit
      • nanášanie cez identifikátor
      • nanášanie štýlu cez triedu - class
  • preberanie referenčnej CSS príručky
  • CSS selektory
    • Na čo slúžia?
    • Ako sa píšu?
      • Selektor podľa HTML značky
      • Selektor podľa triedy - class
      • Selektor podľa identifikátora - ID
  • textové efekty
    • farba písma
    • typ písma
    • tučné, šikmé, zarovnané vpravo, na stred, do bloku, riadkovanie
    • práca s fontom
    • štýly písma
    • ostatné CSS príkazy
  • Bližšie vysvetlenie jednotiek v CSS - px a %
  • Farby v CSS - pomenovaná farba, RGB model, hexakód
  • Zápis fontov v CSS , možnosti, ake nemám daný font
  • práca s pozadím - farba alebo obrázok
    • Obrázok na pozadí ako kachličky
    • Obrázok na pozadí ako veľká fotka
  • práca obrázkami na pozadí
  • práca so zarovnávaním
  • Vrátenie sa k HTML - delíme našu stránku na oddiely/škatule - DIV
  • Všetko je škatuľa - box model a vlastnosti veľkosti, odsadenia a obrysy objektov
    • šírka a výška HTML elementov
    • Pretekanie obsahu
    • Odsadenie z vnútra - padding - niekedy nafukuje (box-sizing)
    • Odsadenie z vonku - margin
    • Rámček/bordúra dookola
  • Zarovnáme škatule vpravo a na stred?
  • nanášanie CSS jazyka priamo na elementy a atribút STYLE
  • Praktický príklad: Tvoríme svoju prvú hotovú webovú stránku
    • Tvoríme rozloženie: stredový stĺpec s 3 oddielmi - hlavička, menu a obsah
    • Prepájame stránky odkazmi
    • nastavujeme menu
    • tvoríme štruktúru
    • vytvárame obsah
    • nastavujeme vzhľad cez CSS štýl
    • vytvárame a vkladáme grafiku
    • kopírujeme stránku a linkujeme menu
    • editujeme obsah podstránok
  • FTP a domény, publikujeme webovú stránku
    • aký webhosting budeme potrebovať, aké sú možnosti na trhu
    • akú doménu si zvolíme
    • aké programy používame na kopírovanie cez FTP
    • registrujeme si bezplatný webhosting a stránku kopírujeme na webový server

CSS štýly a grafika na web stránkach:

  • CSS selektory - optimalizujeme náš CSS kód
    • Kombinujeme selektory - selektor dietaťa (>), selektor potomka (medzera)
    • Viac selektorov pre jednu definíciu (,)
    • nanášanie CSS jazyka NIE priamo
    • selektor - názov HTML tagu
    • selektor - názov triedy
    • selektor - identifikátora
    • selektor - rodič a potomok
  • Tvoríme ďalší príklad a novú hotovú webovú stránku
  • Upravujeme webstránku s novými CSS efektami
    • nastavujeme menu, tentokrát vyžívame zoznam
    • tvoríme novú grafiku
    • nanášanie vlastností cez identifikátor
    • nanášanie štýlu cez triedu - class
    • tvoríme viacstĺpcový design stránky alebo aj navigácia v riadku
    • ukladáme 2 odstavce vedľa seba - vlastnosť float
    • pracujeme s relatívnymi pozíciami
    • upravujeme obsah

Tvorba dynamických webov a JavaScript a PHP začiatočník:

  • Čo je dynamický web?
  • Dynamickosť na strane servera a klienta - jazyky PHP a JavaScript
  • JavaScript
    • Beží lokálne - môj počítač mení stránku
    • Čo JavaScript môže a čo už nie
    • Ako a kde JavaScript zapisujeme?
    • Základný princíp: akcia - reakcia: kliknem a niečo sa zmení
    • Pravidlá syntaxe a zápis - ukážka
  • PHP
    • Beží na serveri - iný počítač mi mení a tvorí HTML kód
    • Stránky sa skladajú dynamicky - po kúskoch ako lego
    • Čo je to Apache?
    • Čo môže robiť PHP?
    • Ako a kde zapisujeme PHP?
    • Pravidlá syntaxe a zápis - ukážka
    • Ukážka príkazov echo a include

Odborná diskusia s lektorom

  • Trendy vo vývoji HTML a CSS jazyka
  • responzívny webdesign a mobilné aplikácie, CSS grid
  • Aké webové stránky sa ľuďom páčia
  • Aký typ grafiky si zvoliť
  • Webhosting, ceny, služby, prieskum trhu
  • Domény, registrácia, možnosti
  • Diskusia s účastníkmi

Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign

Zopakovanie HTML tagov, ktoré budeme potrebovať

  • práca s textom
  • práca s odstavcami
  • Obrázky a odkazy
  • Zoznamy a tabuľky
  • oddiely a časti webstránky
  • obrázky a pozadia
  • odkazy
  • nástroje pre vývojára alebo DEVELOPERS TOOLS v prehliadači

Nové HTML Elementy

  • Čo sú sémantické elementy? W3 štandard
  • Aký majú význam značky STRONG, EM, INS, DEL, ADDRESS, ABBR, BLOCKQUOTE, CITE?
  • Blokové sémantické elementy - HEADER, FOOTER, NAV, ASIDE, ARTICLE, SECTION, MAIN
  • Prerobíme DIVká na stránke na sémantické elementy

Grafika na webstránkach

  • na čo sa používajú obrázky
  • kedy sa používajú obrázky pozadia
  • rozdelenie grafických formátov
    • rastrové
      • JPG
      • png8 a png24
      • PNG
      • GIF
      • Animácie
    • Vektorové - SVG
  • použite grafických formátov - na čo je ktorý formát vhodný
  • kde nájdem vhodnú grafiku? - fotobanky, platené/zadarmo, ikony
  • obrázky a legislatíva
  • Úprava rastrových obrázkov
    • Šetríme prenosové pásmo, zrýchľujeme stránku pomocou obrázkov vhodnej veľkosti a kvality
    • Vhodná veľkosť - orezanie obrázku online služby/Photoshop
    • Optimalizácia kvality - online služby/Photoshop
  • Prečo je vektorová grafika budúcnosť webu?
    • SVG je bratranec HTML
    • SVG formát

Zopakovanie CSS jazyka

  • CSS I., CSS II. a CSS III.
  • Syntax
  • zápis CSS štýlu
    • priamo
    • Štýl v HTML súbore
    • externý súbor
    • výhody / nevýhody
  • Selektory
    • Podľa HTML značky
    • Podľa triedy - class
    • Podľa identifikátora - ID
    • Kombinácie selektorov (child selector a descendant selector)

CSS pokročilý

  • Nové jednotky na veľkosť - em, rem
    • Aká je základná veľkosť fontu? Čo je 1em?
    • Rozdiely em a rem a ich využitie - prístupnosť
  • Využitie nových fontov na stránke
    • Google fonts
    • Prečo je font-weight udaná v číslach?
    • @font-face direktíva na vkladanie vlastných fontov - čo obsahuje?
    • Vložíme si manuálne do stránky nový font (z 1001fonts/dafont)
  • Definície a volanie farieb
    • Nové definovanie farieb s priehľadnosťou - rgba(), hsl(), hsla()
    • hexakód a priehľadnosť - podpora nových vecí prehliadačmi: caniuse.com
  • Margin, padding - komplexnejší príklad
    • Dvoj, troj a štvorhodnotový zápis margin a padding
  • Problémy pri box modeli - margin collapse,  box-sizing
  • Niekedy je lepšie použiť padding ako margin a naopak
  • Pre kontorlu použijeme DEVELOPER TOOLS v prehliadači
  • CSS reset - keď prehliadač robí napriek
  • Spravíme si jednoduchý reset pre box-sizing, využijeme selektor všetkého (*)

Pozíciovanie - CSS vlastnosť position

  • Static - to, čo doteraz
  • Relative - relatívne voči originálnemu miestu
  • Posúvame veci left, right, top a bottom
  • Fixed - fixne na obrazovku
  • Absolute - najkomplikovanejšie ale najpoužívanejšie

Vlastnosť display a viditeľnosť v CSS

  • Keď chcem elementy skrývať
  • Meníme blokovitosť a riadkovitosť
  • Spravíme si riadkové menu
  • Prekresľujeme z príkladov
    • základom je aby po kurze účastníci vedeli kopírovať vizuálne vzhľad z predlohy a vedeli to vytvoriť a zapísať do HTML a CSS kódu, preto je súčasťou kurzu aj nácvik prekresľovania obrázku stránky do HTML a CSS aj nasledujúce cvičenia:
      • prekresľovanie rôznej grafiky do HTML a CSS
      • kontrola a vyhodnocovanie
      • zapracovanie šablóny do webstránky
  • Záverečná diskusia a priestor na otázky

Tvorba, programovanie webstránok III. - expert HTML a CSS, pokročilé selektory, médiá a formuláre

Pokročilé CSS vlastnosti a selektory

  • Vyskakujúci podzoznam - finta s :hover a display,
  • kombinátor selektorov  - súrodenci (+, ~)

Moderné formátovanie tabuliek

  • CSS vlastnosti - border, border-collapse, border-spacing, vertical-align
  • Zafarbenie riadkov na preskačku - selektory :first-child, :nth-child(), :last-child

Fonty a ikonky

  • HTML entity (napr  ) a iné akože ikonky
  • Emoji
  • Fonty s ikonami na stránke, Font Awesome, Glyphicons, …
  • Pseudo-element selektory ::before a ::after a CSS vlastnosť content

Pozadie stránky - rozšírené

  • Farebné prechody v pozadí - linear-gradient(), radial-gradient()
  • Viacnásobné pozadia
    • Pozícia: background-position
    • Obrázky, priehľadné textúry, filtre
    • gradienty

Médiá a videá na stránke

  • Kedysi Flash, dnes už nie
  • Vkladáme video z Youtube/Vimeo
  • AUDIO element a jeho SOURCE
  • VIDEO element
  • Atribúty controls, autoplay, muted, loop
  • Podporované formáty - mp3, mp4, ogg
  • Video ako pozadie stránky

Formuláre na stránke

  • Čo je formulár? (FORM)
  • Ako sa posielajú dáta? - atribút METHOD
    • Aké sú možnosti?
    • Aké výhody má GET? - URL ma dostane priamo na n-tú stránku
    • Aké výhody má POST - dáta idú skryto
  • Element INPUT
    • Atribúty TYPE, NAME, VALUE
    • Bežné typy inputov -
      • TEXT, PASSWORD a atribút MAXLENGTH
      • Prečo máme HIDDEN?
      • RADIO - pozor na name a value atribúty
      • CHECKBOX - atribút CHECKED
      • SUBMIT, RESET - nepoužijeme radšej BUTTON element?
      • FILE - atribút ACCEPT pre výber typu súboru, atribút MULTIPLE
    • Nové typy inputov - COLOR, DATE, EMAIL, NUMBER, RANGE
    • Nové atribúty - MIN, MAX, PLACEHOLDER
    • Atribút PATTERN - definovanie vlastného inputu
    • Podpora nových inputov
    • Kde si môžem skontrolovať podporu HTML a CSS vlastností? - caniuse.com
    • Náhrada - jQuery UI datepicker,...
  • Element SELECT + OPTION - výber rôznych hodnôt
  • Element DATALIST - našepkávač hodnôt
  • Element TEXTAREA
  • Element LABEL a spravenie prístupnejšieho formulára
    • Použitie atribútu TABINDEX
  • Element FIELDSET a LEGEND - rámčekovanie nášho formulára
  • Validácia formulárov prehliadačom
    • Atribúty REQUIRED, READONLY, DISABLED, ACCEPT

Formátovanie formulárov

  • Selektor podľa atribútu [type], [type=xyz]
  • Pseudo-class selektory - :required, :disabled, :read-only, :checked, :focus
  • Prefixované CSS vlastnosti  -moz-, -webkit-
  • Špecificita selektorov - čo určuje, ktorý selektor sa uplatní?
  • Upravíme si formulár pomocou nových selektorov a vlastností
    • orámujeme inputy, odsadíme a otieňujeme
    • Uplatníme nové selektory a vlastnosti

Prechody a animácie

  • CSS vlastnosť transition
    • aplikujeme na :hover selektor
    • Postupná zmena
      • Čo sa má zmeniť?
      • Trvanie
      • Omeškanie
      • Prechodové funkcie
        • Ease
        • Linear
        • Ease-in
        • Ease-out
        • Ease-in-out
        • steps
        • Cubic-beziere
      • Viaceré prechody
    • Spravíme si animované tlačidlo
  • CSS vlastnosť transform - Geometrické transformácie
    • Otáčanie - rotate
    • Škálovanie - scale
    • Skosenie - skew
    • Posun - translate
  • CSS vlastnosť animation
    • Čo môžem animovať a čo nie? - animatable
    • @keyframes pravidlo
    • Animujeme ako film - postupnosť zmien
    • Trvanie, omeškanie a prechodové funkcie ako transition
    • počet opakovaní
    • Smerovanie
    • Fill-mode
    • Pozastavenie animácie

Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie

Úvod do responzívneho webdizajnu:

  • Responzívny web dizajn
    • Čo to je?
    • Prečo to robíme?
    • Dnes už nutnosť - rozšírenie mobilných zariadení
    • Fluidný design - používame percentá
    • Adaptívny design - cielime zariadenia
    • Responzívny design - cielime obrazovky
      • mobil
      • tablet na výšku
      • tablet na šírku
      • počítač
      • FHD/4k monitory
    • Iné varianty - m.doména - slabé SEO
  • Prakticky robíme responzívnu stránku
    • Mobile first prístup
    • Metaznačka viewport
    • CSS pixel
    • Nastavenie bodov zalomenia - koľko ich treba?
    • Dôležitá je pohodlnosť pre užívateľov
    • float vs. display vs. tabuľky
    • pozície v CSS jazyku a spoľahlivosť rozmerov

Media:

  • @media knižnice pravidláalebo keď "@" zmení celý web
    • čo sú to @media knižnice pravidlá
    • keď ide JavaScript bokom
    • príkazy podmienky @media - max-width, min-width, orientation, ...
    • podpora prehliadačov
  • Responzívne obrázky
    • Veľká obrazovka - veľký obrázok, malá obrazovka - malý obrázok
    • Problém s rôznymi veľkosťami
    • Problém s umeleckým dojmom obrázku - art direction
    • Rôzne veľkosti obrázkov, ako na to?
    • Atribúty SRCSET a SIZES
    • Čo je jednotka “w”?
    • Media podmienky
    • Úprava obrázkov

Rozloženie stránky pomocou Flexbox:

  • Čo je flex layout?
  • Podpora prehliadačov
  • Elementy už nie sú len block a inline
  • Flex-rodič a flex-deti
  • Flex smerovanie a zalamovanie
  • Vieme zarovnávať horizontálne ale aj vertikálne
  • Vycentrovanie elementu v kontajneri na 3 riadky
  • Order - premiestňujem elementy v CSS
  • Aká je veľkosť mojich elementov?
  • Width nefunguje - flex-basis
  • Funguje max-width a min-width
  • Zväčšovanie a zmenšovanie - flex-grow a flex-shrink
  • Spravíme si galériu obrázkov

Rozloženie stránky pomocou Grid:

  • Čo je grid layout?
  • Podpora prehliadačov
  • Grid rodič - kontajner, grid dieťa
  • Čiary a trate v grid rozložení - stĺpce a riadky
  • Grid-template - delíme našu mriežku
  • Používame veľkosti alebo názvy čiar
  • CSS funkcie REPEAT, MINMAX, FIT-CONTENT
  • CSS jednotka FR
  • Grid-area - definovanie plôch mriežky
  • Grid-gap - medzery v našej mriežke
  • Align a justify - zarovnávanie
  • Implicitná a explicitná mriežka - grid-auto
  • CSS hodnota dense
  • Elementy mriežky - CSS hodnota SPAN
  • Spravíme si stránku novín

Praktické cvičenia na kurze:

  • prerábanie jednoduchej šablóny na responzívnu
  • lektor dodá grafické zadanie - obrázok s popisom veľkosti
  • prekresľovanie šablóny
  • kontrola lektora počas vypracúvania
  • účastníci budú prekresľovať aspoň grafické návrhy, ktoré budú vopred pripravené
  • kontrola a vyhodnocovanie
  • Prekresľovanie šablóny za pomoci FLEX a GRID rozloženia

Tvorba, programovanie webstránok V. - jQuery, interaktivita a úvod do JavaScriptu

  • Pohľad na modernú webstránku
    • Dnes využívané technológie
    • HTML5 a podpora JavaScriptu
    • Vývoj jazyka JavaScript
    • Podpora prehliadačov
    • Čo všetko dnes vieme spraviť na webe?
  • Píš menej, urob viac – jQuery
    • Čo je to knižnica jQuery?
    • Ako sa v jQuery programuje?
    • Čo budeme potrebovať?
    • Nástroje na ladenie skriptov
    • Dostupnosť a verzie
    • Výhody a nevýhody
    • Čo sa robí cez jQuery a čo pomocou CSS a HTML5?
  • Pripájame do stránky jQuery
    • Aktuálna verzia
    • Podpora IE
    • Čo je to plná verzia a čo jQuery min?
    • Stiahneme si jQuery lokálne, alebo máme použiť CDN?
    • Prvý príklad
  • Predstavme si dôležité možnosti a funkcionality
    •  Funkcie
    •  Prístup k objektom
    •  Animácie
    •  Interaktivita
  • Začíname programovať v JavaScripte s pomocou jQuery
    •  Elementy, selektory a atribúty
    •  Objektový model dokumentu – DOM
    •  Vlastné selektory a pozičné selektory
    •  Vyberáme a pristupujeme na objekty cez
      • Názov
      • Atribút
      • Triedu
    •  Prvé príkazy: .html, .text, .css, .hide, .show, .toggle, .addClass
    •  Syntax „jazyka“
    •  Ostatné selektory: všetko, tagy v tagoch, podľa obsahu, podľa potomkov, podľa atribútov, ...
    •  Tagy podľa hodnoty atribútu a iné
    •  Pozičné selektory v praxi – tabuľky a zoznamy
    •  Pracujeme s DOM
      • Zabudnime na onclick = “moja funkcia();“ – máme niečo lepšie!
      • Skrývame a odkrývame na jeden klik
      • CSS ešte efektívnejšie
  • Nový selektor - Hľadáme texty :contains
  • jQuery a udalosti
    •  Čo sú to udalosti?
    •  Priame nanášanie udalostí – eventuality
    •  Prepojenie eventualít a jQuery
    •  Obsluha udalostí
    •  Obsluhujeme selecty a sledujeme hodnoty
    •  Zväzujeme udalosti .on
      • Zisťujeme pozíciu kurzora
      • Zisťujeme informácie o objektoch
      • .mouseenter vs. .mouseover
      • Ostatné udalosti: mousedown, mouseup, mouseleave
      • Nanášame na objekt viac udalostí
      • pageX a pageY
    • Obsluhujeme klávesnicu
      • Sledujeme stlačené znaky
      • Kontrolujeme vstupy
      • Focusin, focusout
  • Efekty za pár sekúnd
    • Neprogramujme – používajme
    • CSS vlastnosti display a opacity
    • Show, hide, toogle, fadein, fadeout a vlastnosť duration
    • Slideup, slidedown, slidetoogle
    • Pokročilé grafické efekty a animácie
  • .animate a jej vlastnosti
  • jQuery a vstavané AJAX funkcie
    •  Z čoho sa skladá AJAX?
    •  Využívanie $.ajax
    •  Čítame externý obsah bez nutnosti refreshu celého prehliadača
    •  Jednoduchý príklad – hodiny
    •  Tvoríme záložkový AJAX systém
    •  Spracovávame hodnoty z formulára cez AJAX
    •  Rozdiel medzi požiadavkami POST a GET
    • metóda .load
  • Programujeme a tvoríme praktické príklady
  • Diskusia

JavaScript I. - programovanie a základy jazyka

Čistý JavaScript

  • Úvod do jazyka
  • História
  • Podpora prehliadačov
  • Čo vlastne JavaScript vie
  • Čo s JavaScriptom neurobíme

Začíname programovať

  • Ukážka skriptu
    • Kde JavaScript píšem?
    • Do HTML, externý súbor
    • Ako JavaScript využijem? - Reagujem na udalosti
    • Čo sú udalosti - eventuality?
    • HTML atribúty on***
    • Nájdenie elementu - funkcia getElementById
    • Zmeníme text - vlastnosť innerHTML

Syntax jazyka

  • Spôsob zápisu a syntax
  • Premenné a spôsob zápisu
  • Rozdelenie premenných na privátne, lokálne
  • Poznámky a komentáre
  • Typy premenných
    • Číslo
    • Text
  • Čo s nimi môžem robiť?
    • Matematika +, -, *, /
    • Spájanie textov +
  • Konštanty
  • Objekty
  • Zápis premenných do textu, resp. do stránky

Výpis na obrazovku

  • Alert
  • Document.write
  • InnerHTML
  • console.log
  • Rozdiely

Funkcie

  • Čo je funkcia?
  • Funkcia - kamarát, ktorý pracuje za nás
  • Tvorba funkcií
  • Zápis funkcie
  • Parametre funkcie - žiadny alebo niekoľko
  • Výstup funkcií - return
  • Spravíme si konvertor jednotiek

Podmienky

  • Podmienka IF
  • Operátory - porovnávanie hodnôt
    • Pravdivostné hodnoty
    • >, >=, <, <=, ==, ===, !=
  • Praktické príklady
  • AND a OR alebo keď jedna podmienka nestačí
  • Negatívna časť podmienky - časť ELSE
  • ELSE IF
  • Podmienka SWITCH
  • Praktické príklady

Cykly

  • Problematika cyklov
  • Využívanie cyklov
  • Cyklus for
    • syntax
    • Využitie
    • Operátor ++
    • praktický príklad
  • Cyklus While
    • syntax
    • využitie
    • praktický príklad
  • metód poľa Foreach
    • syntax
    • vyžitie
    • praktický príklad
  • Zastavenie cyklov - break
  • Riadiaca premenná

Polia

  • Rôzne hodnoty v jednom balíku
  • Index začína od nuly
  • Vlastnosť “length”
  • “Poľoidné” hodnoty z funkcií getElementsByClassName, getElementsByTagName a querySelectorAll

Nástroje prehliadača

  • Konzola
  • Chyby v JS a ich ladenie
  • Sledovanie programu krok za krokom

JavaScript II. - JSON a dáta, pokročilé možnosti a konštrukcie jazyka

  • Opakovanie

    • hľadanie v DOM

    • eventy - na čo môžme reagovať

    • čo môžme meniť

    • ukazka zmeny na viacerých elementoch

    • Dátové typy a operácie s nimi

    • funkcie

    • Podmienka If

    • Cykly For a While

  • Objekt

    • Čo je objekt?

    • Iný druh poľa - pomenované prvky

    • Bodková notácia vlastností

    • Objekt window, document

    • Vlastnosti môžu byť aj funkcie

  • Funkcie v objekte

    • Zápis funkcie ako vlastnosti objektu - function expression

    • Vlastnosť “this”

  • vstavané objekty a čo s nimi môžeme robiť

    • Math

      • Zaokrúhľovanie

      • generovanie náhodného čísla

    • Number

      • Konverzia z textu na číslo - parseInt, parseFloat

    • String

      • Hľadanie v texte - includes, indexOf, replace

      • Orezávanie textov - split, slice, trim

    • Date

      • Získanie dátumu

      • Manipulácia - počítanie s dňami, mesiacmi, rokmi

    • Spravíme si formulár s úrokovou kalkulačkou

  • Funkcie, ktoré voláme spätne - callback funkcie

    • Zbavíme sa on*** atribútov

    • Použijeme “počúvadlo na udalosti” s callback funkciou - addEventListener()

    • Anonymné callback funkcie - píšeme ako obyčajné parametre

    • Udalosť nahratia celej stránky - DOMContentLoaded

    • Parameter event pre callback funkciu

    • Reagujeme na stlačenie kláves - event.which

    • Reagujeme na pozíciu myší - event.clientX, event.clientY

    • Vybublávanie udalostí - preventDefault(), stopPropagation()

    • Spravíme si jednoduchú hru

  • Polia s callback funkciami

    • Array.forEach

    • Array.map

    • Array.filter

  • JSON

    • Spôsob zápisu JS objektov

    • porovnanie s XML

    • využitie

    • Objekt JSON a metódy parse() a stringify()

  • AJAX

    • Čo to je? - zmením stránku bez refreshu

    • Aké typy requestov môžeme robiť? - GET, POST

    • Objekt XMLHttpRequest

    • Na čo musíme počkať? - state

    • HTTP Status kódy

      • Dobré - 20x

      • Presmerovania - 30x

      • Zlé - 40x, 50x

    • Reagujeme, keď prídu údaje

    • Reagujeme, keď nastane chyba

    • Úloha - spravíme si menovú kalkulačku, údaje stiahneme AJAXom z NBS

  • DOM manipulácia

    • Vytváranie elementov - createElement()

    • Vkladanie do stránky - appendChild()

    • Vyberanie a náhrada - removeChild(), replaceChild()

    • Úloha - spravme si vlastný datePicker

  • Knižnice na uľahčenie programovania

    • Nevymyslame znova koleso

    • jQuery, lodash

Bootstrap I. pre začiatočníkov - responzívny HTML, CSS a JS framework

  • Čo je Bootstrap
    • Čo je responzivita a prečo mať stránky responzívne.
    • Prečo Bootstrap - ako mi pomôže s responzivitou.
    • Bootstrap a podpora prehliadačov.
  • Ako Bootstrap použiť
    • Stiahnutie a "inštalácia"
    • Minimálna šablóna.
    • Ošetrenie kompatibility.
  •  Ako je Bootstrap delený
    • CSS - na vylepšenie a skrášlenie obsahu - písma, farby, zarovnanie a pod
    • Komponenty -Na logické združenie obsah a pridelenie významu - skupiny tlačítok, upozornenia a pod
    • JavaScript - Na oživenie obsahu - "kolotoče", "harmoniky", "vyskakovacie okná" a pod. 
  •   Tvoríme Bootstrap (responzívnu) stránku
    • Návrh -Čo je "mobile first".
    • Prečo a ako deliť obsah do blokov už pri návrhu.
    • Tvorba štruktúry
    • Povinná štruktúra stránky
    • Kontajnery
    • Riadky
    • Bloky
  • Práca s blokmi
    • Čo je responzívna sieť - responsive grid
    • Vnáranie blokov 
  • Pomocné triedy
    • Odsadzujeme / posúvame bloky - offset
    • Meníme poradie blokov - pull, push
    • Skrývame/zobrazujeme bloky - hide, show
    • Riešime problémy s nerovnakou výškou blokov - clearfix
  • Vkladáme menu
    • Vyberáme typ menu
    • Práca s navigačnými záložkami - nav tabs
    • Práca s navigačnými tlačítkami - nav pills
    • Práca s navigačným panelom - nav bars
  • Vkladáme obsah
    • Text    
    • Nadpisy
    • odseky
    • Skratky
    • Citácie
    • Zoznamy
    • Tabuľky
    • Formuláre
    • Obrázky
    • Videá
  •   Formátujeme obsah bez vlastného CSS
    • Vylepšujeme textové prvky
    • Vylepšujeme tabuľky
    • Vylepšujeme obrázky
    • Vylepšujeme videá
  • Vkladáme komponenty
    • Ikony - glyphicons
    • Tlačítka - buttons
    • Panely - panel, well, jumbotron
    • Stránkovanie - pager
    • Upozornenia - alert
    • Ukazatele priebehu - progress bar
  • Oživujeme obsah
    • Rozbaľovacie tlačítka - dropdowns
    • Vyskakovacie okná - modals
    • Potvrdzovateľné upozornenia
    • Záložkový systém pre obsah - tabs
    • Kolabovateľný obsah - accordion
    • Kolotoč obrázkov - carousel
    • Riadková a bloková pomoc pre obsah - tooltip, popover 
  • Testujeme stránku
  • Ako ďalej - beyond bootstrap
  • Úprava Bootstrap
  • Vylepšenia Bootstrap
  • Material design
  • Podpora tém
  • Hotové komponenty
    • Hotové príklady
    • Zdroje informácií
    • Iné frameworky

Výstupné vedomosti po kurze / školení:

Naši lektori tohoto kurzu - zistite, kto Vás bude učiť

Ondrej Krumlovský
Ondrej Krumlovský
Hodnotenie lektora 98,08% spokojnosť

Ondrej je frontendový programátor s bohatou praxou. Spolupracoval aj na významných medzinárodných projektoch, kde získal cenné skúsenosti. Jeho vášňou sú digitálne médiá a grafika, ktorej sa tiež profesionálne venuje. Rád sa delí o svoje skúsenosti s účastníkmi na kurzoch torby web-stránok a programovania.
Vladislav Ladický
Vladislav Ladický
Hodnotenie lektora 97,70% spokojnosť

Vlado je špecialista na programovanie a počítače v globále. Je to veľmi vzdelaný odborník asi v každej počítačovej oblasti. Vie programovať v množstve jazykov, rozumie počítačovým sieťam a linuxovým OS. Jeho najväčšia špecializácia je moderný web design a jazyky HTML, CSS, JavaScript, PHP, jQuery, Node JS a iné moderné webové technológie.
Čertovská ponuka
Čertovská ponuka
Tento čertík neučí kurzy - je príznakom našej čertovskej akcie. Pri termíne, kde je tento lektor sa termín kurzu realizovať NEBUDE, slúži iba ako termín pre objednávku. Na objednaný kurz vám bude vystavený prenosný poukaz a môžete sa prihlásiť (alebo ho použiť ako darček), na ktorýkoľvek GARANTOVANÝ termín v budúcom roku 2025.

Posledné komentáre účastníkov, ktorí už absolvovali tento kurz

Kurz Frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap od roku 2008 u nás absolvovalo už približne 57 účastníkov. Hodnotenia a reakcie sa zobrazujú iba z vyplnených hodnotení od roku 2014.
zobrazených komentárov: 50 z celkového počtu 430 priemerné hodnotenie: 98,80%
Zuzana S.
04.12.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: JavaScript I. - programovanie a základy jazyka
Za najkladnejsie hodnotim, ze lektor sa venoval ziakom aj individualne, v pripade ak mali otazky. Ja som napr. online zdielala moju obrazovku a nasledne ma lektor navigoval k odstraneniu chyb. Najprv som si nebola som si ista online kurzom, vsak mozem skonstatovat, ze bol rovnako plnohodnotny ako pri osobnej ucasti.
Tomáš H.
18.11.2024

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
V prípade problému alebo akýchkoľvek nezrovnalostí nemal problém pomôcť a vysvetliť, velice ochotný lektor
Peter K.
13.11.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
M.
21.10.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter P.
04.10.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Tomáš M.
19.09.2024

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Matej M.
17.09.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Martin N.
09.09.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Tomáš M.
09.09.2024

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Stanislava D.
07.09.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Matej M.
06.09.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter K.
05.08.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter P.
04.08.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Eva P.
01.08.2024

hodnotenie lektora:
100%
Vladimír Šimo, PhD.
lektor kurzu Vladimír Šimo, PhD.
lektor kurzu
Nikola D.
31.07.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign
velmi obohacujuci kurz, pan Ladicky je naozaj profik ochotny cokolvek vysvetlit a pomoct. Dakujem!
Maroš K.
29.07.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter P.
19.07.2024

hodnotenie lektora:
100%
Vladimír Šimo, PhD
lektor kurzu Vladimír Šimo, PhD
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Dobrý úvod do problematiky. Lektor bol ochotný a prívetivý. Není čo vytknúť. Výučba prebiehala podľa očakávania.
Lucia G.
07.06.2024

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Lucia G.
07.06.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Stanislava D.
28.05.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Myron M.
19.04.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Martin K.
19.04.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: JavaScript I. - programovanie a základy jazyka
Kurz splnil moje požiadavky. Ochotný vysvetliť učivo aj mimo tém. Promptné vyriešenie problému cez telefón.
Peter K.
18.04.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Zuzana R.
16.04.2024

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter K.
08.03.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Lektor bol príjemný, ochotný čokoľvek vysvetliť (zopakovať) v prípade potreby alebo ďalších otázok.
Myron M.
05.02.2024

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Tünde S.
18.10.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Richard H.
18.10.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Ondrej S.
26.09.2023

hodnotenie lektora:
95%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Ľuboš B.
22.09.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Martin M.
13.09.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
David K.
13.09.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Tatiana M.
08.09.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Lektor bol skvelý. Veľmi dobre komunikoval, jasne, zreteľne a hlavne pomalšie oproti ostatným lektorom. Viackrát sa snažil zopakovať veci, ktoré neboli jasné.
Martin M.
08.09.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Ladislav M.
24.08.2023

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Peter K.
15.08.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Martina S.
18.07.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Adam T.
17.07.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign
Kurz bol prezentovaný veľmi zaujímavou formou. S pánom lektorom Ladickým sme testovali pokročilé funkcie a príkazy css a javascript. Každá otázka či nejasnosť bola zodpovedaná. Pán Ladický bol milý a ohľaduplný voči začiatočníkom. Všetko vedel dopodrobna vysvetliť. Mal som ho aj na prvom kurze a určite by som ho mal rád aj na ďalšom. Som vďačný vašej spoločnosti za možnosť bezplatne sa zúčastniť mnou zvolených kurzov v rámci projektu nestrať prácu - vzdelávaj sa. Ponúkaných kurzov je nespočet takže si vie každý vybrať to svoje.
Peter K.
16.07.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Regina J.
05.07.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Som veľmi spokojná s lektorom, prednášal veľmi zrozumiteľne. Súvislosti ktoré som potrebovala vedieť mi “docvakli” ? ďakujem
Dominik D.
04.07.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Denis N.
04.07.2023

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Skvelý kurz pre začiatočníkov. Velmi dobrý lektor, aj keď som už mal nejaké vedomosti jeho vysvetlenie do hlbky pre pochopenie uplných zakladov mi veľa veci objasnilo.
Miroslav B.
04.07.2023

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Vyborné. Spokojnosť s lektorom aj s obsahom kurzu. S lektorom veľká spokojnosť, vysvetlil, keď bolo treba, pýtal sa ako stíhame. Trošku problém na mojej strane Mac v porovnaní s windovs rozhraním, kedy určité veci neboli kompatibilné... ale vyriešili sme :-). Pochválim lektora, spokojnosť.
Slavomír I.
27.06.2023

hodnotenie lektora:
95%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Robert I.
24.06.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
Kurz bol výborne zvládnutý nielen po obsahovej stránke, ale aj po pedagogickej .Oceňujem nielen odborné, ale aj pedagogické schopnosti pána Ladického, ktorý nielenže dokáže úžasne vysvetľovať , ale má aj svätú trpezlivosť. Určite k nemu pôjdem na nejaký další, alebo opakovací kurz . Lektor, pán Ladický má tri schopnosti, ktoré sa zriedkavo dajú nájsť u jednodho človeka sučastne.Je to schopnosť odborne rozumieť danej problematike, dar vysvetľovať /učiť a nakoniec sú to osobnostne kvality ako napr. trpezlivosť, snaha pomôcť a motivovať .Málokedy sa vyjadrujem v superlatívoch, ale v tomto prípade je to na mieste. Určite všetkým odporúčam hodiny u pána Ladického, je to dobre investovaný čas aj peniaze .
Timotej B.
27.05.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie
Ondrej ničím neprekvapil v pozitívnom slova zmysle. Vysvetlil nám podrobne všetko a ochotne zodpovedal na všetky doplňujúce otázky, ktoré sme mali. Veľmi oceňujem, že do vysvetľovania zapájal aj nás s poznatkami z predošlých kurzov. Ďakujem. S Ondrejom som mal kurzy o HTML a CSS od úplného začiatku a som veľmi spokojný s jeho prístupom. Učí nás všetko s dôrazom na to, čo je aktuálne a čo sa využíva. Samozrejme je vždy ochotný počkať, dovysvetliť, ak máme nejaké otázky, no zároveň držať tempo tak, aby sme zbytočne nezastali pri triviálnom probléme. Som rád, že si robím kurz práve u vás. Je fajn mať lektorov, ktorí sú ochotní, ústretoví a priateľskí. No predovšetkým odborníci, ktorí vedia svoje vedomosti dostať zrozumiteľne k nám.
Martina S.
18.05.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Júlia P.
18.05.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu


U nás si nekupujete iba kurz,
ponúkame Vám komplexné vzdelávanie

Ak nám na niečom naozaj maximálne záleží, tak je to Vaša spokojnosť a tej sa sanžíme všetko prispôsobiť. Nechceme Vám ponúknuť iba kurz, na ktorý prídete a odídete, ale už 9 rokov ponúkame komplexné a garantované vzdelávanie.
V cene tohto kurzu máte nasledovné výhody:
garancia spokojnosti, ak nebudete spokojný, vrátime Vám peniaze
tento kurz môžete zadarmo opakovať po absolvovaní
v cene kurzu máte materiály a písacie potreby
špičkové, moderné učebne a kvalifikovaní lektori z praxe
bohaté občerstvenie, kvalitná káva, čaje, voda a rôzne nápoje


Máte otázky, alebo sa chcete prihlásiť?

Získajte ďalšie informácie ohľadom počítačového kurzu Balík frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap a zavolajte nám, alebo nám napíšte nám správu cez kontaktný formulár.

Sme tu pre Vás od 8:00 do 20:00
poradenstvo, objednávky a informácie: 02/4920 3080
e-mailový kontakt: info@itlearning.sk


Zaujal Vás tento počítačový kurz? Chcete sa prihlásiť na kurz a potrebujete pomôcť? Chcete sa poradiť pred nástupom na kurz s lektorom? Radi Vám zodpovieme Vaše otázky ohľadom kurzu Balík frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap, prihlásime Vás na kurz, alebo Vám poradíme vybrať si vhodné metodické riešenie pre Vás alebo Vašu firmu.
Aktuálna akcia na IT kurzy a počítačové a marketingové kurzy v Bratislave