Avansert master i webdesign og utvikling (Full Stack Development)

Generelt

2 steder tilgjengelige
Les mer om dette programmet på skolens hjemmeside

Programbeskrivelse

136329_pexels-photo-1779487.jpeg

540 timer

Innholdet i dette programmet er veiledende, og det kan variere av grunner til å oppdatere eller endre innholdet.

målsettinger

Tror du at du kan mestre verktøy for grafisk design (Adobe Tools) og samtidig gjøre dine egne design til websider? Heldigvis eller dessverre er denne profilen i økende grad etterspurt i selskaper og byråer i sektoren. Noen ganger er det ikke bare nok å være en god grafisk designer eller webutvikler, siden mange selskaper krever en dobbel eller flerbruksprofil. I denne mastergraden skal vi lære oss å mestre de viktigste verktøyene innen grafisk design (Adobe Illustrator, Photoshop og Indesign), og i tillegg vil studenten bli en full stack web-utvikler, en programmerer med en veldig komplett teknisk profil som vet godt både hva refererer til back-end som refererer til front-end, og i økende grad etterspurt og bedre verdsatt i selskaper.

For dette består denne masteren av tre moduler: Adobe Tools, Web Design med HTML5, CSS3, Javascript og jQuery og Full Stack Development med de tidligere verktøyene pluss PHP7 og SQL.

I den første modulen skal studenten lære å håndtere de viktigste verktøyene i grafisk design. Vi starter med vektordesign (Adobe Illustrator), for å fortsette med digital bildebehandling (Adobe Photoshop) og redaksjonell design (Adobe Indesign). Etter å ha fullført denne modulen, vil studenten kunne lage et grafisk grensesnittdesign som de forestiller seg.

I den andre modulen lærer studenten alt relatert til nettstruktur (HTML5), layout og visuell webdesign (CSS3), og vi vil fordype oss i nettprogrammering med Javascript og jQuery.

I den tredje modulen blir studenten en komplett webutvikler, eller full stack-utvikler. Hva betyr dette? At studenten skal kunne programmere applikasjoner eller websider både på klientsiden (front-end-utvikling) og på serversiden (back-end-utvikling). Utviklerposisjonen til full stakk blir stadig mer ettertraktet av selskaper, og er derfor en av de mest verdsatte økonomisk i arbeidsområdet.

informasjon

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Vanlig tekstredigerer spesialisert på nett: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobil-første indeksering. Støvelhempe
  • SEO nettposisjonering. Tilgjengelighet og brukervennlighet
  • Javascript
  • jQuery
  • Komplekse variable og flytkontrollstrukturer
  • Funksjoner i JavaScript
  • DOMEN
  • Avansert JavaScript
  • AJAX i JavaScript
  • avansert jQuery
  • Første trinn med PHP7
  • Datatyper i PHP7
  • Kontrollstrukturer i PHP7
  • Funksjoner i PHP7
  • Administrer økter

varighet

540 timer totalt

  • Personlig eller online
  • 420 timer med klasser
  • Mandag til torsdag (+ noen fredag)
  • 120 timers sluttprosjekter

Rutetider

Mornings

  • 09.00 - 12.00
  • 12.00 - 15.00 timer

Ettermiddager

  • 16.00 - 19.00
  • 19.00 - 22.00

pris

4.450 €

Sjekk gjeldende tilbud og kampanjer på www.cei.es

Offisielt

  • Skolen vår er et av de fem Adobe Autoriserte Opplæringssentrene i Spania . Dette faktum viser at CEI har oppfylt alle kravene som Adobe etterspør, og på samme måte utgjør en garanti for kvalitet for alle studentene våre.
  • CEI er et Apple-autorisert treningssenter . Derfor vil studentene våre kunne oppnå Apple Professional Certification og fremme deres karrierer innen design og informasjonsteknologi, forretningsmiljøer og B2B-markeder.
  • IBM stoler på oss og av den grunn har de tildelt oss IBM Education Partner- merket. Dette seglet belønner skoler som opprettholder og fremmer opplæring av kvalitet.
  • Skolen vår er konsolidert som referansesenteret for Maxon i Spania, og vi ble den første skolen i Europa som var Maxon Training Provider for R18 .

Grafisk designmodul (Adobe Tools)

