Kategória školenia Tvorba www stránok obsahuje kurzy: Tvorba www stránok základy Cieľom kurzu je naučiť Vás vytvárať moderné webové stránky od úplných

Kategória školenia Tvorba www stránok obsahuje kurzy: Tvorba www stránok základy Cieľom kurzu je naučiť Vás vytvárať moderné webové stránky od úplných základov. Webové technológie sú prakticky najrýchlejšie sa rozvíjajúcou technológiou vo svete IT. Pri takomto rýchlo vývoji je prirodzené, že vzniká veľké množstvo nástrojov, ktoré nás odbremeňujú od skutočných nevyhnutných znalostí k naprogramovaniu vlastných stránok. Avšak tento prístup skrýva skutočný princíp fungovania webových stránok a pri mnohých problémoch sa tieto nedajú odstrániť bez zásahu do programového kódu. Dobrá znalosť webových technológii umožňuje aj optimalizovať stránky vytvorené v niektorých CMS systémoch a takisto si vytvoriť vlastný štýl na základe znalostí kaskádových štýlov a jazyka HTML. Úvod do tvorby webstránok Význam HTML a CSS pri tvorbe webstránok Iné technológie využívané pri tvorbe webstránok Redakčné systémy (CMS) Vhodné editory HTML5 Syntax jazyka HTML, Verzie HTML Pravidlá písania HTML dokumentov Rozdiely medzi HTML4, XHTML a HTML5 Obecná štruktúra dokumentov Strom dokumentu a definovanie základných vzťahov medzi prvkami Typy a zápis HTML elementov, riadkové a blokové prvky HTML Sémantika HTML Zápis atribútov, atribúty pre jednotlivé elementy Hlavička HTML dokumentov Znakové sady a kódovania, porovnanie jednobajtového a viacbajtového kódovania Zápis atribútov HTML prvkov a hodnoty Definícia farieb Formátovanie písma a formátovacie prvky Nadpisy a vodorovné zarovnanie nadpisov Odstavce textu Hypertextové odkazy a kotvy Odrážky a číslovania, vnorené zoznamy Obrázky, vhodné grafické formáty pre webstránky Tabuľky a ich využitie pre zobrazovanie dát a pre formátovanie HTML dokumentu XHTML Syntax jazyka Pravidlá písania XHTML dokumentov Rozdiely medzi HTML a XHTML CSS Syntax a abeceda CSS Pojmy kaskáda a dedičnosť a ako ich využiť pri formátovaní Základné selektory Selektory tried Selektory identifikátorov Kombinované a rozšírené selektory 1/27 www.macrosoft.sk

Obecná priorita selektorov Pravidlá pre zvyšovanie priority selektorov Hodnoty a jednotky, relatívne a absolútne jednotky v CSS Definovanie farieb Nastavenie písma Rámový model CSS - typ Content-Box a Border-Box Výpočet rozmerov riadkových a blokových prvkov (X)HTML Okraje, výplne, orámovania 2/27 www.macrosoft.sk

Java Script, CSS, AJAX pre pokročilých Kurz Java Script, CSS, AJAX pre pokročilých je určený pre programátorov webových stránok, ktorí sa chcú naučiť pracovať s modernými technológiami. úvod do moderných technologií používaných v dnešných moderných www stránkach úvod do CSS tvorba grafických objektov základné vlastnosti CSS, prvé štýly formátovanie textu, formátovanie grafiky, práca s odstavcami využívanie tried Java Script, úvod, výhody, nevýhody premenné v Java Scripte prvé jednoduché scripty eventuality Java Scriptu možnosti prepojenia CSS - Java Script moderný web, technológia WEB2, AJAX tvorba dynamických prvkov: rolovacie menu, záložky, fotogalérie... www stránka bez nutnosti refreshu... vkladanie textu s automatickým výpisom nápovedy cykly, podmienky, polia v Java Scripte zložitejšie scripty Diskusia 3/27 www.macrosoft.sk

