Balík webdesignér - frontend developer a backend programátor a vyvojár

Balík webdesignér
frontend developer a backend programátor a vyvojár

Balík toto je balík 13 kurzov
cena kurzov Balík webdesignér - frontend developer a backend programátor a vyvojár
cena kurzov v balíku
pri kúpe kurzov
samostatne je
2 298,00 €
2 757,60 € s DPH
zľava kurzu Balík webdesignér - frontend developer a backend programátor a vyvojár
týmto balíkom kurzov
ušetríte oproti kúpe
kurzov samostatne až
135,00 €
162,00 € s DPH
cena balíka po zľave
konečná cena balíka
všetkých kurzov
po zľave je
2 163,00 €
2 595,60 € s DPH
Dĺžka balíka kurzov
dĺžka balíka kurzov
29 dní
Hotnotenia kurzu / počítačového školenia
hodnotenia účastníkov
priemerne 97,68 %
Miesto kurzu
Miesta otvorených kurzov:
Bratislava - centrum

Anotácia, popis kurzu:

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

Tento profesionálny balík kurzov Vás je určený pre úplných začiatočníkov v oblasti tvorby a programovania web stránok. Prevedie Vás na našich kurzovch jazykmi ako HTML, CSS, JavaScript, jQuery, PHP a MySQL od základov po ich pokročilejšie možnosti. Tento balík je ideálny pre záujemcov o prácu na pozíciu fuul stack web programátora a developera a obsahuje všetky potrebné kurzy, ktoré ponúkame v tejto oblasti na to, aby sa z Vás stal webdeveloper - programátor webstránok profesionál.
Hodnotenie kurzu
Peter Bačinský
lektor kurzu
Tatiana P.  - hodnotenie kurzu: 100%
Velmi prakticke a prinosne skolenie, lektor pokryl nevyhnutne zaklady pre pracu s SQL Skuseny lektor, je vidiet, ze sa danej teme venuje, sharoval prakticke priklady. -
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
2 163,00 €
2 595,60 € 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
2 163,00 €
2 595,60 € 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
2 163,00 €
2 595,60 € 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
2 163,00 €
2 595,60 € 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
2 163,00 €
2 595,60 € 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 webdesignér - frontend developer a backend programátor a vyvojár

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

PHP I. - základy programovania a tvorba dynamických skriptov

Úvod do webových technológií

  • Terminológia
  • Fungovanie webových serverov a klientov
  • Frontend a backend
  • Jazyky používané pri tvorbe webových stránok a aplikácií

Vývojárske prostredie

  • Prehľad software
  • Inštalácia do počítača

Základná syntax jazyka PHP

  • Výpis textu na obrazovku
  • Poznámky
  • Práca s úvodzovkami a s apostrofmi
  • Kombinácia HTML a PHP

Premenné, konštanty

  • Čo je to premenná?
  • Dátové typy
  • Polia
  • Konštanty
  • Objekty

Podmienky a cykly

  • Logické výrazy
  • Konštrukcia if a jej možnosti
  • Logické spojky
  • Ternárny operátor
  • Konštrukcia switch
  • Konštrukcia match
  • Čo je to cyklus?
  • Cyklus for
  • Cyklus while
  • Cyklus do-while
  • Cyklus foreach

Funkcie

  • Čo je to funkcia a na čo slúži?
  • Návratové hodnoty funkcií
  • Vstupné parametre funkcií
  • strict_types
  • Ako funkcie používať a ako ich nepoužívať?

Prepojenie PHP a HTML

  • Praktické cvičenie - príprava HTML stránky a dvoch podstránok
  • Prepojenie HTML a PHP
  • Využívanie príkazov include a require
  • Práca s formulármi v PHP

Formuláre a ich spracovanie

  • HTTP metódy
  • Formulárové prvky v HTML
  • Upload súborov na server
  • Bezpečnosť formulárov

Práca so súbormi

  • Ukladanie súborov z formulára
  • Čítanie a zápis do súborov
  • Práca s formátom CSV

Webhosting

  • Ako sa pripojiť na webhosting?
  • Ako nahrať webstránku na webhosting?
  • Nastavenia webhostingu

Diskusia, otázky

  • Zhodnotenie získaných poznatkov
  • Diskusia s lektorom
  • Otázky účastníkov