01- Adobe Illustrator

  • Fargeprofiler og moduser
  • arbeidsområde
  • Grunnleggende former
  • Valgverktøy
  • Fargeprøver / farge / gradient
  • Slag / fyll
  • Utseende panel
  • Arbeidsbord
  • lagene
  • Transformasjoner
  • For å stille opp
  • Pathfinder
  • Pennen
  • Blyanten
  • Børster
  • tekst
  • Viskelær / saks / blad
  • Utvide
  • Interaktivt maleri
  • Motiver, mønstre
  • symboler
  • Sett inn bilder
  • Interaktiv sporing
  • Perspektivgitter
  • åpenhet
  • Klippemaske
  • Gradientmasker
  • Effekter rediger
  • 3D-effekt
  • Tekst
  • Skriv ut og skriv ut

02- Adobe Photoshop

  • Fargemodus
  • Arbeidsplasser
  • Pikslen
  • lagene
  • Grunnleggende former
  • Utvalgsverktøy
  • Malingsgryte
  • Degradert
  • Transformasjoner
  • Inteligent objekt
  • fusjoner
  • Børster
  • Dråpeteller
  • Blyanten
  • Kloneplugg
  • Patches
  • Retusjeringsverktøy for foto
  • Pennen
  • Klippemasker
  • Lagmasker
  • effekter
  • kanaler
  • Bildeinnstillinger
  • Justeringslag
  • filtre
  • Skriv ut og skriv ut

03- Adobe Indesign

  • Dokument / bok / bibliotek
  • Sider og oppslag
  • arbeidsområde
  • Marginer og kolonner
  • regler
  • Guider og rutenett (graticule)
  • Prøvene
  • Opprettelsesverktøy
  • Gjenstander (containere)
  • lagene
  • transformasjon
  • oppstillinger
  • effekter
  • Koblingspanel
  • Blonder
  • Master side
  • typografi
  • Tegnalternativer
  • Avsnittsalternativer
  • Arbeid med stiler
  • sammensetningen
  • Automatisk personsøk
  • Interaktive elementer
  • Skriv ut og skriv ut

Web Design-modul med HTML5, CSS3 og Javascript

01- Nettdesign, HTML5 OG CSS3

Introduksjon til bruk av datautstyr

Operativsystemer:

  • Windows
  • Mac
  • Linux

Installasjon og administrasjon av programvare:

  • Nettlesere
  • Tekstredaktører

Filsystem og mapper

  • Lag filer og mapper
  • Organisering av nettprosjekter
  • Absolutte, relative og URL-stier

nettsøking

Prinsipper i nettverksadministrasjon

Klient-serverarkitektur

Servere og protokoller

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

Kundeteam

Introduksjon til rutere og brytere

DNS (domener og IP-er)

  • Offentlig IP
  • Lokal IP
  • Domenenavn

Hosting, bolig og CPD

Grunnleggende prinsipper for å lage statiske nettsteder

  • Brukte språk (HTML5 og CSS3)
  • Kodekjøringsflyt
  • Visuell struktur på et nettsted

Prinsipper for brukbarhet og tilgjengelighet

Prototyping av et nettsted (UX / UI)

  • Brukergrensesnitt (Marvel)
  • Brukeropplevelse (InVision)

HTML5

  • Tagger og attributter
  • Semantikk og bruk
  • HTML5 dokumentstandard og struktur
  • kommentarer
  • Avsnitt, overskrifter og tekstformater
  • Multimedia (bilder, lyd og video)
  • Koblinger og knapper
  • lister
  • trekke
  • skjemaer
  • iFrames
  • Metakoder
  • Favicom

CSS3

Koble CSS

Velgere og pseudo-velgere

attributter

  • Farger
  • Penger
  • Format og transformasjon av tekster
  • Høyde, bred
  • kanter
  • marginene
  • fyllinger
  • posisjoner
  • justering
  • Skyggelagte og gradienter
  • opacity
  • Transformasjoner
  • filtre

Pseudoklassebriller (aktiv, svevet, sjekket, første barn, siste barn, niende barn)

Pseudoelements (etter, før)

Import og implementering av skrifter (media og font-face)

Import og implementering av ikoner (fonter og SVG)

CSS-variabler

CSS-animasjoner (nøkkelrammer)

Mobil-første indeksering

  • Generelle strukturer (Floats)
  • Enkle strukturer (Flexbox)
  • Komplekse strukturer (CSS Grid)