PHP Script - základy Kurz je vhodný pre záujemcov, ktorí už poznajú jazyk HTML a chcú sa naučiť základy programovania servera v jazyku PHP a základy komunikácie medzi serverom a klientom pri prevádzke www stránok. Úvod do PHP a Apache Server ako PHP funguje spojazdnenie PHP pre Apache server čo je to PHP, základné funkcie rozdiel oproti HTML prvá aplikácia na výpis textu na obrazovku príkaz ECHO rozdiel medzi server-side a client-side programovaním Premenné lokálne a globálne premenné ukladanie hodnôt do premenných vlastné funkcie, vstupné a výstupné premenné platnosť hodnoty premennej Vstavané funkcie význam a používanie číselné funkcie reťazcové funkcie dátumové funkcie Cykly vysvetlenie cyklov cyklus For, While, Do.. While, príklady na test cyklov Podmienky príkaz IF, ELSE IF, ELSE operátory skladanie podmienok - príkazy AND, OR Práca s formulármi formulárové prvky v jazyku HTML čítanie a zápis dát z formulára kontrola dát na strane servera výpis na obrazovku direktíva POST a GET, ich význam nahrávanie jedného a viacerých súborov na server test správneho nahratia, veľkosti a prípony súboru ukladanie súborov na serveri Záver Ftp protokol a prenos súborov na webserver diskusia 4/27 www.macrosoft.sk

Grafika pre www stránky - webdizajn Kurz Grafika pre www stránky - webdizajn je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať profesionálnu grafiku pre webové stránky. Úvod do tvorby grafiky pre www stránky Základný popis programu pre grafiku www stránok (Adobe Photoshop) Štandardy a pravidlá používané pri tvorbe grafického návrhu Správny a vhodný výber farieb pre grafiku Práca s textom a jeho použitie pri tvorbe grafického návrhu Typy a triky pri tvorbe grafických návrhov Vhodné rozloženie a rozmery pri tvorbe grafiky Práca v grafickom programe Photoshop Základná práca a popis pracovného prostredia v programe Photoshop Popis a práca s nástrojmi pre grafický návrh webu, práca s vrstvami Práca s nástrojmi určenými pre kreslenie (Farebný prechod, Štetec, Plechovka farieb..) Použitie rôznych druhov selekcie pri grafickom návrhu (Magnetické laso, Rýchly výber, Kúzelná palička...) Práca s vektorovými nástrojmi (Text, Tvary, Cesty...) Výber a použitie filtrov pre grafický návrh Rezy obrázkov pri grafickom návrhu, správne uloženie obrázkov a ich formát Export výsledného grafického návrhu Tvorba jednotlivých súčastí pri grafickom návrhu Vytvorenie grafického návrhu loga pre internetovú stránku Správna štruktúra boxíkov a ich použitie v grafickom návrhu Návrh titulnej hlavičky na webe (použitie loga a obrázku) Tvorba banneru a animácie pre internetovú stránku Tvorba ikoniek na web stránku (Nákupný košík, RSS, Užívateľ..) Tvorba faviconu pre grafický návrh stránky Vytvorenie grafických tlačidiel a celkového menu na stránku Celkové vytvorenie grafického návrhu (E-shop, Prezentačná vizitka firmy...) Diskusia a záver 5/27 www.macrosoft.sk

Adobe Flash Kurz Adobe Flash je zameraný na tvorbu efektov pre webdizajn. Oboznámenie sa s programom výhody, možnosti, použitie programu Adobe Flash rozdiel medzi bitmapou a vektorom Výklad základných parametrov pre nastavenie projektu FramePerSecond, rozlíšenie, ActionScript Práca s vektorovou grafikou tvorba segmentov modifikácia, efekty konvert Tvorba tlačítka (button) na web stránku tvarovanie typy farebných škál animovanie interaktivity Práca so zvukom Implementácia zvukov do jadra tlačítka nastavenie interaktivity Tvorba syntaxov import základných syntaxov programovacieho jazyka (preklik na web stránku) Animovanie objektov prostredníctvom movie clip Tvorba reklamného animovaného bannera práca s textom animovanie dynamiky translácie a rotácie, animovanie opacity, tvorba prekliku na požadovanú stránku Tvorba flash prezentácie práca s vektorovou grafikou animovanie maskovaných tvarov tvorba animovaných tlačítok s ozvučením a scriptovacími príkazmi s preklikom medzi stránkami v projekte Tvorba flash web stránky tvorba animovaného menu práca s hladinami vektorovej grafiky práca so syntaxami obsahujúce príkaz na preklik požadovanej web stránky interaktivita medzi stránkami práca so zvukom Diskusia a záver 6/27 www.macrosoft.sk

