Advanced Master v oblasti webdesignu a vývoje (Full Stack Development)

Všeobecné informace

2 dostupných umístění
Přečtěte si více o tomto programu na stránkách instituce

Popis programu

136329_pexels-photo-1779487.jpeg

540 hodin

Obsah tohoto programu je informativní a může se lišit z důvodu aktualizace nebo úpravy obsahu.

cíle

Myslíte si, že zvládnete nástroje pro grafický design (Nástroje Adobe) a zároveň proměňte své vlastní návrhy na webové stránky? Naštěstí nebo bohužel je tento profil ve společnostech a agenturách v tomto odvětví stále více žádán. Někdy nestačí jen být dobrým grafikem nebo webovým vývojářem, protože mnoho společností vyžaduje dvojitý nebo víceúčelový profil. V tomto magisterském studiu se naučíme ovládat nejdůležitější nástroje grafického designu (Adobe Illustrator, Photoshop a Indesign) a student se navíc stane vývojářem webových aplikací s plným stackem, programátorem s velmi úplným technickým profilem, který dobře ví, co odkazující na back-end jako na front-end, a stále více v poptávce a lépe oceňovaný ve společnostech.

Za tímto účelem je tento Master tvořen třemi moduly: Adobe Tools, Web Design s HTML5, CSS3, Javascript a jQuery a Full Stack Development s předchozími nástroji plus PHP7 a SQL.

V prvním modulu se student naučí ovládat nejdůležitější nástroje grafického designu. Začneme s vektorovým designem (Adobe Illustrator), pokračujeme digitálním zpracováním obrázků (Adobe Photoshop) a redakčním designem (Adobe Indesign). Po absolvování tohoto modulu bude student schopen vytvořit jakýkoli grafický návrh rozhraní, který si představí.

Ve druhém modulu se student učí vše, co souvisí s webovou strukturou (HTML5), rozvržením a vizuálním webovým designem (CSS3) a ponoříme se do programování webů pomocí Javascriptu a jQuery.

Ve třetím modulu se student stane kompletním webovým vývojářem nebo full stack vývojářem. Co to znamená? Žák bude schopen programovat aplikace nebo webové stránky na straně klienta (front-end vývoj) i na straně serveru (back-end vývoj). Společnosti se stále více zajímají o pozici vývojářů v celé komoře, a proto patří k nejlépe hodnoceným ekonomicky v našem odvětví práce.

informace

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Prostý textový editor se specializací na web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Bracket
  • HTML5 / CSS3
  • Mobilní indexování první. Bootstrap
  • Poloha webu SEO. Dostupnost a použitelnost
  • JavaScript
  • jQuery
  • Složité struktury pro řízení proměnných a toků
  • Funkce v JavaScriptu
  • DOM
  • Pokročilý JavaScript
  • AJAX v JavaScriptu
  • pokročilé jQuery
  • První kroky s PHP7
  • Datové typy v PHP7
  • Řídicí struktury v PHP7
  • Funkce v PHP7
  • Správa relací

trvání

Celkem 540 hodin

  • Osobně nebo online
  • 420 hodin tříd
  • Pondělí až čtvrtek (+ nějaký pátek)
  • 120 hodin závěrečných projektů

Plán

Ráno

  • 09,00 - 12,00 hodin
  • 12,00 - 15,00 hodin

Odpoledne

  • 16,00 - 19,00 hodin
  • 19,00 - 22,00 hodin

cena

4 450 €

Podívejte se na aktuální nabídky a propagační akce na www.cei.es

Oficiální

  • Naše škola je jedním z pěti autorizovaných školicích středisek Adobe ve Španělsku . Tato skutečnost ukazuje, že CEI splnila všechny požadavky, které požaduje společnost Adobe, a rovněž představuje záruku kvality pro všechny naše studenty.
  • CEI je autorizované školicí středisko Apple . Naši studenti proto budou moci získat certifikaci Apple Professional Certification a pokročit v kariéře v oblasti designu a informačních technologií, podnikatelského prostředí a B2B trhů.
  • IBM nám důvěřuje, a proto nám udělili odznak IBM Education Partner . Tato pečeť odměňuje školy, které udržují a propagují kvalitní školení.
  • Naše škola je konsolidována jako referenční středisko Maxon Training Center ve Španělsku a stali jsme se první školou v Evropě, která byla poskytovatelem školení Maxon pro R18 .