Rammer og APIer

  • Bootstrap 4
  • Materialise
  • Materiell design

Internett

  • Opprett et domene
  • Opprette et webhotell
  • Tilkobling og opplasting av et nettsted til serveren

SEO

  • Koble til nettet med Google Search Console
  • Implementering av kanonisk lenke

02- Nettutvikling (Front-End)

Javascript

  • Introduksjon til front-end programmering
  • Javascript. Generell syntaks
  • Inkluder JavaScript i HTML-dokumenter
  • JavaScript i vedlegg
  • JavaScript inne i HTML-kode
  • Javascript. Variabler og operatører
  • Lokale variabler og globale variabler
  • Numeriske variabler
  • Metoder for numeriske variabler
  • Oppdragsoperatører
  • Øknings- og dekrementoperatører
  • Matematiske operatører
  • Tekststrenger (strenger)
  • Metoder for tekststrenger
  • Udefinerte variabler
  • NULL-variabler
  • NaN-variabler
  • Logiske operatører i JavaScript
  • Relasjonsoperatører

jQuery

  • Introduksjon til Jquery
  • Fremgangsmåte for å bruke jQuery
  • Første manus med jQuery
  • Grunnleggende om JQuery: Legge til og fjerne CSS-klasser
  • Grunnleggende om JQuery: vis og skjul sideelementer
  • Grunnleggende om JQuery: Raske effekter med jQuery
  • Grunnleggende om JQuery: tilbakering av jQuery-funksjon
  • Grunnleggende om JQuery: Bruke grunnleggende Ajax med jQuery
  • Grunnleggende om JQuery: Ajax jQuery med lastemelding

Nettutviklingsmodul Full Stack Development

01- Front-End Development med JavaScript og jQuery

Komplekse variable og flytkontrollstrukturer

  • Javascript. Komplekse variabeltyper
  • Arrays i JavaScript
  • Metoder for Arrays
  • Betingelser i JavaScript
  • Hvis / ellers
  • Bytte om
  • Looper i JavaScript
  • For syklus
  • Mens sløyfe

Funksjoner i JavaScript

  • Funksjoner i JavaScript
  • Syntaks og bruk
  • JavaScript-omfang
  • Arbeid med funksjoner

DOMEN

  • Javascript. DOMEN
  • Introduksjon til DOM
  • Notasjonsobjekt
  • Lag noder
  • Legg til noder
  • Endre, erstatt og slett noder
  • Tilgang til DOM-attributter
  • Endre elementstiler
  • DOM-arrangementer

Avansert JavaScript. objekter

  • Objektdefinisjon
  • Assosiative matriser
  • Egenskaper
  • metoder
  • Bruk () og samtale () metoder
  • Introduksjon til JSON notasjon
  • Jobber med JSON i JavaScript (I)
  • Arbeide med JSON i JavaScript (II)

AJAX i JavaScript

  • AJAX i JavaScript
  • Komme i gang
  • Første søknad
  • Slik fungerer en AJAX-applikasjon
  • Metoder og egenskaper for XMLHttpRequest-objektet
  • Gjenstander for AJAX
  • Jeg jobber med AJAX. Nedtrekkslister
  • Jeg jobber med AJAX. Autofullfør skjema
  • Jeg jobber med AJAX. RSS-leser
  • Jeg jobber med AJAX. Google Kart

jQuery Advanced

  • JQuery 3. Viktige metoder
  • JQuery-funksjon eller $ () -funksjon
  • Kjerne / hver: hver av jQuery-kjernen
  • Størrelse () metode og lengdeegenskap for jQuery-kjernen
  • Data () kjernemetode for jQuery
  • JQuery-velgere
  • Hierarkivalgere i jQuery
  • Attributtmetoder i jQuery
  • Få tilgang til og endre HTML-attributter fra jQuery
  • JQuery's attr () -metode, annen bruk og fjernAttr ()
  • JQuery prop () -metode og forskjeller med attr ()
  • JQuery CSS metoder
  • JQuery css () -metoden
  • JQuery CSS fungerer for å vite størrelsen og plasseringen av elementer
  • Hendelser i jQuery
  • Arrangementshandlere i jQuery
  • Introduksjon av Event Object i jQuery
  • Mushendelser i jQuery musesenter og muselav
  • Tastaturhendelser i jQuery
  • Definer hendelser med bind () og fjern dem
  • Hendelser definert med live () i jQuery
  • Delegerte hendelser i jQuery
  • Effekter i jQuery
  • jQuery animate (): animasjon av CSS-egenskaper
  • Fargeanimasjoner med jQuery
  • Fading i jQuery
  • Effektkøer i jQuery
  • Queue () -metode for å få tilgang til en kø av effekter
  • Sett funksjoner i en jQuery-effektkø
  • Stopp kjøringen av en jQuery-effektkø
  • Delay () -metode for å utsette kjøringen av køeffekter
  • Personlige effekter kø (ikke standard) i jQuery
  • Plugin-utvikling i jQuery
  • Introduksjon til plugin-utvikling i jQuery