HTML, CSS, PHP, JavaScript základy Školenie HTML, CSS, PHP, JavaScript základy je určené pre náročnejších užívateľov - programátorov, ktorí sa chcú naučiť programovať www stránky pomocou moderných technológií. Galéria v jazyku JavaScript pridanie galérie na webstránku nastavenia zoskupovania obrázkov v galérii do skupín úprava vzhľadu galérie pomocou grafiky úprava vzhľadu galérie pomocou HTML a CSS parametre galérie pravidla obrázkov v galérií (veľkosť, rozmery, kvalita) Formulár pomocou JavaScriptu a PHP kontaktný formulár e-shop objednávkový formulár možnosti vstupov pre formulár posielanie formulára kontrola formuláru bezpečnosť formulárov Funkcie JavaScriptu pomocné funkcie pre web štruktúra JavaScriptu využitie JavaScriptu vo webstránke PHP pre web základy PHP pre web vytváranie systému šablón štruktúra PHP práca s funkciami a premennými Rolovacie menu JS pridanie rolovacieho menu na webstranku štruktúra JavaScript v rolovacom menu grafická úprava a prispôsobenie rolovacieho menu HTML úprava menu Systémový dátum a čas pridanie systémového dátumu a času na stránku Zobrazenie obrázkov v okne pomocou JavaScriptu úprava a prispôsobenie veľkosť zobrazovacieho okna pravidlá obrázkov (veľkosť, rozmery, kvalita) Diskusia a záver 7/27 www.macrosoft.sk

Tvorba www stránok pre pokročilých Kurz Tvorba www stránok pre pokročilých je určený pre záujemcov, ktorí sa chcú naučiť programovať webové stránky. HTML a CSS Úvod a popis jazyka HTML, čo je to CSS Zopakovanie najpoužívanejších HTML príkazov Spolupráca medzi jazykom HTML a kaskádovými štýlmi Princíp fungovania a možnosti uloženia www stránok na internete Základy HTML jazyka a kaskádových štýlov Základné označovanie príkazov v HTML a CSS Značky, tagy, príkazy a parametre Externé, interné a inline zadefinovanie kaskádových štýlov Základné pravidlá pri používaní kaskádových štýlov Triedy a identifikátory v CSS Zobrazovanie kódu vo webových prehliadačoch Rozdiely medzi zobrazovaniami v rôznych webových prehliadačoch Typy a triky pri kaskádových štýloch CSS Box jednotky veľkosti (px, pt, em, %) presná šírka a výška HTML elementu maximálna a minimálna šírka a výška vnútorný a vonkajší okraj, farba a štýl obrysu CSS Selektory selektory pre univerzálne a špecifické triedy selektory pre identifikátory univerzálny selektor selektory pre priamych a nepriamych potomkov súrodenecký selektor atribútový selektor formulárový selektor použitie v praxi CSS pozície statická, fixovaná, relatívna a absolútna pozícia Práca s obsahom pretečenie obsahu elementu orezanie obsahu elementu Ďalšie príkazy CSS 2.1 zmena kurzora myši (príkaz cursor) priestorová organizácia (príkaz z-index) spôsob zobrazenia (príkaz display) ukladanie elementov v rámci riadku (príkaz float a clear) pseudotriedy a pseudoelementy CSS príkazy pre tabuľky 8/27 www.macrosoft.sk

Ukážky príkazov CSS 3 priehľadnosť (príkaz opacity) okrúhle kraje elementu (príkaz border-radius) tieň elementu (príkaz box-shadow) Praktický príklad ukážka výroby www stránky s prebratými CSS príkazmi vertikálne a horizontálne menu reagujúce na pohyb myši zarovnanie textu do odstavcov obrázok v pozadí a v obsahu stránky priehľadnosť obsahu voči obrázku v pozadí 9/27 www.macrosoft.sk

SEO optimalizácia pre vyhľadávače SEO kurz optimalizácia pre vyhľadávače je určený pre všetkých majiteľov webových stránok, ktorí sa chcú naučiť optimalizovať web stránky s ohľadom na vyhľadávače. SEO optimalizácia pre vyhľadávače zabezpečí vysoké umiestnenie v dôležitých vyhľadávacích portáloch a tým značne zvýši návštevnosť stránok. SEO SEM čo je to SEO? analýza web stránky Vyhľadávače a katalógy katalógy vyhľadávače Google čo Google nedokáže Google, nájdi ma prosím! výsledky vyhľadávania Page Rank On-page faktory zdrojový kód doména URL titulky nadpisy Meta tagy obsah mapa stránok Off-page faktory Linkbuilding Linkbaiting Microsite a blogy Kľúčové slová návrh kľúčových slov Long Tail umiestnenie kľúčových slov nástroje Black Hat praktiky Prístupnosť a použiteľnosť Google Panda - hodnotenie stránok na základe rýchlosti, designu, originality Google Penguin - hodnotenie neprirodzených liniek smerujúcich na vašu stránku Google Analytics Nástroje pre SEO 10/27 www.macrosoft.sk