Modul grafického designu (Nástroje Adobe)

01 - Adobe Illustrator

  • Barevné profily a režimy
  • Workspace
  • Základní tvary
  • Nástroje pro výběr
  • Vzorník / Barva / Přechod
  • Tahy / výplně
  • Vzhled panel
  • Pracovní stoly
  • Vrstvy
  • Transformace
  • Zarovnat se
  • Průkopník
  • Pero
  • Tužka
  • Kartáče
  • Text
  • Guma / Nůžky / Blade
  • Rozšířit
  • Interaktivní malba
  • Motivy, vzory
  • Symboly
  • Vložte obrázky
  • Interaktivní trasování
  • Perspektivní sítě
  • Průhlednost
  • Ořezová maska
  • Sítě přechodové
  • Efekty úpravy
  • 3D efekt
  • Text
  • Tisk a výstup

02- Adobe Photoshop

  • Barevné režimy
  • Pracovní prostory
  • Pixel
  • Vrstvy
  • Základní formy
  • Nástroje pro výběr
  • Malířský hrnec
  • Degradováno
  • Transformace
  • Inteligentní objekt
  • Fúze
  • Kartáče
  • Kapátko
  • Tužka
  • Klonovací zástrčka
  • Náplasti
  • Nástroje pro retušování fotografií
  • Pero
  • Ořezové masky
  • Masky vrstev
  • Účinky
  • Kanály
  • Nastavení obrázku
  • Vyrovnávací vrstvy
  • Filtry
  • Tisk a výstup

03 - Adobe Indesign

  • Dokument / kniha / knihovna
  • Stránky a pomazánky
  • Workspace
  • Okraje a sloupce
  • Pravidla
  • Vodítka a mřížky (graticule)
  • Ukázky
  • Nástroje pro tvorbu
  • Předměty (kontejnery)
  • Vrstvy
  • Transformace
  • Sestavy
  • Účinky
  • Panel Odkazy
  • Krajka
  • Hlavní strana
  • Typografie
  • Možnosti postav
  • Možnosti odstavců
  • Práce se styly
  • Složení
  • Automatické stránkování
  • Interaktivní prvky
  • Tisk a výstup

Modul Web Design s HTML5, CSS3 a Javascript

01- Web Design, HTML5 A CSS3

Úvod do používání výpočetní techniky

Operační systémy:

  • Okna
  • Mac
  • Linux

Instalace a správa softwaru:

  • Prohlížeče
  • Textové editory

Systém souborů a složky

  • Vytvářejte soubory a složky
  • Organizace webových projektů
  • Absolutní, relativní a URL cesty

Procházení webu

Principy správy sítě

Architektura klient-server

Servery a protokoly

  • SSL certifikáty
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Klientský tým

Úvod do routerů a přepínačů

DNS (domény a IP)

  • Veřejná IP
  • Místní IP
  • Doménová jména

Hosting, bydlení a CPD

Základní principy vytváření statických webů

  • Použité jazyky (HTML5 a CSS3)
  • Tok provádění kódu
  • Vizuální struktura webové stránky

Zásady použitelnosti a přístupnosti

Prototypování webových stránek (UX / UI)

  • Uživatelské rozhraní (Marvel)
  • Uživatelská zkušenost (InVision)

HTML5

  • Značky a atributy
  • Sémantika a použití
  • Standard a struktura dokumentu HTML5
  • Komentáře
  • Odstavce, nadpisy a textové formáty
  • Multimédia (obrázky, zvuk a video)
  • Odkazy a tlačítka
  • Seznamy
  • Tabulky
  • formuláře
  • iFrames
  • Meta tagy
  • Favicom

CSS3

Propojte CSS

Selektory a pseudoelektory

Atributy

  • Barvy
  • Peníze
  • Formát a transformace textů
  • Výška, široká
  • Hrany
  • Okraje
  • Naplnění
  • Pozice
  • zarovnání
  • Stínované a přechody
  • Neprůhlednost
  • Transformace
  • Filtry

Pseudoclasses (aktivní, vznášející se, kontrolované, první dítě, poslední dítě, n-dítě)

Pseudoelementy (po, před)

Import a implementace fontů (média a font-face)

