Avancerad master i webbdesign och utveckling (Full Stack Development)

Allmänt

2 tillgängliga platser
Läs mer om det här programmet på institutionens hemsida

Programbeskrivning

136329_pexels-photo-1779487.jpeg

540 timmar

Innehållet i detta program är vägledande och det kan variera av skäl för att uppdatera eller ändra innehållet.

mål

Tror du att du kan behärska verktyg för grafisk design (Adobe Tools) och samtidigt förvandla dina egna mönster till webbsidor? Lyckligtvis eller tyvärr är denna profil allt mer efterfrågad i företag och byråer i sektorn. Ibland räcker det inte bara att vara en bra grafisk formgivare eller webbutvecklare, eftersom många företag behöver en dubbel- eller mångsidig profil. I denna magisterexamen kommer vi att lära oss att behärska de viktigaste verktygen för grafisk design (Adobe Illustrator, Photoshop och Indesign), och dessutom kommer studenten att bli en full stack webbutvecklare, en programmerare med en mycket komplett teknisk profil som vet väl både vad att hänvisa till back-end som att hänvisa till front-end, och allt mer i efterfrågan och bättre värderas i företag.

För detta består denna master av tre moduler: Adobe Tools, Web Design med HTML5, CSS3, Javascript och jQuery och Full Stack Development med tidigare verktyg plus PHP7 och SQL.

I den första modulen kommer studenten att lära sig att hantera de viktigaste verktygen för grafisk design. Vi börjar med vektordesign (Adobe Illustrator), för att fortsätta med digital bildbehandling (Adobe Photoshop) och redaktionell design (Adobe Indesign). Efter avslutad modul kan eleven göra alla grafiska gränssnittsdesign som de föreställer sig.

I den andra modulen lär studenten allt som är relaterat till webbstruktur (HTML5), layout och visuell webbdesign (CSS3) och vi kommer att studera webbprogrammering med Javascript och jQuery.

I den tredje modulen blir studenten en komplett webbutvecklare, eller full stack utvecklare. Vad betyder det här? Att studenten kommer att kunna programmera applikationer eller webbsidor både på klientsidan (front-end-utveckling) och på serversidan (back-end-utveckling). Utvecklingspositionen för full stack är alltmer eftertraktad av företag och är därför en av de mest värderade ekonomiskt i vår arbetssektor.

Information

  • Adobe illustratör
  • Adobe Photoshop
  • Adobe InDesign
  • Vanlig textredigerare specialiserad på webben: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobil-första indexering. bootstrap
  • SEO webbpositionering. Tillgänglighet och användbarhet
  • JavaScript
  • jQuery
  • Komplexa strukturer för variabel och flöde
  • Funktioner i JavaScript
  • DOMEN
  • Avancerat JavaScript
  • AJAX i JavaScript
  • avancerad jQuery
  • Första stegen med PHP7
  • Datatyper i PHP7
  • Kontrollstrukturer i PHP7
  • Funktioner i PHP7
  • Hantera sessioner

varaktighet

540 timmar totalt

  • Personligen eller online
  • 420 timmars klasser
  • Måndag till torsdag (+ någon fredag)
  • 120 timmars slutliga projekt

tidtabell

mornings

  • 09.00 - 12.00 timmar
  • 12.00 - 15.00 timmar

eftermiddagarna

  • 16.00 - 19.00 timmar
  • 19.00 - 22.00 timmar

pris

4 450 €

Kolla aktuella erbjudanden och kampanjer på www.cei.es

Officiell

  • Vår skola är ett av de fem Adobe-auktoriserade träningscentra i Spanien . Detta faktum visar att CEI har uppfyllt alla de krav som Adobe begär och på samma sätt utgör en garanti för kvalitet för alla våra studenter.
  • CEI är ett auktoriserat Apple Training Center . Därför kommer våra studenter att kunna få Apple Professional Certification och främja sina karriärer inom design- och informationsteknologi, affärsmiljöer och B2B-marknader.
  • IBM litar på oss och av den anledningen har de tilldelat oss IBM Education Partner- märket. Denna tätning belönar skolor som upprätthåller och främjar kvalitetsutbildning.
  • Vår skola konsolideras som referenscentrum för Maxon Training i Spanien och vi blev den första skolan i Europa som är Maxon Training Provider för R18 .