Odporúčaná literatúra a web stránky 11/27 www.macrosoft.sk

Joomla - tvorba www stránok Kurz Joomla - tvorba www stránok je určený pre všetkých záujemcov, ktorí sa chcú naučiť vytvárať si profesionálnu web stránku v systéme Joomla. úvod do redakčného systému Joomla, princíp fungovania, výhody redakčného systému nastavenie web hostingu pre redakčný systém Joomla: všeobecné nastavenia, PHP nastavenia, vytvorenie databázy a FTP prístupu inštalácia systému Joomla na web hosting administrátorské rozhranie systému a jeho funkcie základná konfigurácia systému Joomla pridávanie používateľov inštalácia a výmena templatov - zmena vizuálu stránky tvorba, editácia vizuálu web stránky cez úpravu templatov a CSS štýlov správa komponentov, modulov a pluginov inštalácia nových komponentov, modulov a pluginov - rozširovanie funkcií stránky správa obsahu editácia a tvorba menu editácia a tvorba článkov spájanie obsahu s menu - články, galérie, linky, formuláre zálohovanie web stránky (súbory a databáza) a obnova/migrácia zálohy Diskusia a záver 12/27 www.macrosoft.sk

Vývojár webových aplikácií Kurz vývojár webových aplikácií je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať webové stránky na profesionálnej úrovni. Akciový balík sa skladá z nasledujúcich kurzov: Tvorba www stránok základy a HTML, CSS, PHP, JavaScript základy, Kurz PHP Script - základy,kurz PHP Script pokročilý a kurz SEO optimalizácia pre vyhľadávače. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať. Galéria v jazyku JavaScript pridanie galérie na webstránku nastavenia zoskupovania obrázkov v galérii do skupín úprava vzhľadu galérie pomocou grafiky úprava vzhľadu galérie pomocou HTML a CSS parametre galérie pravidla obrázkov v galérií (veľkosť, rozmery, kvalita) Formulár pomocou JavaScriptu a PHP kontaktný formulár e-shop objednávkový formulár možnosti vstupov pre formulár posielanie formulára kontrola formuláru bezpečnosť formulárov Funkcie JavaScriptu pomocné funkcie pre web štruktúra JavaScriptu využitie JavaScriptu vo webstránke PHP pre web základy PHP pre web vytváranie systému šablón štruktúra PHP práca s funkciami a premennými Rolovacie menu JS pridanie rolovacieho menu na webstranku štruktúra JavaScript v rolovacom menu grafická úprava a prispôsobenie rolovacieho menu HTML úprava menu Systémový dátum a čas pridanie systémového dátumu a času na stránku Zobrazenie obrázkov v okne pomocou JavaScriptu úprava a prispôsobenie veľkosť zobrazovacieho okna pravidlá obrázkov (veľkosť, rozmery, kvalita) PHP Script - základy Úvod do PHP a Apache Server 13/27 www.macrosoft.sk

ako PHP funguje spojazdnenie PHP pre Apache server čo je to PHP, základné funkcie rozdiel oproti HTML prvá aplikácia na výpis textu na obrazovku príkaz ECHO rozdiel medzi server-side a client-side programovaním Premenné lokálne a globálne premenné ukladanie hodnôt do premenných vlastné funkcie, vstupné a výstupné premenné platnosť hodnoty premennej Vstavané funkcie význam a používanie číselné funkcie reťazcové funkcie dátumové funkcie Cykly vysvetlenie cyklov cyklus For, While, Do.. While, príklady na test cyklov Podmienky príkaz IF, ELSE IF, ELSE operátory skladanie podmienok - príkazy AND, OR Práca s formulármi formulárové prvky v jazyku HTML čítanie a zápis dát z formulára kontrola dát na strane servera výpis na obrazovku direktíva POST a GET, ich význam nahrávanie jedného a viacerých súborov na server test správneho nahratia, veľkosti a prípony súboru ukladanie súborov na serveri Ftp protokol a prenos súborov na webserver Selektory Vyberanie jedného alebo viacerých HTML elementov Vyberanie podľa tried, id, predkov, potomkov atď. Zoskupenie selektorov Zložitejšie hierarchické selektory Atribúty, prechádzanie DOM Manipulácia Zmena CSS v HTML elemente Zmena atribútov v HTML elemente Pridanie a ubratie HTML elementov z DOM Menenie obsahu časti stránky (obrázok, text) bez spojenia so serverom 14/27 www.macrosoft.sk