Import a implementace ikon (písma a SVG)

Proměnné CSS

Animace CSS (klíčové snímky)

Mobilní indexování první

  • Obecné konstrukce (plováky)
  • Jednoduché struktury (Flexbox)
  • Složité struktury (CSS Grid)

Rámce a API

  • Bootstrap 4
  • Zhmotnit
  • Materiálové provedení

Internet

  • Vytvořte doménu
  • Vytvoření webhostingu
  • Připojení a nahrání webové stránky na server

SEO

  • Propojte web s Google Search Console
  • Implementace kanonického odkazu

02- Vývoj webu (front-end)

JavaScript

  • Úvod do front-end programování
  • JavaScript. Obecná syntaxe
  • Zahrnout JavaScript do dokumentů HTML
  • JavaScript v přílohách
  • JavaScript uvnitř HTML kódu
  • JavaScript. Proměnné a operátory
  • Lokální proměnné a globální proměnné
  • Numerické proměnné
  • Metody pro číselné proměnné
  • Operátoři přiřazení
  • Operátory zvyšování a snižování
  • Matematické operátory
  • Textové řetězce (řetězce)
  • Metody textových řetězců
  • Nedefinované proměnné
  • NULL proměnné
  • Proměnné NaN
  • Logické operátory v JavaScriptu
  • Relační operátoři

jQuery

  • Úvod do Jquery
  • Kroky k použití jQuery
  • První skript s jQuery
  • Základy JQuery: Přidávání a odebírání tříd CSS
  • Základy JQuery: ukázat a skrýt prvky stránky
  • Základy JQuery: Rychlé efekty s jQuery
  • Základy JQuery: zpětné volání funkce jQuery
  • Základy JQuery: Použití základního Ajaxu s jQuery
  • Základy JQuery: Ajax jQuery se zprávou o načtení

Webový vývojový modul - plný vývoj zásobníku

01- Vývoj front-end s JavaScriptem a jQuery

Složité struktury pro řízení proměnných a toků

  • JavaScript. Složité typy proměnných
  • Pole v JavaScriptu
  • Metody pro pole
  • Podmínky v JavaScriptu
  • Pokud / jinde
  • Přepínač
  • Smyčky v JavaScriptu
  • Pro cyklus
  • Zatímco smyčka

Funkce v JavaScriptu

  • Funkce v JavaScriptu
  • Syntaxe a použití
  • Rozsah JavaScriptu
  • Práce s funkcemi

DOM

  • JavaScript. DOM
  • Úvod do DOM
  • Objekt notace
  • Vytvořte uzly
  • Přidat uzly
  • Upravit, nahradit a odstranit uzly
  • Přístup k atributům DOM
  • Upravit styly prvků
  • DOM události

Pokročilý JavaScript. Objekty

  • Definice objektu
  • Asociativní pole
  • Vlastnosti
  • Metody
  • Použijte metody () a call ()
  • Úvod do notace JSON
  • Práce s JSON v JavaScriptu (I)
  • Práce s JSON v JavaScriptu (II)

AJAX v JavaScriptu

  • AJAX v JavaScriptu
  • Začínáme
  • První aplikace
  • Jak funguje aplikace AJAX
  • Metody a vlastnosti objektu XMLHttpRequest
  • Objekty pro AJAX
  • Pracuji s AJAX. Rozevírací seznamy
  • Pracuji s AJAX. Formulář automatického doplňování
  • Pracuji s AJAX. Čtečka RSS
  • Pracuji s AJAX. Google mapy

