Tvorba, programovanie webstránok IV.
responzívny dizajn, media pravidlá, flex a grid rozloženie
2
môžete ušetriť až 414,00 €
ušetríte: 414,00 €
Kurzy v kategórii:
-
Balík frontend developer a webdesignér - komplexný kurz od základov HTML, CSS, JavaScript, jQuery a Bootstrap
-
Webový vývojár JUNIOR - HTML, základy PHP, JavaScript, jQuery a Bootstrap
-
Balík Webdesignér I. - programátor a designer webstránok
-
FTP, Git a GitHub - moderná práca so súbormi a s projektom, repozitárom a verziami nielen pre developerov
-
UX UI pre začiatočníkov - ako na návrh dizajnu, používateľská skúsenosť, prototypovanie a Adobe XD
-
Tvorba, programovanie webstránok I. - základy HTML a CSS, úvod do JavaScript a PHP
-
Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign
-
Tvorba, programovanie webstránok III. - expert HTML a CSS, pokročilé selektory, médiá a formuláre
-
Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie
-
Tvorba, programovanie webstránok V. - jQuery, interaktivita a úvod do JavaScriptu
-
JavaScript I. - programovanie a základy jazyka
-
JavaScript II. - JSON a dáta, pokročilé možnosti a konštrukcie jazyka
-
Programovanie moderných Web Aplikácií vo Vue.js - základy moderného vývoja a web komponenty
-
NodeJS a ES6 I. - pre začiatočníkov
-
NodeJS II. - pre pokročilých, Built-in moduly a NPM II.
-
Bootstrap I. pre začiatočníkov - responzívny HTML, CSS a JS framework
-
Balík webdesignér - frontend developer a backend programátor a vyvojár
2 dni
167,50 € bez DPH
201,00 € s DPH
skupinové: 24
nie je
priemerne 98,85 %
Bratislava - centrum
Anotácia, popis kurzu:
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.
Ondrej Krumlovský
lektor kurzu
Ondrej ničím neprekvapil v pozitívnom slova zmysle. Vysvetlil nám podrobne všetko a ochotne zodpovedal na všetky doplňujúce otázky, ktoré sme mali. Veľmi oceňujem, že do vysvetľovania zapájal aj nás s poznatkami z predošlých kurzov. Ďakujem. S Ondrejom som mal kurzy o HTML a CSS od úplného začiatku a som veľmi spokojný s jeho prístupom. Učí nás všetko s dôrazom na to, čo je aktuálne a čo sa využíva. Samozrejme je vždy ochotný počkať, dovysvetliť, ak máme nejaké otázky, no zároveň držať tempo tak, aby sme zbytočne nezastali pri triviálnom probléme. Som rád, že si robím kurz práve u vás. Je fajn mať lektorov, ktorí sú ochotní, ústretoví a priateľskí. No predovšetkým odborníci, ktorí vedia svoje vedomosti dostať zrozumiteľne k nám.
Tento kurz môžete bezplatne opakovať, ak by ste kurz nezvládli na prvý raz.
Certifikát získavate ihneď po kurze - bezplatne.
Nemusíte si k nám nič nosiť, v cene kurzu sú materiály aj občerstvenie.
Termíny a cena kurzu Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie:
Vysvetlivky a informácie
denný
denný
víkendový
víkendový
večerný
večerný
denný
denný
víkendový
víkendový
večerný
večerný
denný
denný
víkendový
víkendový
večerný
večerný
denný
denný
víkendový
víkendový
večerný
večerný
Živé online kurzy
Ako to funguje?
Vy uvidíte lektora, jeho prezentáciu, výklad a lektor uvidí vašu prácu a pracovnú plochu, aby vás mohol viesť a usmerňovať pri praktických zadaniach a príkladoch.
Pripojenie do virtuálnej učebne je jednoduché a nebudete potrebovať žiadny špeciálny software, postačí Vám internetový prehliadač. Pripojenie a technické detaily s Vami pred kurzom prekonzultuje náš pracovník a pomôže Vám pripraviť Váš počítač na online kurz. Všetky študijné materiály sú pre Vás pripravené online.
Skupinové denné termíny kurzu
Denný kurz sa realizuje v čase od 9:00 do 15:00 hod. Medzi 12:00 a 13:00 hod. je prestávka určená na obed. Počas dňa sú ešte 2 krátke prestávky na kávu, vodu, čaj a iné.
Denné kurzy sa realizujú v našich učebniach. Sú skupinové a otvárame ich už od 2 účastníkov pre maximálne 12 účastníkov (veľmi výnimočne viac), priemerný počet účastníkov na otvorených kurzoch je 4-5.
Skupinové večerné termíny kurzu
Večerný kurz sa realizuje v čase od 16:00 do 20:00 hod. Približne okolo 18:00 hod. je kratučká prestávka na kávu, vodu, čaj a iné. K dispozícii je vám aj občerstvenie v podobe croissantov, čajového pečiva, prípadne čerstvé bagety.
Večerné kurzy sa realizujú v našich učebniach. Sú skupinové a otvárame ich už od 2 účastníkov pre maximálne 12 účastníkov (veľmi výnimočne viac), priemerný počet účastníkov na otvorených kurzoch je 4-5 účastníkov.
Skupinové víkendové termíny kurzu
Víkendový kurz sa realizuje v čase od 9:00 do 14:00 hod. iba v sobotu a v nedeľu podľa počtu dní trvania kurzu. Ak má kurz viac ako 2 dni, jeho trvanie sa rozloží na viacero víkendov.
Kurzy sú skupinové a otvárame ich už od 2 účastníkov pre maximálne 12 účastníkov (veľmi výnimočne viac), priemerný počet účastníkov na otvorených kurzoch je 4-5 účastníkov.
Cez víkend sú počas kurzu 3 kratučké prestávky na kávu, vodu, čaj a iné. K dispozícii je vám aj občerstvenie v podobe croissantov, čajového pečiva, prípadne čerstvé bagety. Hodinová prestávka na obed nie je plánovaná, no pokiaľ sa skupina s lektorom dohodne na obedovej prestávke - je možná.
Individuálny kurz a jeho termíny
Okrem skupinových kurzov vám ponúkame aj individuálne kurzy či konzultácie. Termín kurzu Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie si stanovíte podľa poteby a Vášho voľného času a my sa Vám pokúsime prispôsobiť.
Cena individuálneho termínu kurzu
Cena individuálneho vzdelávania je prirodzene vyššia ako cena skupinového školenia, pretože sa naše kapacity venujú iba Vám.
Cena za individuálny kurz Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie sa odvíja aj od toho, ako veľmi máme vo Vami vybranom termíne vyťažených lektorov, od jazyka výučby, od miesta konania kurzu a od jeho formy. Cenu Vám radi zašleme na základe Vašej požiadavky.
Chcete tento kurz iba pre seba?
Nevyhovuje Vám skupinové vzdelávanie?
Aj tento kurz Vám vieme ponúknuť ako individálny. Individuálny kurz znamená, že lektor sa bude
venovať iba Vám a môžete si upravovať učebnú kurzu osnovu v rámci dĺžky kurzu podľa potreby.
Výhody a možnosti individuálneho kurzu Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie
forma kurzu: online, denná,
večerná, víkendová, iná termín kurzu: môžete si
vybrať miesto kurzu: prezenčne u nás,
u vás vo firme angličtina a nemčina za
príplatok je možná možnosť realizovať kurz
živou online formou môžete sa pýtať na
Vaše konkrétne problémy a otázky lektor sa prispôsobí Vášmu
vnímaniu a prispôsobí tempo výučby Vám lektor môže vysvetľovať a
prezentovať na Vašich príkladoch
Zaujala Vás táto ponuka?
Máte záujem o tento kurz v individuálnej forme?
Firemné uzatvorené termíny
Aj tento kurz vieme uzatvoriť a realizovať iba pre vašu firmu. Od troch účastníkov sa nemusíte zaradiť do skupín, ale pripravíme vám uzatvorený vlastný termín kurzu, ktorý si navrhnete a to kdekoľvek na Slovensku. Kurz zrealizujeme v našich počítačových učebniach alebo u vás na našich počítačoch.
Cena uzatvoreného terminu kurzu pre vašu spoločnosť
Cena sa určuje podľa miesta školenia, formy školenia a odvíja sa od počtu účastníkov a pripadnej modifikácie dĺžky alebo obsahu kurzu.
Cena za uzatvorený kurz Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie sa odvíja aj od toho, ako veľmi máme vo Vami vybranom termíne vyťažených lektorov, od jazyka výučby, od miesta konania kurzu a od jeho formy. Cenu Vám radi zašleme na základe Vašej požiadavky.
Chcete tento kurz iba pre seba a vašich kolegov?
Nevyhovuje vám otvorený kurz?
Aj kurz Tvorba, programovanie webstránok IV. - responzívny dizajn, media pravidlá, flex a grid rozloženie vám vieme ponúknuť vo forme firemného vzdelávania.
Táto forma je vhodná, ak chcete prihlásiť viac ako 6 osôb a prajete si kurz uzatvoriť iba
pre seba a pre vašich kolegov.
S termínmi kurzu sa vám prispôsobíme v maximálnej možnej miere a lektor sa bude venovať iba
vašej skupine, môžete si aj upravovať učebnú osnovu kurzu podľa potreby.
Výhody a možnosti firemného uzatvoreného kurzu
termín kurzu: môžete si
navrhnúť miesto kurzu: u nás alebo u
vás vo firme kdekoľvek na Slovesnku,
prídeme za vami aj s technikou angličtina, nemčina za
príplatok je možná možnosť realizovať kurz
živou online formou možnosť kurz skrátiť,
predĺžiť alebo upraviť osnovu kurzulektor sa prispôsobí tempu
skupinypomôžeme vám s rozdelením
účastníkov do skupin podľa úrovne prostredníctvom on-line testovkomplexné zastrešenie
vzdelávania od analýzy vedomostí a plánovania vzdelávacích aktivít, až po samotnú
realizáciu kurzovskupina od troch účastníkov: ZĽAVA 10%,
skupina od piatich účastníkov: ZĽAVA 15%,
skupina od ôsmich účastníkov: ZĽAVA 25%
skupina od 10 účastníkov na skupinu – zľava na vyžiadanie
Zaujala vás ponuka?
Máte záujem o uzatvorený kurz pre vašu firmu?
Napíšte nám Vašu predstavu a my Vám obratom zašleme nielen cenovú ponuku, ale aj referencie a profily lektorov. Môžeme Vám pripraviť aj školenie na mieru, zložiť učebnú osnovu z viacerých kurzov.
Mám záujem o vlastný termín
My sme tu v prvom rade pre Vás a ak vám nevyhovuje žiaden skupinový termín kurzu - ani denný, večerný, víkendový a dokonca ani živý online termímn, kontaktujte nás. Nájdeme pre Vás riešenie.Navrhnite si vlastný termín kurzu
U nás kurzy neotvárame podľa toho, ako to vyhovuje nám, ale v prvom rade podľa toho, ako to vyhovuje vám. Naše otvorené skupinové terminy kurzov sú predovšetkým zrkadlom vašich potrieb, teda potrieb našich zákazníkov.
Ak vám nevyhovuje žiadny skupinový termín kurzu - denný, večerný, víkendový a dokonca ani živý online kurz - napíšte nám. Preveríme možnosti a pokiaľ budeme mať voľné kapacity a učebne, Váš termín vyhlásime za verejný. Všetci sa prispôsobíme Vám.
Výhody a možnosti vlastného termínu
návrh termínu je bezplatný
od jednej osoby
pre firmy aj pre jednotlivcov
ideálna možnosť pri dlhodobom plánovaní kurzov v balíku
forma termínu: denná, večerná, víkendová, online živý kurz
obratom preverujeme naše kapacity a dáme Vám vedieť, aké sú možnosti
všetci sa prispôsobujú Vám a Vášmu kalendáru
Zaujala vás ponuka?
Máte záujem o vlastný termín kurzu?
Napíšte nám do správy Vašu predstavu a my Vám obratom odpíšeme.
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.
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ť
97,72%
spokojnosť
Posledné komentáre účastníkov, ktorí už absolvovali tento kurz
27.05.2023
hodnotenie lektora:
100%
lektor kurzu
Ondrej ničím neprekvapil v pozitívnom slova zmysle. Vysvetlil nám podrobne všetko a ochotne zodpovedal na všetky doplňujúce otázky, ktoré sme mali. Veľmi oceňujem, že do vysvetľovania zapájal aj nás s poznatkami z predošlých kurzov. Ďakujem. S Ondrejom som mal kurzy o HTML a CSS od úplného začiatku a som veľmi spokojný s jeho prístupom. Učí nás všetko s dôrazom na to, čo je aktuálne a čo sa využíva. Samozrejme je vždy ochotný počkať, dovysvetliť, ak máme nejaké otázky, no zároveň držať tempo tak, aby sme zbytočne nezastali pri triviálnom probléme. Som rád, že si robím kurz práve u vás. Je fajn mať lektorov, ktorí sú ochotní, ústretoví a priateľskí. No predovšetkým odborníci, ktorí vedia svoje vedomosti dostať zrozumiteľne k nám.
10.11.2022
hodnotenie lektora:
100%
lektor kurzu
01.08.2022
hodnotenie lektora:
100%
lektor kurzu
29.07.2021
hodnotenie lektora:
100%
lektor kurzu
17.04.2021
hodnotenie lektora:
100%
lektor kurzu
07.04.2021
hodnotenie lektora:
100%
lektor kurzu
08.02.2021
hodnotenie lektora:
100%
lektor kurzu
Vynikajúci lektor, určite si niečo u neho zopakujem. Lektor dodržiaval osnovu, časový harmonogram a zodpovedal všetky moje otázky. online kurz
05.08.2020
hodnotenie lektora:
100%
lektor kurzu
12.11.2017
hodnotenie lektora:
100%
lektor kurzu
04.05.2016
hodnotenie lektora:
100%
lektor kurzu
04.05.2016
hodnotenie lektora:
95%
lektor kurzu
09.03.2016
hodnotenie lektora:
90%
lektor kurzu
21.01.2016
hodnotenie lektora:
100%
lektor kurzu
U nás si nekupujete iba kurz,
ponúkame Vám komplexné vzdelávanie
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ť?
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.
Načítavam...
Ste firma alebo spoločnosť?
Tento kurz Vám ako firemnému zákazníkovi vieme zrealizovať nasledovnými spôsobmi:- pre jedného účastníka - môžete sa prihlásiť na otvorené skupinové termíny
- skupina od 3 účastníkov - prihláste sa do otvorenej skupiny na jeden spoločný termín kurzu, termín si môžete navrhnúť aj sami
- skupina od 6 účastníkov - navrhnite si vlastný termín a tento kurz uzatvoríme a realizujeme iba pre Vás v našich učebniach
- kurz u Vás kdekoľvek na Slovensku - prídeme za Vami s technikou a všetkým vybavením - navrhnite si vlastný termín a tento kurz realizujeme u Vás
- individuálny kurz - uzatvoríme Vám tento kurz pre jednu osobu v našich, alebo vo Vašich priestoroch
- kurz na mieru - upravíme Vám učebnú osnovu podľa Vašich potrieb prípadne tento kurz nakombinujeme s inými kurzami
Nezabúdajte, že firemným zákazníkom ponúkame pri skupinových otvorených kurzoch množstevné zľavy už od 3 osôb.
Naplánujte si tento kurz v kalendári
Porovnajte si termíny tohoto kurzu s inými kurzami. Pridajte si tento kutzdo plánovača kurzov.
Do plánovača kurzov si môžete pridať viacero kurzov a potom si z našeho hlavného menu vybrať možnosť
Plánovač kurzov. Tieto vybraté kurzy sa potom zobrazia v prehľadom kalendári, v ktorom
sa Vám bude fantasticky plánovať viacero kurzov a ich termínov naraz.