Efekty Efekty - slide, show, hide, animate Zoskupenie efektov za sebou - queue Efektné animované menu Udalosti Udalosti vyvolané myšou a klávesnicou - hover, click, keydown atď. Udalosti vyvolané v okne prehliadača Nastavenie spustenia kódu pri udalosti Premenná this Zmena štandardného správania HTML príkazu - eventpreventdefault PHP Script - pokročilý Cookies vysvetlenie COOKIES vytvorenie a zmazanie COOKIES automatické prihlasovanie pomocou COOKIES Práca so SESSION vytvorenie session, význam, bezpečnosť úvod do superglobálnych premenných, aký majú význam a využitie, práca s nimi čo je SESSION COOKIE, odlíšenie od bežného COOKIE Vysvetlenie návrhu databázy prostredie PhpMyAdmin vytvorenie databázy a tabuliek pomocou MySQL relačný databázový model Formuláre práca s formulármi kontrola a zabezpečenie formulárov Prihlasovanie užívateľov tabuľka užívateľov v MySQL prihlasovanie do systému pomocou mena a hesla šifrovanie hesla bezpečnosť v MySQL Objektovo-orientované programovanie základy OOP v PHP triedy, rozhrania, konštruktory, deštruktory, metódy, dátové členy, dedičnosť Práca s emailom funkcia mail, rozosielanie emailov použitie vlastného SMTP servera šifrovanie mailu pomocou SSL ochrana pred e-mail header injection Obrázky nahrávanie obrázkov na server zmena rozmerov obrázku po nahratí na server 15/27 www.macrosoft.sk

zobrazenie galérie obrázkov na www stránke ZIP - práca s archívom v PHP zbalenie a rozbalenie súborov Aplikácia príklad aplikácie s prihlasovaním užívateľov a vkladaním príspevkov do fóra bezpečnosť - ochrana pred cross-site scripting, SQL injection, session fixation a session hijacking 16/27 www.macrosoft.sk

Webdizajnér Kurz webdizajnér je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať efektné webové stránky. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať. Oboznámenie sa s prostredím Adobe Photoshop štruktúra, základné pojmy prostredie - popis obrazovky práca s menu, spôsob zadávania príkazov práca so súbormi, základné funkcie Bitová mapa v programe Adobe Photoshop farebnosť obrázkov formáty obrazových súborov počítačová grafika, farebné modely výber a selekcia kanály, selekcie, vrstvy a masky filtre a efekty import vektorovej grafiky vstupné a výstupné formáty Vysvetlenie grafických formátov pre www stránky normy a pravidlá pre prácu s grafikou pracovné prostredie programu Adobe Photoshop filtre a efekty práca s vrstvami Vytváranie základných prvkov pre web stránku odkazy - tlačidlá, pozadia bannery a grafika export grafiky a ukladanie grafiky tabuľky a práca s grafikou v tabuľkách v HTML hotová web aplikácia Úvod do vektorovej grafiky rozdiel medzi vektorovou a rastrovou grafikou základne vektorové grafické nástroje vysvetlenie symbolov - typ Movie Clip a Button Statický baner vytvorenie jednoduchého statického banneru práca s animáciami, časová priamka efekty animácie úprava statického banneru na animovaný publikovanie na webstránku vytvorenie grafického menu pre www stránku Diskusia a záver 17/27 www.macrosoft.sk

Joomla pre pokročilých Kurz Joomla pre pokročilých užívateľov je určený pre všetkých záujemcov, ktorí sa chcú naučiť vytvárať profesionálne portály a využívať pokročilé možnosti systému Joomla. Komponent na pokročilú správu užívateľov, vytváranie skupín používateľov, funkcionalita sociálnych sietí (nastavovanie priateľov) Podpora viacjazyčných stránok, správa prekladov, manažment jazykových mutácií Galéria obrázkov s podporou animácií cez Javascript Komponent na integráciu internetového fóra Odoberanie noviniek cez mail, alebo rss kanálom Komponenty zvyšujúce bezpečnosť Realizácia SEO v Joomle, skracovaniu URL, spravovanie polí description a title Automatické generovanie mapy stránok Pridávanie vlastných modulov pre rôzne časti stránok Diskusia a záver 18/27 www.macrosoft.sk