jQuery Advanced

  • JQuery 3. Základní metody
  • Funkce JQuery nebo funkce $ ()
  • Jádro / každé: každé z jádra jQuery
  • Metoda size () a vlastnost length jádra jQuery
  • Metoda jQuery dat () jádra
  • JQuery selektory
  • Hierarchické selektory v jQuery
  • Metody atributů v jQuery
  • Získejte přístup a upravujte atributy HTML z jQuery
  • Metoda attr () JQuery, další použití a removeAttr ()
  • Metoda JQuery prop () a rozdíly s attr ()
  • Metody JQuery CSS
  • Metoda JQuery css ()
  • Funkce JQuery CSS znají velikost a polohu prvků
  • Události v jQuery
  • Obslužné programy událostí v jQuery
  • Představení objektu události v jQuery
  • Události myši v jQuery mouseenter a mouseleave
  • Události klávesnice v jQuery
  • Definujte události pomocí bind () a odstraňte je
  • Události definované pomocí live () v jQuery
  • Delegované události v jQuery
  • Účinky v jQuery
  • jQuery animate (): animace vlastností CSS
  • Barevné animace s jQuery
  • Slábnutí v jQuery
  • Efektivní fronty v jQuery
  • Metoda Queue () pro přístup do fronty efektů
  • Vložte funkce do fronty efektů jQuery
  • Zastavte provádění fronty efektů jQuery
  • Metoda Delay () pro zpoždění provádění efektů fronty
  • Fronta osobních efektů (není výchozí) v jQuery
  • Vývoj pluginů v jQuery
  • Úvod do vývoje pluginů v jQuery

02- Vývoj back-end s PHP7

První kroky s PHP7

  • Úvod do back-end programování
  • Základní struktura stránky PHP
  • Značky PHP
  • Funkce echo
  • Oddělovač instrukcí
  • Komentáře
  • Mix PHP a HTML
  • Pojmenovací pravidla
  • PHP konfigurace
  • Konfigurační soubor php.ini
  • Informace o konfiguraci
  • Sada znaků
  • Použijte PHP z příkazového řádku
  • Základy jazyka PHP
  • Konstanty Definice a oblast působnosti
  • Proměnné Inicializace a přiřazení
  • Proměnné Rozsah a trvání
  • Dynamické proměnné (nebo proměnné proměnné)

Datové typy v PHP7

  • Datové typy
  • Dostupné typy
  • Skalární a speciální datové typy
  • Pole
  • Pole. Tvorba, manipulace a rozsah
  • Operátoři
  • Operátor přiřazení podle hodnoty
  • Operátor přiřazení odkazem
  • Aritmetické operátory
  • Operátor řetězce
  • Kombinovaní operátoři
  • Logické a srovnávací operátory
  • Ternární operátor
  • Operátor unie NULL
  • Operátor kombinovaného srovnání
  • Přednost operátora

Řídicí struktury v PHP7

  • Řídicí struktury v PHP 7. Podmíněné
  • Struktura if
  • Struktura přepínače
  • Řídicí struktury v PHP 7. Smyčky
  • Struktura if
  • Struktura while
  • Dělat ... zatímco struktura
  • Struktura for
  • Struktura foreach
  • Prohlášení o pokračování a přerušení
  • Zahrnout soubor
  • Provoz a použití
  • Přerušte skript
  • Rozhraní
  • Třídy konstanty
  • Vlastnosti
  • Anonymní třídy
  • Výjimky
  • Spravujte chyby ve skriptu PHP
  • Obecné informace
  • Chybové zprávy PHP
  • Funkce zpracování chyb

Funkce v PHP7

  • Používejte funkce PHP
  • Preambule
  • Zacházejte s konstantami, proměnnými a datovými typy
  • Konstanty
  • Proměnné
  • Datové typy
  • Konverze
  • Manipulovat s numerickými proměnnými
  • Manipulovat s proměnnými řetězci
  • Manipulovat s poli
  • Používejte regulární výrazy
  • Struktura regulárního výrazu

MySQL databáze

  • Správa formulářů a odkazů
  • Obnova dat
  • Kódování znaků
  • Požadované údaje
  • Odesílejte a stahujte soubory
  • Přístup k databázi
  • Připojení a odpojení
  • Základní dotazy SQL (zobrazení, úpravy, mazání a vkládání)
  • Vytvoření tabulky
  • Ukládání záznamů z PHP
  • Integrace výsledků
  • Kódování dat
  • Ověření pole

Správa relací

  • Správa relací
  • Obecné informace
  • Identifikace podle formuláře
  • Identifikace pomocí autentizace HTTP
  • Ověřte zadané přihlašovací údaje
  • Používejte cookies
  • Použijte správu relací PHP
  • uskutečnění
  • Vlastní správa přenosu identifikátoru relace
  • Uchovávejte informace od návštěvy k návštěvě
  • Stručné shrnutí proměnných Get / Post / Cookie / Session
Poslední aktualizace Srp 2020

Informace o škole

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Čtěte více

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Méně
Madrid , Sevilla , Madrid + 2 Více Méně