02- Back-End Development med PHP7

Første trinn med PHP7

  • Introduksjon til back-end programmering
  • Grunnstruktur for en PHP-side
  • PHP-koder
  • Ekkofunksjonen
  • Instruksjonsskiller
  • kommentarer
  • Bland PHP og HTML
  • Navneregler
  • PHP-konfigurasjon
  • Konfigurasjonsfilen php.ini
  • Konfigurasjonsinformasjon
  • Sett med tegn
  • Bruk PHP fra kommandolinjen
  • Grunnleggende om PHP-språket
  • konstanter Definisjon og omfang
  • variabler Initialisering og oppgave
  • variabler Omfang og varighet
  • Dynamiske variabler (eller variabler)

Datatyper i PHP7

  • Datatyper
  • Tilgjengelige typer
  • Skalær og spesielle datatyper
  • arrays
  • Arrays. Skaperverk, manipulasjon og omfang
  • operatører
  • Oppdragsoperatøren etter verdi
  • Oppdragsoperatøren som referanse
  • De aritmetiske operatørene
  • Strengeoperatøren
  • De kombinerte operatørene
  • De logiske og sammenligningsoperatørene
  • Den ternære operatøren
  • NULL fagforeningsoperatør
  • Den kombinerte sammenligningsoperatøren
  • Operatørens forrang

Kontrollstrukturer i PHP7

  • Kontrollstrukturer i PHP 7. Conditionals
  • Hvis strukturen
  • Bryterstrukturen
  • Kontrollstrukturer i PHP 7. løkker
  • Hvis strukturen
  • Mens strukturen
  • Gjør ... mens struktur
  • Strukturen
  • Foreach-strukturen
  • Fortsett og bryt uttalelsene
  • Ta med en fil
  • Betjening og bruk
  • Avbryt manuset
  • grensesnitt
  • Klassekonstanter
  • trekk
  • Anonyme klasser
  • unntak
  • Behandle feil i et PHP-skript
  • Generell informasjon
  • PHP feilmeldinger
  • Feil ved håndtering av funksjoner

Funksjoner i PHP7

  • Bruk PHP-funksjoner
  • innledning
  • Manipulere konstanter, variabler og datatyper
  • konstanter
  • variabler
  • Datatyper
  • konverteringer
  • Manipulere numeriske variabler
  • Manipulere variable strenger
  • Manipulere matriser
  • Bruk vanlige uttrykk
  • Struktur av et vanlig uttrykk

MySQL-databaser

  • Behandle skjemaer og lenker
  • Datarekonstruksjon
  • Tegnkoding
  • Nødvendige data
  • Send og last ned filer
  • Få tilgang til en database
  • Tilkobling og frakobling
  • Grunnleggende SQL-spørsmål (vis, rediger, slett og sett inn)
  • Tabellskaping
  • Lagre poster fra PHP
  • Resultatintegrasjon
  • Datakoding
  • Feltvalidering

Administrer økter

  • Administrer økter
  • Generell informasjon
  • Identifikasjon etter skjema
  • Identifisering via HTTP-godkjenning
  • Bekreft inntastede ID-opplysninger
  • Bruk informasjonskapsler
  • Bruk PHP-sesjonsstyring
  • implementering
  • Selvstyring av overføring av øktidentifikator
  • Hold informasjon fra besøk til besøk
  • Kort sammendrag av variabler for Get / Post / Cookie / Session
Sist oppdatert aug. 2020

Om skolen

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 ... Les 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. Minimér
Madrid , Sevilla , Madrid + 2 Mer Mindre