Responzívny webdizajn Kurz Responzívny dizajn je určený pre používateľov, ktorí už chápu základy HTML a CSS a chcú sa naučiť správne a efektívne navrhovať webstránky pre všetky typy zobrazovacích zariadení. Typy displejov, zobrazovacie možnosti Hardwarový a CSS pixel Retina displej Návrh stránky Základný koncept responzívneho dizajnu Parametre meta značky pre viewport Najčastejšie šírky stránok, body zlomu (breakpointy) Serverom-asistovaný responzívny dizajn Obrázky a responzívny dizajn Pravidlá pre responzívne obrázky Nahratie obrázku pre konkrétnu veľkosť obrazovky Bitmapové a vektorové obrázky Ako najlepšie zobraziť ikony a fotografie HTML5 príkazy CSS media query Responzívny dizajn v praxi Menu na web stránke pre rôzne šírky obrazovky Viacúrovňové menu Responzívne tabuľky 19/27 www.macrosoft.sk

PHP Script pokročilý Kurz PHP Script pokročilý je určený pre záujemcov, ktorí poznajú jazyk HTML a základy jazyka PHP a chcú si vytvoriť plnohodnotnú webovú aplikáciu s prihlasovaním užívateľov, diskusným fórom, galériou obrázkov, MySQL databázou a bezpečnostnými prvkami. Cookies vysvetlenie COOKIES vytvorenie a zmazanie COOKIES automatické prihlasovanie pomocou COOKIES Práca so SESSION vytvorenie session, význam, bezpečnosť úvod do superglobálnych premenných, aký majú význam a využitie, práca s nimi čo je SESSION COOKIE, odlíšenie od bežného COOKIE Vysvetlenie návrhu databázy prostredie PhpMyAdmin vytvorenie databázy a tabuliek pomocou MySQL relačný databázový model Formuláre práca s formulármi kontrola a zabezpečenie formulárov Prihlasovanie užívateľov tabuľka užívateľov v MySQL prihlasovanie do systému pomocou mena a hesla šifrovanie hesla bezpečnosť v MySQL Objektovo-orientované programovanie základy OOP v PHP triedy, rozhrania, konštruktory, deštruktory, metódy, dátové členy, dedičnosť Práca s emailom funkcia mail, rozosielanie emailov použitie vlastného SMTP servera šifrovanie mailu pomocou SSL ochrana pred e-mail header injection Obrázky nahrávanie obrázkov na server zmena rozmerov obrázku po nahratí na server zobrazenie galérie obrázkov na www stránke ZIP - práca s archívom v PHP zbalenie a rozbalenie súborov Aplikácia príklad aplikácie s prihlasovaním užívateľov a vkladaním príspevkov do fóra bezpečnosť - ochrana pred cross-site scripting, SQL injection, session fixation a session hijacking 20/27 www.macrosoft.sk

jquery - základy Kurz jquery - základy je vhodný pre záujemcov, ktorí už dôkladne poznajú jazyky HTML a CSS a chcú na svoje stránky pridať dynamické prvky vytvorené v JavaScripte s využitím frameworku jquery. Úvod Zopakovanie tried a identifikátorov v CSS Základy JavaScriptu - premenné, funkcie, dátové typy Objekty v JavaScripte DOM - Document Object Model Ako jquery funguje Spustenie kódu po príprave DOM - udalosť ready Usporiadanie kódu do funkcií Selektory Vyberanie jedného alebo viacerých HTML elementov Vyberanie podľa tried, id, predkov, potomkov atď. Zoskupenie selektorov Zložitejšie hierarchické selektory Atribúty, prechádzanie DOM Manipulácia Zmena CSS v HTML elemente Zmena atribútov v HTML elemente Pridanie a ubratie HTML elementov z DOM Menenie obsahu časti stránky (obrázok, text) bez spojenia so serverom Efekty Efekty - slide, show, hide, animate Zoskupenie efektov za sebou - queue Efektné animované menu Udalosti Udalosti vyvolané myšou a klávesnicou - hover, click, keydown atď. Udalosti vyvolané v okne prehliadača Nastavenie spustenia kódu pri udalosti Premenná this Zmena štandardného správania HTML príkazu - eventpreventdefault 21/27 www.macrosoft.sk