PHP II. pre mierne pokročilých - úvod do objektového programovania

  • Úvodná diskusia
  • Nastavenie Apache servera a PHP jazyka
    • najčastejšie problémy v praxi
    • na čom “bežia” moje web stránky
    • čo môžem nastaviť a čo je pevné
    • nastavenia Apache prakticky: stránky typu 404 a errordocument, port, vykonávané dokumenty a procesy server, listovanie adresára, prístup do adresára a zakázanie prístupu, httpd.conf alebo .htaccess
    • základné Nastavenie PHP
    • ako môžem meniť nastavanie servera – PHP.ini alebo ini_set
  • Tvorba nových funkcií a bezpečnosť cez require
    • tvorba nových funkcií
    • parametre funkcií
    • výroba nových funkcií
    • Return alebo vracanie hodnôt
    • Include vs. require
  • Superglobálne premenné SESSION a COOKIE
    • čo je to SESSION
    • kde je uložené
    • ako sa prehliadač kontaktuje so serverom
    • registrácia SESSION premenných
    • vkladanie a čítanie dát do SESSION
    • registrácia PHP SESSION ID a kradnutie hodnoty
    • Cookie premenné
    • bezpečnosť COOKIE premennej
    • registrácia cez set_cookie
    • platnosť SESSION a COOKIE premennej
    • tvorba praktického príkladu
  • Práca s Emailom
    • posielanie emailu cez funkciu mail
    • posielanie emailu s hlavičkou
    • nastavanie emailu
    • posielanie prílohy
  • Serverové premenné
    • SERVER a jeho premenné
    • čo vieme o návštevníkovi
  • Tvorba praktickej aplikácie – programujeme štatistiku návštevnosti
  • Pokročilá práca so súbormi
    • tvorba adresárov
    • čítanie celého súboru
    • mazanie súborov
    • bezpečnosť súborov
  • HTTP hlavička
    • funkcia HEADER aj jej možnosti
    • názov skriptu
    • ako funguje HTTP hlavička a prehliadač
  • Dynamické generovanie dokumentov Obrázky, Word, Excel
    • ako fungujú dynamické dokumenty
    • princíp Word dokumentov
    • princíp Excel dokumentu
    • generovanie obsahu a tvorba dokumentov s dynamickými dátami
    • tvorba obrázkov alebo GD2 knižnica
    • jednoduchý príklad na obrázky alebo ako vytvoriť capcha obrázok
  • Bezpečnosť PHP skriptov
    • čitateľnosť
    • prípony
    • chybové hlášky
    • postupy hackerov
    • ako sa brániť
    • logovanie a sledovanie udalostí
    • Inlcudovanie za podmienky
    • vykonávanie za podmienok
    • adresáre pre skripty, pre súbory, obrázky a pre obsah
  • Zabezpečenie formulárov alebo XSS útok v praxi
    • základné zabezpečenie
    • čo je to XSS útok
    • ako sa brániť
  • Hashovanie a heslovanie – MD5
  • Úvod objektového programovania
    • čo je to objekt
    • rozdiel medzi objektom a funkciou
    • tvorba nového objektu
    • použitie objektu
    • rozdiel medzi funkciou a objektom
    • používanie a praktické cvičenia
  • Objekty v praxi – tvoríme PDF dokument
    • zakladáme objekt PDF
    • používame objekt PDF
    • vkladáme dáta
    • referenčná príručka a príkazy pre PDF knižnicu
    • exportujeme PDF
  • Úvod do problematiky SQL databáz
    • čo je to SQL databáza
    • MySQL a pripojenie pomocou objektu
    • objektové pripojenie cez MySQL
    • čítame dáta na obrazovku
  • Diskusia

