Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap

Webový vývojár JUNIOR
HTML, základy PHP, JavaScript, jQuery a Bootstrap

Balík toto je balík 6 kurzov
cena kurzov Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap
cena kurzov v balíku
pri kúpe kurzov
samostatne je
1 039,00 €
1 246,80 € s DPH
zľava kurzu Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap
týmto balíkom kurzov
ušetríte oproti kúpe
kurzov samostatne až
289,00 €
346,80 € s DPH
cena balíka po zľave
konečná cena balíka
všetkých kurzov
po zľave je
750,00 €
900,00 € s DPH
Dĺžka balíka kurzov
dĺžka balíka kurzov
13 dní
Hotnotenia kurzu / počítačového školenia
hodnotenia účastníkov
priemerne 97,73 %
Miesto kurzu
Miesta otvorených kurzov:
Bratislava - centrum

Anotácia, popis kurzu:

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

Staňte sa webovým vývojárom a naučte sa vytvárať moderné a responzívne webové stránky od základov. Tento komplexný kurz vás prevedie základnými technológiami webového vývoja, ako sú HTML a CSS, a pripraví vás na prácu s JavaScriptom, jQuery a Bootstrapom. Získate tiež úvod do PHP, ktorý vám umožní začať s programovaním serverových stránok a dynamickým obsahom.

V rámci kurzu sa naučíte základy HTML a CSS, ktoré sú kľúčové pre štruktúrovanie a dizajnovanie webových stránok. Porozumiete, ako vytvoriť kompletnú webovú stránku od základov až po jej publikáciu online. JavaScript vás naučí, ako pridávať interaktivitu na webové stránky a dynamicky manipulovať s obsahom. Budete schopní vytvárať interaktívne prvky a využívať možnosti jazyka na tvorbu dynamických aplikácií. S jQuery získate znalosti o efektívnej manipulácii s DOM a vytváraní interaktívnych efektov a animácií, čo zjednoduší a zrýchli vývoj vašich webových projektov. Vďaka Bootstrapu sa oboznámite s tvorbou responzívnych a moderných dizajnov, ktoré sa prispôsobujú rôznym zariadeniam a veľkostiam obrazoviek. Naučíte sa, ako používať tento populárny front-endový framework na rýchle a efektívne vytváranie krásnych webových stránok. Úvod do PHP vám poskytne základné poznatky o serverovom programovaní a tvorbe dynamických webových stránok. Naučíte sa základy skriptovacieho jazyka, ktorý je často používaný na vývoj webových aplikácií.

Tento kurz je ideálny pre začiatočníkov, ktorí chcú začať kariéru v oblasti webového vývoja, ale aj pre tých, ktorí si chcú rozšíriť svoje znalosti a zručnosti v moderných webových technológiách. Je vhodný pre všetkých, ktorí majú záujem o tvorbu interaktívnych a vizuálne príťažlivých webových stránok a aplikácií.
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

Učebná osnova balíka
Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap

Tento kurz je balíkom 6 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 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

Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap od roku 2008 u nás absolvovalo už približne 0 úč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 400 priemerné hodnotenie: 98,90%
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
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
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 .
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
Monika K.
16.05.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
Stručne vysvetlené. Lektor bral ohľad a pekne pomaly všetko vysvetlil do detailu. Milý, ochotný.
Veronika P.
22.04.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Miroslav K.
22.04.2023

hodnotenie lektora:
95%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Absolvoval/a: Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign
Lektor nám všetko vysvetlil a uviedol aj zaujímavé príklady z bežného života programátora, ktoré boli poučné. Lektor nám vždy ochotne pomohol a vysvetlil čo sme nevedeli. Jeho prístup bol ukážkový a určite sa ešte prihlásim na jeho ďalší kurz. Zo začiatku bolo tempo trochu rýchlejšie, ale neskôr som si na to už zvykol.
František l.
12.04.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Ivana K.
11.04.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
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 Webový vývojár JUNIOR - HTML, základy PHP, 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 Webový vývojár JUNIOR - HTML, základy PHP, 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