jquery pokročilý Kurz jquery pokročilý je určený pre pokročilých záujemcov, ktorí chcú hlbšie porozumieť možnostiam frameworku jquery. JQuery UI jquery UI - pokročilé možnosti a efekty Efekt zmeny farby elementu Rozšírené animačné možnosti (pulsate, shake, fold a pod.) Zmena triedy s animáciou prechodu Vlastné okná s možnosťou presúvania a naťahovania myšou Vlastný zoznam s možnosťou viacnásobného výberu Menenia poradia v zozname myšou JQuery validator jquery validator - klientská kontrola formulárov Kontrola dĺžky textu, e-mailovej adresy, minimálnej a maximálnej dĺžky Vlastná submit funkcia spustená po validácii AJAX AJAX - asynchrónne spojenie so serverom Príkazy ajax, load, get, post Typy odpovedí (HTML, JavaScript, XML, JSON) Spracovanie jednotlivých typov odpovedí Príklady využitia AJAXu - zobrazenie výsledkov prijatých zo servera, vyhľadávanie na serveri priamo počas písania textu, atď. Menenie časti stránky na základe prijatých výsledkov zo servera Spracovanie formuláru a odoslanie cez AJAX (príkaz serialize) Príklady v praxi Vlastný checkbox a radio button Dynamická tabuľka s výsuvnými položkami (accordion) Nápovedné bubliny (tooltips) zobrazené pri presúvaní myši Pokročilé dynamické animované menu s roletkami Vlastné okno s hlásením Animovaný príchod a odchod vlastného okna, stmavenie pozadia www stránky Formátovanie vlastného okna Možnosti zobrazenia textu, obrázkov a formulárov vo vlastnom okne Dynamické menenie častí okna - textu, obrázkov, tlačidiel Fotogaléria Fotogaléria na hlavnej stránke Fotogaléria vo vlastnom okne Prechody medzi obrázkami Tlačidlá pre posun na prvý, posledný, predošlý a nasledujúci obrázok 22/27 www.macrosoft.sk

Tvorba www stránok WordPress - základy Vytvorte si vlastnú webovú stránku bez nutnosti znalosti HTML a CSS. Wordpress je jedným z najjednoduchších užívateľských a zároveň najefektívnejších redakčných systémov, ktorý umožňuje jednoducho a prehľadne vytvárať jednoduché, ale i obsahovo náročné stránky či blogy. Stačí vám doména a webhosting a môžete začať vytvárať vlastné webové stránky. Začíname s WordPress - rýchla a efektívna tvorba web stránok Wordpress - blog alebo klasická webová stránka? Wordpress.com verzus Wordpress.org Inštalácia WordPress Založenie vlastnej webovej stránky Inštalácia WordPress Manuálna inštalácia WordPress Administrácia web stránky pomocou WordPress Zoznámenie s prostredím a Dashboard Nastavenie užívateľského účtu Spravovanie kategórií a tagov Pridávanie a úprava stránok pomocou WordPress Externé odkazy/linky (pridávanie, upravovanie) Správa článkov a webových stránok Vkladanie textu do článkov a web stránok Obrázky - pridávanie a úprava obrázkov Jednoduchá úprava obsahu web stránok Manuálna úprava stránok pomocou HTML Nastavenie vzhľadu webových stránok (themes) Možnosti zmeny vzhľadu web stránky pomocou Themes Vyhľadávanie a inštalácia nových WordPress Themes Využitie a používanie widgets Manuálna úprava vzhľadu webovej stránky Pridávanie nových funkcií a interaktivity pomocou pluginov Čo je to Plugin? Ako nájsť a nainštalovať plugin Populárne a užitočné WordPress pluginy Prezentujte svoju stránku - efektívny marketing SEO Optimalizácia webu vo WordPress Prelinkovanie na Social sites (napr. Twitter) Ako pomocou web stránok zarábať peniaze 23/27 www.macrosoft.sk