Grafisk designmodul (Adobe Tools)

01- Adobe Illustrator

  • Färgprofiler och lägen
  • arbetsyta
  • Grundläggande former
  • Valverktyg
  • Färgrutor / färg / lutning
  • Strokes / Fills
  • Utseende panel
  • Arbetsbord
  • skikt
  • transformationer
  • Att rada upp
  • Stigfinnare
  • Pennan
  • Pennan
  • borstar
  • text
  • Radergummi / sax / blad
  • Bygga ut
  • Interaktiv målning
  • Motiv, mönster
  • symboler
  • Infoga bilder
  • Interaktiv spårning
  • Perspektivgaller
  • öppenhet
  • Urklippsmask
  • Gradientmaskor
  • Effekter redigera
  • 3D-effekt
  • Text
  • Skriv ut och mata ut

02- Adobe Photoshop

  • Färglägen
  • Arbetsplatser
  • Pixeln
  • skikt
  • Grundläggande formulär
  • Urvalsverktyg
  • Måla potten
  • försämrad
  • transformationer
  • Inteligent objekt
  • fusioner
  • borstar
  • dropper
  • Pennan
  • Klonplugg
  • plåster
  • Foto retuscheringsverktyg
  • Pennan
  • Klippmasker
  • Lagermasker
  • effekter
  • kanaler
  • Bildinställningar
  • Justeringslager
  • filter
  • Skriv ut och mata ut

03- Adobe Indesign

  • Dokument / bok / bibliotek
  • Sidor och uppslag
  • arbetsyta
  • Marginaler och kolumner
  • regler
  • Guider och rutnät (graticule)
  • Proverna
  • Skapningsverktyg
  • Föremål (behållare)
  • skikt
  • transformation
  • laguppställningar
  • effekter
  • Länkar-panelen
  • Spets
  • Mästarsida
  • typografi
  • Teckenalternativ
  • Punktalternativ
  • Arbeta med stilar
  • komposition
  • Automatisk sökning
  • Interaktiva element
  • Skriv ut och mata ut

Web Design-modul med HTML5, CSS3 och Javascript

01- Webbdesign, HTML5 OCH CSS3

Introduktion till användning av datorutrustning

Operativsystem:

  • Windows
  • Mac
  • Linux

Programvaruinstallation och -hantering:

  • webbläsare
  • Textredigerare

Filsystem och mappar

  • Skapa filer och mappar
  • Organisering av webbprojekt
  • Absoluta, relativa och URL-sökvägar

webbsurfande

Principer i nätverksadministration

Klient-serverarkitektur

Servrar och protokoll

  • SSL-certifikat
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Kundteam

Introduktion till routrar och switchar

DNS (domäner och IP: er)

  • Offentlig IP
  • Lokal IP
  • Domännamn

Hosting, bostäder & CPD

Grundläggande principer för att skapa statiska webbplatser

  • Använda språk (HTML5 och CSS3)
  • Kodutförande flöde
  • Visuell struktur på en webbplats

Principer för användbarhet och tillgänglighet

Prototypning av en webbplats (UX / UI)

  • Användargränssnitt (Marvel)
  • Användarupplevelse (InVision)

HTML5

  • Taggar och attribut
  • Semantik och användning
  • HTML5-dokumentstandard och struktur
  • kommentarer
  • Punktar, rubriker och textformat
  • Multimedia (bilder, ljud och video)
  • Länkar och knappar
  • listor
  • rita
  • formulär
  • iFrames
  • Metataggar
  • Favicom

CSS3

Länka CSS

Väljare och pseudo-väljare

attribut

  • Färger
  • Pengar
  • Formatering och transformation av texter
  • Höjd, bred
  • Kanter
  • marginaler
  • fyllningar
  • positioner
  • uppriktning
  • Skuggade och lutningar
  • Opacitet
  • transformationer
  • filter

Pseudoclasses (aktiv, sväva, kontrollerad, första barn, sista barn, nth-barn)

Pseudoelements (efter, före)

Import och implementering av teckensnitt (media och font-face)

Import och implementering av ikoner (teckensnitt och SVG)

CSS-variabler

CSS-animationer (nyckelramar)