PHP III. pre pokročilých - komunikácia s MySQL a tvorba databázových riešení

  • Keď sa povie databáza
    •  súbory vs. databáza
    •  architektúra databázy
    •  rozdiel medzi MySQL a Mária DB
    •  dotazovanie
    •  porty
    •  dáta
  • SQL jazyk
    • čo je to SQL
    • skúška SQL dotazu
    • základné dotazy nad databázou
    • odpovede servera
    • rozdelenie príkazov
  • Návrh databázy
    • čo je to databáza
    • čo je to tabuľka
    • čo sú to dáta
    • návrh jednoduchého databázového riešenia
    • kľúče a identifikátory a tvorba ID stĺpcov
    • relačná VS. Plošná schéma
  • Dátové typy alebo tvorba novej tabuľky
    •  stĺpce alebo riadky
    •  čísla, texty, dátumy a ostatné dáta
  • Tvorba databázy a úvod do programu PHP My Admin
    •  spustenie programu
    •  prihlásenie sa do programu
    •  používatelia a účty
    •  tvorba novej databázy
    •  tvorba tabuliek a štruktúry
    •  výroba novej tabuľky na základe zadania
  • SQL dotazy, ktoré budeme potrebovať
    •  select
    •  insert
    •  update
    •  delete
    •  klauzuly WHERE a ORDER
  • PHP a konektivita
    •  pripojenie sa na SQL server
    •  starý systém funkcia MySQL connect a nové objektové riešenia
    •  MySQL
    •  spúšťanie dotazov
    •  vyberanie výsledkov
    •  zobrazovanie na obrazovke
  • Vkladanie dát
    •  vkladáme dáta cez PHP My Admin
    •  tvorba PHP formulárov
    •  príkaz insert z PHP
  • Výpis dát na obrazovku
    •  výber dát cez fetch_array
    •  cyklus while
    •  balík údajov
    •  výpis na obrazovku
    •  odkazy a akcie
  •  Ako na akcie
    •  mazanie dát z obrazovky
    •  úprava dát alebo editácia
  • Prvé databázové riešenie – kniha návštev
    •  vyrobíme tabuľky
    •  vyrobíme formulár
    •  pridáme logiku a kód pre formulár
    •  vypíšeme výsledky
    •  kontrolujeme kód
  • Zoraďovanie a triedenie dát
    •  limity a stránkovanie
    •  radenie cez order
    •  filtrácia cez where alebo keď chceme iba niektoré záznamy
  • Tvorba druhej komplexnej databázovej aplikácie – knižnica krok po kroku
    •  návrh tabuliek
    •  tvorba tabuliek
    •  tvorba stránok
    •  tvorba formulárov
    • programovanie logiky
    • výpis dát do skriptov
    • manipulačné skripty na úpravu a mazanie dát
    • kontrola
  • 1. Samostatná úloha – jednoduchý internetový obchod
  • 2. Samostatná úloha – správa používateľov
  • jSON dáta alebo keď PHP s Echom nevládzu
    •  čo sú to jSON dáta
    •  vstavané funkcie PHP
    •  konvertovanie dát z MySQL do jSON
    •  výpis jSON dát cez JavaScript vs. dáta cez PHP
    •  ukážka v praxi
  • SQL inekcie a bezpečnosť dotazov
    •  bezpečnosť v praxi
    •  čo je to inekcia
    •  ako sa brániť
    •  kontrola dotazov
    •  PDO objekt a funkcie execute a prepace alebo budúcnosť bezpečného dotazovania
  • Diskusia

