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

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

Výhodné balíky kurzov 1
tento kurz sa nachádza vo výhodných balíkoch,
môžete ušetriť až 758,40 €
Najbližší termín
Najlepší termín kurzu víkendový kurz
07.12.2019
víkendový kurz v Bratislave
Cena: 133,50 € bez DPH
Objednať tento termín
Zobraziť všetky termíny (16)
Dĺžka kurzu / počítačového školenia
dĺžka kurzu
2 dni
Cena kurzu / počítačového školenia
cena kurzu bez zliav
133,50 € bez DPH
160,20 € s DPH
Otvorených termínov kurzu / školenia
otvorených termínov:
skupinové: 16
Zľavnená cena kurzu / počítačového školenia
lastminute zľava
nie je
Hotnotenia kurzu / počítačového školenia
hodnotenia účastníkov
priemerne 97,00 %
Miesto kurzu
Miesta otvorených kurzov:
Bratislava - centrum

Anotácia, popis kurzu:

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

Kurz responzívneho web dizajnu je učený pre všetkých, ktorí sa chcú naučiť tvoriť moderné web stránky, ktoré vyzerajú dobre aj na mobile či tablete podľa najnovších trendov. Responzívny, iným slovom „prispôsobivý“ web dizajn však nie len akýmsi módnym trendom. Vďaka Google, ktorý na mobilných zariadeniach vo vyhľadávaní začal uprednostňovať responzívne web stránky, sa stal prakticky povinným štandardom. Responzivitou je myslená schopnosť web stránky prispôsobiť sa zobrazeniu na malej obrazovke, napríklad na mobile, alebo na tablete. Takýto prístup na web stránky má v dnešnej dobe prevahu. Na mobilných zariadeniach si prezeráme web stránky častejšie, ako na stolných počítačoch, či notebookoch. A tomuto trendu je nutné sa prispôsobiť, takže je najvyšší čas aby ste či už ako začínajúci web dizajnér, alebo web dizajnér so skúsenosťami, od dnes začali tvoriť iba responzívne web stránky.

Na tomto kurze sa naučíte v prvom rade pochopiť princíp responzívneho webdizajnu a ako ho dosiahnuť. Povieme si o @media pravidle, ktoré to má všetko na svedomí a spravíme si mobilnú stránku, ktorú neskôr prispôsobíme na tablet a aj stolový počítač. Ukážeme si aj ako prispôsobiť obrázky rôznym šírkam obrazovky, aby sme ušetrili čo najviac prenesených dát. Ďalší deň nás čaká flex layout, ktorý nám umožní zopár kúskov, ktoré by sme bez neho zvládli len ťažko. A nakoniec si povieme o najnovšom systéme na rozloženie elementov na stránke - grid. To všetko za dodržania podmienky, že naša stránka zostane responzívna.

Na kurze sa očakáva, že viete porozumieť a vytvoriť HTML kód jednoduchej stránky so základným štýlovaním textu, obrázkov a rozloženia v CSS zhruba na úrovni našich kurzov Tvorba webstránok I. a II. Ideálne je rozumieť aj pokročilejšiemu CSS, ale nie je to nutnosťou.
materiály, ktoré sú súčasťou kurzu: tlačená prezetnácia / príručka v cene kurzu.
Darček ku kurzu zadarmo, webhosting a doména s pod
Hodnotenie kurzu
Ing. Ľudovít Mydla
lektor kurzu
Peter F. - hodnotenie kurzu: 95%
Veľmi dobre položené základy responźivneho designu okorenené o praktické ukážky z praxe. Žiadna nudná teória alá YouTube videá ale fundovaný a odobrný výklad nutný pre každého, kto chce tvoriť moderné web stránky.
Bezplatné opakovanie kurzu
Tento kurz môžete bezplatne opakovať, ak by ste kurz nezvládli na prvý raz.
Certifikovaný akreditovaný kurz
Sme akreditované š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

Otvorené, garantované a zlacnené termíny kurzu:

Otvorený termín

večerný
22.07. - 23.07.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

denný
12.08. - 13.08.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

víkendový
17.08. - 18.08.
od soboty v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

večerný
19.08. - 20.08.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

denný
09.09. - 10.09.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

víkendový
14.09. - 15.09.
od soboty v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

večerný
16.09. - 17.09.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

denný
07.10. - 08.10.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

víkendový
12.10. - 13.10.
od soboty v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

večerný
14.10. - 15.10.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

denný
04.11. - 05.11.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

víkendový
09.11. - 10.11.
od soboty v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

večerný
11.11. - 12.11.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

denný
02.12. - 03.12.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
Otvorený garantovaný termín

víkendový
07.12. - 08.12.
od soboty v Bratislave
133,50 €
160,20 € s DPH
Otvorený termín

večerný
09.12. - 10.12.
od pondelka v Bratislave
133,50 €
160,20 € s DPH
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.

Nevyhovuje Vám žiadny termín ani miesto?

Sme tu pre Vás aj mimo bežných otvorených termínov či už pre jednotlivca alebo pre firemné skupiny. Vieme Vám ponúknuť individuálny kurz alebo pripraviť skupinový termín podľa Vašej potreby. Vyberte si, ako Vám môžme pomôcť s termínom pre tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie.

Aktivujte si strážneho psa - posielanie nových termínov priamo na Váš e-mail

Strážny pes

Aktivovať stráženie

Otvoríme nový skupinový termín, ktorý Vám bude vyhovovať

Vlastný termín

Vyžiadať vlastný termín

Ponúkneme Vám uzatvorený termín pre väčšiu skupinu u nás alebo u Vás vo firme

Firemný termín

Mám záujem

Učebná osnova počítačového školenia
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

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

Účastníci kurzu responzívneho web dizajnu budú schopní sami tvoriť moderné šablóny a web stránky, ktoré spĺňajú najmodernejšie štandardy. Účastník kurzu bude schopný vyhodnotiť výhody a nevýhody mobilnej verzie web stánky a prípadne mobilnej aplikácie a v praxi sa orientovať na najvyššej vedomostnej úrovni v problematike moderných web stránok.

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

Vladislav Ladický
Vladislav Ladický
Hodnotenie lektora 97,34% 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.

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

Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie od roku 2008 u nás absolvovalo už približne 101 účastníkov. Hodnotenia a reakcie sa zobrazujú iba z vyplnených hodnotení od roku 2014.
zobrazených komentárov: 5 z celkového počtu 5 priemerné hodnotenie: 97,00%
Marek K.
12.11.2017

hodnotenie lektora:
100%
Ing. Ľudovít Mydla
lektor kurzu Ing. Ľudovít Mydla
lektor kurzu
Peter P.
21.01.2016

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


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

Ak nám na niečom naozaj maximálne záleží, tak je to Vaša spokojnosť a tej sa sanžíme všetko prispôsobiť. Nechceme Vám ponúknuť iba kurz, na ktorý prídete a odídete, ale už 11. rok 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 Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie 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 Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie, prihlásime Vás na kurz, alebo Vám poradíme vybrať si vhodné metodické riešenie pre Vás alebo Vašu firmu.