Mobil-första indexering

  • Allmänna strukturer (Floats)
  • Enkla strukturer (Flexbox)
  • Komplexa strukturer (CSS Grid)

Ramar och API: er

  • Bootstrap 4
  • Förverkligas
  • Materialdesign

Internet

  • Skapa en domän
  • Skapa en webbhotell
  • Anslutning och uppladdning av en webbplats till servern

SEO

  • Länka webben med Google Search Console
  • Kanonisk länkimplementering

02- Webbutveckling (Front-End)

JavaScript

  • Introduktion till front-programmering
  • JavaScript. Allmän syntax
  • Inkludera JavaScript i HTML-dokument
  • JavaScript i bilagor
  • JavaScript inuti HTML-kod
  • JavaScript. Variabler och operatörer
  • Lokala variabler och globala variabler
  • Numeriska variabler
  • Metoder för numeriska variabler
  • Uppdragsoperatörer
  • Öknings- och minskningsoperatörer
  • Matematiska operatörer
  • Textsträngar (strängar)
  • Metoder för textsträngar
  • Odefinierade variabler
  • NULL-variabler
  • NaN-variabler
  • Logiska operatörer i JavaScript
  • Relationsoperatörer

jQuery

  • Introduktion till Jquery
  • Steg för att använda jQuery
  • Första skriptet med jQuery
  • Grunderna i JQuery: Lägga till och ta bort CSS-klasser
  • Grunderna i JQuery: visa och dölja sidelement
  • Grunderna i JQuery: snabba effekter med jQuery
  • Grundläggande om JQuery: återuppringning av jQuery-funktion
  • Grunderna i JQuery: Använda grundläggande Ajax med jQuery
  • Grunderna i JQuery: Ajax jQuery med lastmeddelande

Webbutvecklingsmodul Full Stack-utveckling

01- Front-End-utveckling med JavaScript och jQuery

Komplexa strukturer för variabel och flöde

  • JavaScript. Komplexa variabeltyper
  • Matriser i JavaScript
  • Metoder för matriser
  • Konditioner i JavaScript
  • Om annat
  • Växla
  • Loops i JavaScript
  • För cykel
  • Medan slinga

Funktioner i JavaScript

  • Funktioner i JavaScript
  • Syntax och användning
  • JavaScript-omfattning
  • Arbeta med funktioner

DOMEN

  • JavaScript. DOMEN
  • Introduktion till DOM
  • Notationsobjekt
  • Skapa noder
  • Lägg till noder
  • Ändra, byt ut och ta bort noder
  • Åtkomst till DOM-attribut
  • Ändra elementstilar
  • DOM-händelser

Avancerat JavaScript. Föremål

  • Objektdefinition
  • Associerande matriser
  • Egenskaper
  • metoder
  • Använd () och ring () metoder
  • Introduktion till JSON notation
  • Arbeta med JSON i JavaScript (I)
  • Arbeta med JSON i JavaScript (II)

AJAX i JavaScript

  • AJAX i JavaScript
  • Komma igång
  • Första ansökan
  • Så fungerar en AJAX-applikation
  • Metoder och egenskaper för XMLHttpRequest-objektet
  • Objekt för AJAX
  • Jag arbetar med AJAX. Listrutor
  • Jag arbetar med AJAX. Autofyllt formulär
  • Jag arbetar med AJAX. RSS-läsare
  • Jag arbetar med AJAX. Google kartor

jQuery Advanced

  • JQuery 3. Väsentliga metoder
  • JQuery-funktion eller $ () -funktion
  • Core / each: var och en av jQuery-kärnan
  • Storlek () -metod och längdegenskap för jQuery-kärnan
  • Data () core jQuery-metod
  • JQuery-väljare
  • Hierarkiväljar i jQuery
  • Attributmetoder i jQuery
  • Få åtkomst till och ändra HTML-attribut från jQuery
  • JQuerys attr () -metod, andra användningar och removeAttr ()
  • JQuery prop () -metod och skillnader med attr ()
  • JQuery CSS-metoder
  • JQuery css () -metod
  • JQuery CSS-funktioner för att känna till storlek och position för element
  • Händelser i jQuery
  • Eventhanterare i jQuery
  • Introduktion av Event Object i jQuery
  • Mushändelser i jQuery-muscenter och musmåls
  • Tangentbordshändelser i jQuery
  • Definiera händelser med bind () och ta bort dem
  • Händelser definierade med live () i jQuery
  • Delegerade händelser i jQuery
  • Effekter i jQuery
  • jQuery animate (): animering av CSS-egenskaper
  • Färganimationer med jQuery
  • Bleknar i jQuery
  • Effektköer i jQuery
  • Metod för kö () för att få tillgång till en kö med effekter
  • Sätt funktioner i en jQuery-effektkö
  • Stoppa exekveringen av en jQuery-effektkö
  • Fördröj () -metod för att försena exekveringen av köeffekter
  • Kön med personliga effekter (inte standard) i jQuery
  • Plugin-utveckling i jQuery
  • Introduktion till plugin-utveckling i jQuery