MySQL a SQL jazyk I. - inštalácia, správa, úvod do databáz a SQL programovanie

  • Úvod do databáz a SQL
    •  čo je to databáza
    •  čo je to databázový server
    •  čo je to SQL
    •  rozdiely medzi platformami alebo ako sa vo svete SQL a databázových riešení vyznať
  • Základné pojmy v prostredí databáz a SQL servera
    • databáza
    • relačná databáza
    • databázový server
    • tabuľka
    • pole
    • záznam
    • relácia
    • funkcia
    • dotaz
  • Úvod do databáz MySQL
    • možnosti inštalácie
    • inštalácia
    • základné nastavenie
    • spustenie MySQL servera
    • prihlásenie na MySQL server lokálne
    •  prihlasovanie sa na sieťový server
  • Databázové schémy
    •  ako sa tvorí návrh
    •  spôsob kreslenia návrhov
    •  ako sa vo svete databáz premýšľa
    •  odkladanie dát a správne triedenie
    •  databázové štruktúry a schémy
    •  plošná schéma
    •  relačná schéma
  • Úvod do jazyka SQL
    • čo je to SQL
    • databázové platformy SQL a ich rozdiely
    • základná syntax jazyka SQL
    • všeobecné príkazy pre prácu s MySQL serverom
    •  rozdelenie SQL príkazov
  • Dátové typy
    •  Čo sú to dátové typy
    •  rozdelenie dátových typov
    •  preberanie a prehľad dátových typov
  • SQL konzola
    •  Práca s konzolou
    •  logovanie záznamov
    •  práca s oknom
    •  opakovanie príkazu
    •  vkladanie príkazov
    • delimiter
  • Vytváranie dátovej štruktúry
    • vytváranie databáz, príkaz CREATE DATABASE a USE
    • vytváranie tabuliek, príkaz CREATE TABLE
  • Modifikácia dátovej štruktúry
    • úprava databáz, príkaz ALTER DATABASE
    • mazanie databáz, príkaz DROP DATABASE
    • úprava tabuliek, príkaz ALTER TABLE
    • mazanie tabuliek, príkaz DROP TABLE
  • Modifikácia dát v tabuľkách
    • vkladanie dát do tabuliek - príkaz INSERT
    • úprava dát v tabuľkách - príkaz UPDATE
    • mazanie dát z tabuliek - príkazy DELETE, TRUNCATE
  • Výber dát z tabuliek
    • úvod do práce s príkazom SELECT
    • horizontálne a vertikálne filtrovanie záznamov
    • zoraďovanie výberu - ORDER
    • výber unikátnych záznamov
    • výber určitého počtu záznamov LIMIT
  • Import dát
  • SQL transakcia
  • Zálohovanie dát
  • Webový prístup cez PhpMyAdmin
    • spustenie programu
    • práca s programom
      • prehľad obrazovky
      • výber tabuliek
      • výber databáz
      • práca s dátami
    • pracovné prostredie
    •  tvorba nových databáz
    •  tvorba nových tabuliek
    • práca s dátami
    • import
    •  export
    •  SQL príkazy
  • Heidi SQL – inštalácia a používanie
  • Tvorba praktických príkladov
  • Diskusia

MySQL a SQL II. - pokročilé SQL, relačné databázy a Workbench

  • Opakovanie a diskusia
  • Čo sú to dátové relácie
  • Dôvody používania relačných vzťahov
  • Vytváranie relačnej dátovej štruktúry
    • typy relácií
    • 1:1, 1:N, M:N
    • vytváranie relačných tabuliek
    • spôsob prepájania a logika tvorby tabuliek
    • práca s indexami
    • kľuče
    • práca s unikátnymi indexami
  • praktické príklady a cvičenia relácií
  • Nové tabuľky na základe dát
    •  Pohľadové tabuľky – VIEW
    •  čo sú to pohľady
    •  správa pohľadov
    •  zobrazenie dotazu nad pohľadom
    •  mazanie pohľadov
    •  Nové tabuľky na základe SELECTov
  • Výber z viacerých tabuliek naraz
    • príkaz JOIN
    • spôsoby vnorených dotazov
    • SELECT z viacerých tabuliek za použitia WHERE filtrovania
    • INNER
    • LEFT
    • RIGHT
    • optimalizácia dotazu
    • úvod do technológií ladenia dátovej štruktúry
    • práca s indexami
  • Praktické príklady
    •  knižnica
    •  e-shop
  • MySQL WorkBench
    •  Inštalácia
    •  spustenie
    •  tvorba sedenia a pripájanie sa k databázovým serverom
    • úvod do práce s programom
    • základné funkcie, pravidlá a prostriedky
    • práca s tabuľkami a dátami
    • administrácia servera
    • úvod do modelovania dát
    • tvorba diagramov a dátovej štruktúry podľa návrhu
    • reverzné inžinierstvo
    • ako dostať nákres do SQL jazyka
    • návrh databáz
    • tvorba tabuliek bez nutnosti programovania
    • práca s programom
  • Pokročilý výber dát z tabuliek
    • agregačné funkcie a výpočty v tabuľkách
    • základné matematické operácie, SUM, AVG, COUNT, MIN, MAX
    • dátumové funkcie
    • textové funkcie
    • šifrovacie a hashovacie funkcie
  • Mysql Dump  - záloha a obnova cez príkazový riadok
    • zálohovanie databáz
      • export dát
      • import dát
  • Praktické príklady
    • banka
    • predajňa
    • iné – podľa požiadaviek účastníkov

 

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

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