Web developer, web editor Kurz Web developer, web editor je určený všetkým tvorcom webových stránok, ktorí sa chcú naučiť vytvárať webové stránky na profesionálnej úrovni. Akciový balík sa skladá z nasledujúcich kurzov: Tvorba www stránok základy a HTML, CSS, PHP, JavaScript základy, Kurz PHP Script - základy,kurz PHP Script pokročilý a kurz SEO optimalizácia pre vyhľadávače. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať. Galéria v jazyku JavaScript pridanie galérie na webstránku nastavenia zoskupovania obrázkov v galérii do skupín úprava vzhľadu galérie pomocou grafiky úprava vzhľadu galérie pomocou HTML a CSS parametre galérie pravidla obrázkov v galérií (veľkosť, rozmery, kvalita) Formulár pomocou JavaScriptu a PHP kontaktný formulár e-shop objednávkový formulár možnosti vstupov pre formulár posielanie formulára kontrola formuláru bezpečnosť formulárov Funkcie JavaScriptu pomocné funkcie pre web štruktúra JavaScriptu využitie JavaScriptu vo webstránke PHP pre web základy PHP pre web vytváranie systému šablón štruktúra PHP práca s funkciami a premennými Rolovacie menu JS pridanie rolovacieho menu na webstranku štruktúra JavaScript v rolovacom menu grafická úprava a prispôsobenie rolovacieho menu HTML úprava menu Systémový dátum a čas pridanie systémového dátumu a času na stránku Zobrazenie obrázkov v okne pomocou JavaScriptu úprava a prispôsobenie veľkosť zobrazovacieho okna pravidlá obrázkov (veľkosť, rozmery, kvalita) PHP Script - základy Úvod do PHP a Apache Server 24/27 www.macrosoft.sk

ako PHP funguje spojazdnenie PHP pre Apache server čo je to PHP, základné funkcie rozdiel oproti HTML prvá aplikácia na výpis textu na obrazovku príkaz ECHO rozdiel medzi server-side a client-side programovaním Premenné lokálne a globálne premenné ukladanie hodnôt do premenných vlastné funkcie, vstupné a výstupné premenné platnosť hodnoty premennej Vstavané funkcie význam a používanie číselné funkcie reťazcové funkcie dátumové funkcie Cykly vysvetlenie cyklov cyklus For, While, Do.. While, príklady na test cyklov Podmienky príkaz IF, ELSE IF, ELSE operátory skladanie podmienok - príkazy AND, OR Práca s formulármi formulárové prvky v jazyku HTML čítanie a zápis dát z formulára kontrola dát na strane servera výpis na obrazovku direktíva POST a GET, ich význam nahrávanie jedného a viacerých súborov na server test správneho nahratia, veľkosti a prípony súboru ukladanie súborov na serveri Ftp protokol a prenos súborov na webserver Selektory Vyberanie jedného alebo viacerých HTML elementov Vyberanie podľa tried, id, predkov, potomkov atď. Zoskupenie selektorov Zložitejšie hierarchické selektory Atribúty, prechádzanie DOM Manipulácia Zmena CSS v HTML elemente Zmena atribútov v HTML elemente Pridanie a ubratie HTML elementov z DOM Menenie obsahu časti stránky (obrázok, text) bez spojenia so serverom 25/27 www.macrosoft.sk

Efekty Efekty - slide, show, hide, animate Zoskupenie efektov za sebou - queue Efektné animované menu Udalosti Udalosti vyvolané myšou a klávesnicou - hover, click, keydown atď. Udalosti vyvolané v okne prehliadača Nastavenie spustenia kódu pri udalosti Premenná this Zmena štandardného správania HTML príkazu - eventpreventdefault PHP Script - pokročilý Cookies vysvetlenie COOKIES vytvorenie a zmazanie COOKIES automatické prihlasovanie pomocou COOKIES Práca so SESSION vytvorenie session, význam, bezpečnosť úvod do superglobálnych premenných, aký majú význam a využitie, práca s nimi čo je SESSION COOKIE, odlíšenie od bežného COOKIE Vysvetlenie návrhu databázy prostredie PhpMyAdmin vytvorenie databázy a tabuliek pomocou MySQL relačný databázový model Formuláre práca s formulármi kontrola a zabezpečenie formulárov Prihlasovanie užívateľov tabuľka užívateľov v MySQL prihlasovanie do systému pomocou mena a hesla šifrovanie hesla bezpečnosť v MySQL Objektovo-orientované programovanie základy OOP v PHP triedy, rozhrania, konštruktory, deštruktory, metódy, dátové členy, dedičnosť Práca s emailom funkcia mail, rozosielanie emailov použitie vlastného SMTP servera šifrovanie mailu pomocou SSL ochrana pred e-mail header injection Obrázky nahrávanie obrázkov na server zmena rozmerov obrázku po nahratí na server 26/27 www.macrosoft.sk

zobrazenie galérie obrázkov na www stránke ZIP - práca s archívom v PHP zbalenie a rozbalenie súborov Aplikácia príklad aplikácie s prihlasovaním užívateľov a vkladaním príspevkov do fóra bezpečnosť - ochrana pred cross-site scripting, SQL injection, session fixation a session hijacking 27/27 www.macrosoft.sk