02- Back-End-utveckling med PHP7

Första stegen med PHP7

  • Introduktion till back-end-programmering
  • Grundstruktur för en PHP-sida
  • PHP-taggar
  • Ekofunktionen
  • Instruktionsavskiljare
  • kommentarer
  • Blanda PHP och HTML
  • Namnregler
  • PHP-konfiguration
  • Konfigurationsfilen php.ini
  • Konfigurationsinformation
  • Uppsättning av tecken
  • Använd PHP från kommandoraden
  • Grunderna i PHP-språket
  • Konstanter Definition och omfattning
  • variabler Initialisering och uppdrag
  • variabler Räckvidd och varaktighet
  • Dynamiska variabler (eller variabla variabler)

Datatyper i PHP7

  • Datatyper
  • Tillgängliga typer
  • Skalar och speciella datatyper
  • arrayer
  • Matriser. Skapande, manipulation och omfattning
  • operatörer
  • Uppdragsoperatören efter värde
  • Uppdragsoperatören som referens
  • De aritmetiska operatörerna
  • Strängoperatören
  • De kombinerade operatörerna
  • De logiska och jämförande operatörerna
  • Den ternära operatören
  • NULL-fackföreningen
  • Den kombinerade jämförelseoperatören
  • Operatörens företräde

Kontrollstrukturer i PHP7

  • Kontrollstrukturer i PHP 7. Conditionals
  • If-strukturen
  • Växelstrukturen
  • Kontrollstrukturer i PHP 7. Loops
  • If-strukturen
  • Strukturen medan
  • Do ... medan struktur
  • Strukturen för
  • Foreach-strukturen
  • Fortsätt och bryt uttalanden
  • Inkludera en fil
  • Drift och användning
  • Avbryt skriptet
  • gränssnitt
  • Klasskonstanter
  • egenskaper
  • Anonyma klasser
  • undantag
  • Hantera fel i ett PHP-skript
  • Allmän information
  • PHP-felmeddelanden
  • Felhantering av funktioner

Funktioner i PHP7

  • Använd PHP-funktioner
  • Inledning
  • Hantera konstanter, variabler och datatyper
  • konstanter
  • variabler
  • Datatyper
  • omvandlingar
  • Hantera numeriska variabler
  • Manipulera variabla strängar
  • Manipulera matriser
  • Använd regelbundna uttryck
  • Struktur för ett regelbundet uttryck

MySQL-databaser

  • Hantera formulär och länkar
  • Dataåterställning
  • Teckenkodning
  • Nödvändig data
  • Skicka och ladda ner filer
  • Öppna en databas
  • Anslutning och frånkoppling
  • Grundläggande SQL-frågor (visa, redigera, radera och infoga)
  • Tabell skapande
  • Lagra poster från PHP
  • Resultatintegration
  • Datakodning
  • Fältvalidering

Hantera sessioner

  • Hantera sessioner
  • Allmän information
  • Identifiering efter formulär
  • Identifiering via HTTP-autentisering
  • Verifiera de angivna ID-uppgifterna
  • Använd kakor
  • Använd PHP-sessionhantering
  • genomförandet
  • Självhantering av överföring av sessionidentifierare
  • Håll information från besök till besök
  • Kort sammanfattning av variablerna Get / Post / Cookie / Session
Senast uppdaterad Aug 2020

Om skolan

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 ... Läs mer

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. Läs mindre
madrid , sevilla , madrid + 2 Mer Mindre