Mgr. Michal Dobšovič
Mgr. Michal Dobšovič
Hodnotenie lektora 98,49% spokojnosť

Michal je našim lektorom už od vzniku spoločnosti. Venuje sa administrácii operačných systémov Windows Server a Linux, administrácii serverových služieb, najmä SQL Server a Exchange Server a implementáciou cloudových služieb Azure a Office 365. Je držiteľom v súčasnosti najvyššej úrovne certifikácie od spoločnosti Microsoft: MCSE – Microsoft Certified Solutions Expert v oblastiach Productivity (Office 365 a Exchange Server) a Core Infrastructure (Windows Server), už od roku 2008 je držiteľom prestížneho titulu Microsoft Certified Trainer. Okrem toho pôsobí ako konzultant a externý správca serverov pre rôzne, aj nadnárodné spoločnosti. V našej spoločnosti ho môžete stretnúť na kurzoch Windows Server, SQL Server, Microsoft Exchange, PowerShell a na kurzoch počítačových sietí. Vo voľnom čase sa venuje vývoju webových aplikácií na platforme PHP, pričom sa zameriava najmä na objektové programovanie.
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.
Peter Hecht
Peter Hecht
Hodnotenie lektora 98,73% spokojnosť

Peťo je lektorom od vzniku našej spoločnosti, so špecializáciou na online marketing, reklamu, tvorbu webových stránok, WordPress, grafiku a AI - umelú inteligenciu. S viac ako 20-ročnými skúsenosťami a viac než 100 odprednášanými hodinami mesačne patrí medzi našich najskúsenejších lektorov. Ako marketingový riaditeľ a vedúci personálneho oddelenia je zodpovedný za vizuálnu podobu našich stránok. Naša webová stránka je jeho dielom, ktoré dokonale odráža jeho odborné znalosti – od každého slova, cez obrázky, až po farebné schémy. Okrem toho navrhuje, kreslí, programuje a poskytuje konzultácie v oblasti online marketingu aj pre ďalšie spoločnosti. Na svojich kurzoch ochotne zdieľa praktické skúsenosti a know-how. Prednášal tiež vybrané marketingové témy na Fakulte manažmentu UK.
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

Balík webdesignér - frontend developer a backend programátor a vyvojár od roku 2008 u nás absolvovalo už približne 521 úč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 693 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.
Miroslav G.
28.11.2024

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: MySQL a SQL jazyk I. - inštalácia, správa, úvod do databáz a SQL programovanie
všetko bolo v poriadku :) lektor prijemne vysvetloval, pomohol s otazkami všetko ok
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.
Tomáš H.
28.02.2024

hodnotenie lektora:
100%
Mgr. Michal Dobšovič
lektor kurzu Mgr. Michal Dobšovič
lektor kurzu
Absolvoval/a: PHP I. - základy programovania a tvorba dynamických skriptov
Kurz prebiehal celkovo na vysokej úrovni a rýchlym tempom. Jediná vec, ktorá mi chýbala bolo viac samostatných úloh. Avšak, s ohľadom na kvantum vecí, ktoré boli preberané je jasné, že by to inak nebolo možné stihnúť. Lektor - neskutočne namakaný vo svojom obore, pružne reagoval na všetky otázky a pripomienky, uviedol/ukázal veľa príkladov z praxe.
Myron M.
05.02.2024

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Vladimír S.
15.11.2023

hodnotenie lektora:
100%
Vladislav Ladický
lektor kurzu Vladislav Ladický
lektor kurzu
Absolvoval/a: MySQL a SQL II. - pokročilé SQL, relačné databázy a Workbench
Spokojnosť Veľká spokojnosť, štandardná a očakávaná vysoká kvalita a ochota lektora, palec hore, ďakujem. Len tak ďalej v nastavenej vysokej kvalite školení.
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
Ján R.
02.10.2023

hodnotenie lektora:
100%
Ondrej Krumlovský
lektor kurzu Ondrej Krumlovský
lektor kurzu
Peter K.
28.09.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ť.


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 webdesignér - frontend developer a backend programátor a vyvojár 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 webdesignér - frontend developer a backend programátor a vyvojár, 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