Avanceret Master i Web Design og Udvikling (Full Stack Development)

Generelt

2 tilgængelige placeringer
Læs mere om dette program på institutionens websted

Program beskrivelse

136329_pexels-photo-1779487.jpeg

540 timer

Indholdet af dette program er vejledende, og det kan variere af grunde til at opdatere eller ændre indholdet.

målsætninger

Tror du, at du kan mestre værktøjer til grafisk design (Adobe Tools) og samtidig gøre dine egne designs til websider? Heldigvis eller desværre er denne profil i stigende grad efterspurgt i virksomheder og agenturer i sektoren. Nogle gange er det ikke kun nok at være en god grafisk designer eller webudvikler, da mange virksomheder kræver en dobbelt- eller flerbruksprofil. I denne kandidatgrad lærer vi at mestre de vigtigste værktøjer til grafisk design (Adobe Illustrator, Photoshop og Indesign), og derudover bliver den studerende en fuldstable webudvikler, en programmør med en meget komplet teknisk profil, der ved godt hvad at henvise til back-end som at henvise til front-end, og i stigende grad i efterspørgsel og bedre værdsat i virksomheder.

Til dette består denne master af tre moduler: Adobe Tools, Web Design med HTML5, CSS3, Javascript og jQuery og Full Stack Development med de tidligere værktøjer plus PHP7 og SQL.

I det første modul lærer den studerende at håndtere de vigtigste redskaber til grafisk design. Vi starter med vektordesign (Adobe Illustrator) for at fortsætte med digital billedbehandling (Adobe Photoshop) og redaktionelt design (Adobe Indesign). Efter at dette modul er afsluttet, vil den studerende være i stand til at fremstille ethvert grafisk interface-design, som de forestiller sig.

I det andet modul lærer den studerende alt, hvad der vedrører webstruktur (HTML5), layout og visuel webdesign (CSS3), og vi vil dykke ned i webprogrammering med Javascript og jQuery.

I det tredje modul bliver den studerende en komplet webudvikler eller fuld stackudvikler. Hvad betyder det? At den studerende vil være i stand til at programmere applikationer eller websider både på klientsiden (front-end-udvikling) og på serversiden (back-end-udvikling). Virksomhedernes fulde stack-udviklerposition efterspørges i stigende grad og er derfor en af de bedst værdsatte i vores arbejdsmarked.

oplysninger

  • Adobe illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Almindelig teksteditor, der er specialiseret i web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobil-første indeksering. bootstrap
  • SEO webpositionering. Tilgængelighed og brugervenlighed
  • JavaScript
  • jQuery
  • Komplekse variabler og strømningsreguleringsstrukturer
  • Funktioner i JavaScript
  • DOMEN
  • Avanceret JavaScript
  • AJAX i JavaScript
  • avanceret jQuery
  • Første trin med PHP7
  • Datatyper i PHP7
  • Kontrolstrukturer i PHP7
  • Funktioner i PHP7
  • Administrer sessioner

varighed

540 timer i alt

  • Personligt eller online
  • 420 timer med klasser
  • Mandag til torsdag (+ nogle fredag)
  • 120 timers afsluttende projekter

tidsplan

mornings

  • 09.00 - 12.00 timer
  • 12.00 - 15.00 timer

eftermiddage

  • 16.00 - 19.00 timer
  • 19.00 - 22.00 timer

pris

4.450 €

Tjek aktuelle tilbud og kampagner på www.cei.es

Officiel

  • Vores skole er et af de fem Adobe-autoriserede træningscentre i Spanien . Denne kendsgerning viser, at CEI har opfyldt alle de krav, som Adobe anmoder om, og ligeledes udgør en garanti for kvalitet for alle vores studerende.
  • CEI er et Apple-autoriseret træningscenter . Derfor vil vores studerende være i stand til at opnå Apple Professional Certification og fremme deres karriere inden for design- og informationsteknologier, forretningsmiljøer og B2B-markeder.
  • IBM stoler på os, og af den grund har de tildelt os IBM Education Partner- badget. Dette segl belønner skoler, der opretholder og fremmer kvalitetsuddannelse.
  • Vores skole er konsolideret som referencecenteret Maxon Training i Spanien, og vi blev den første skole i Europa til at være Maxon Training Provider for R18 .

Grafisk designmodul (Adobe-værktøjer)

01- Adobe Illustrator

  • Farveprofiler og tilstande
  • Workspace
  • Grundlæggende former
  • Valgværktøjer
  • Farveprøver / farve / gradient
  • Slag / fyld
  • Udseende panel
  • Arbejdstabeller
  • lag
  • Transformations
  • At stille op
  • Pathfinder
  • Pennen
  • Blyanten
  • Børster
  • tekst
  • Viskelæder / saks / kniv
  • Udvide
  • Interaktivt maleri
  • Motiver, mønstre
  • symboler
  • Indsæt billeder
  • Interaktiv sporing
  • Perspektiv gitter
  • gennemsigtighed
  • Klipmaske
  • Gradientmasker
  • Effekter rediger
  • 3D-effekt
  • Tekst
  • Print og output

02- Adobe Photoshop

  • Farvetilstande
  • Arbejdsrum
  • Pixel
  • lag
  • Grundlæggende formularer
  • Udvælgelsesværktøjer
  • Maler gryden
  • Forringet
  • Transformations
  • Inteligent objekt
  • Fusioner
  • Børster
  • Dropper
  • Blyanten
  • Klonestik
  • Patches
  • Foto retouchering værktøjer
  • Pennen
  • Klipmasker
  • Lagmasker
  • effekter
  • Kanaler
  • Billedindstillinger
  • Justeringslag
  • filtre
  • Print og output

03- Adobe Indesign

  • Dokument / bog / bibliotek
  • Sider og opslag
  • Workspace
  • Margener og kolonner
  • Regler
  • Guider og gitre (graticule)
  • Prøverne
  • Oprettelsesværktøjer
  • Objekter (containere)
  • lag
  • transformation
  • lineups
  • effekter
  • Links-panel
  • Lace
  • Master side
  • typografi
  • Tegnindstillinger
  • Paragrafindstillinger
  • Arbejd med stilarter
  • sammensætning
  • Automatisk personsøgning
  • Interaktive elementer
  • Print og output

Web Design-modul med HTML5, CSS3 og Javascript

01- Webdesign, HTML5 OG CSS3

Introduktion til brug af computerudstyr

Operativsystemer:

  • vinduer
  • Mac
  • Linux

Softwareinstallation og styring af software:

  • Browsere
  • Tekstredaktører

Filsystem og mapper

  • Opret filer og mapper
  • Organisering af webprojekter
  • Absolutte, relative og URL-stier

Web browsing

Principper i netværksadministration

Klient-server arkitektur

Servere og protokoller

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

Kundeteam

Introduktion til routere og switches

DNS (domæner og IP'er)

  • Offentlig IP
  • Lokal IP
  • Domænenavne

Hosting, bolig og CPD

Grundlæggende principper for oprettelse af statiske websteder

  • Brugte sprog (HTML5 og CSS3)
  • Kodeudførelsesstrøm
  • Visuel struktur på et websted

Principper for brugervenlighed og tilgængelighed

Prototype af et websted (UX / UI)

  • Brugergrænseflade (Marvel)
  • Brugeroplevelse (InVision)

HTML5

  • Mærker og attributter
  • Semantik og brug
  • HTML5-dokumentstandard og -struktur
  • Kommentarer
  • Afsnit, overskrifter og tekstformater
  • Multimedia (billeder, lyd og video)
  • Links og knapper
  • Lister
  • tegne
  • Forms
  • iFrames
  • Metakoder
  • Favicom

CSS3

Link CSS

Selectors og pseudo-selectors

attributter

  • farver
  • Penge
  • Format og transformation af tekster
  • Højde, bred
  • kanter
  • Margener
  • fyldninger
  • Positioner
  • tilpasning
  • Skyggefulde og gradueringer
  • Gennemsigtighed
  • Transformations
  • filtre

Pseudoclasses (aktiv, svæve, tjekket, første barn, sidste barn, niende barn)

Pseudoelements (efter, før)

Skriftimport og -implementering (medier og font-face)

Import og implementering af ikoner (skrifttyper og SVG)

CSS-variabler

CSS-animationer (keyframes)

Mobil-første indeksering

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

Rammer og API'er

  • Bootstrap 4
  • Materialise
  • Materielt design

Internet

  • Opret et domæne
  • Oprettelse af en webhosting
  • Forbindelse og upload af et websted til serveren

SEO

  • Link internet med Google Search Console
  • Kanonisk linkimplementering

02- Webudvikling (Front-End)

JavaScript

  • Introduktion til front-end programmering
  • JavaScript. Generel syntaks
  • Inkluder JavaScript i HTML-dokumenter
  • JavaScript i vedhæftede filer
  • JavaScript inde i HTML-kode
  • JavaScript. Variabler og operatører
  • Lokale variabler og globale variabler
  • Numeriske variabler
  • Metoder til numeriske variabler
  • Tildelingsoperatører
  • Forøgelses- og dekrementoperatører
  • Matematiske operatorer
  • Tekststrenge (strenge)
  • Metoder til tekststrenge
  • Udefinerede variabler
  • NULL-variabler
  • NaN-variabler
  • Logiske operatører i JavaScript
  • Relationsoperatører

jQuery

  • Introduktion til Jquery
  • Trin til brug af jQuery
  • Første script med jQuery
  • Grundlæggende om JQuery: Tilføjelse og fjernelse af CSS-klasser
  • Grundlæggende om JQuery: Vis og skjul sideelementer
  • Grundlæggende om JQuery: hurtige effekter med jQuery
  • Grundlæggende om JQuery: tilbagekald af jQuery-funktion
  • Grundlæggende om JQuery: Brug af grundlæggende Ajax med jQuery
  • Grundlæggende om JQuery: Ajax jQuery med indlæsningsmeddelelse

Webudviklingsmodul Full Stack Development

01- Front-End-udvikling med JavaScript og jQuery

Komplekse variabler og strømningsreguleringsstrukturer

  • JavaScript. Komplekse variabeltyper
  • Arrays i JavaScript
  • Metoder til arrays
  • Betingelser i JavaScript
  • Hvis ellers
  • Kontakt
  • Loops i JavaScript
  • Til cyklus
  • Mens løkken

Funktioner i JavaScript

  • Funktioner i JavaScript
  • Syntaks og brug
  • JavaScript-omfang
  • Arbejde med funktioner

DOMEN

  • JavaScript. DOMEN
  • Introduktion til DOM
  • Notationsobjekt
  • Opret noder
  • Tilføj knudepunkter
  • Rediger, udskift og slet noder
  • Adgang til DOM-attributter
  • Rediger elementstilarter
  • DOM-begivenheder

Avanceret JavaScript. objekter

  • Objektdefinition
  • Associerende arrays
  • Ejendomme
  • Metoder
  • Anvend () og opkald () metoder
  • Introduktion til JSON-notation
  • Arbejde med JSON i JavaScript (I)
  • Arbejde med JSON i JavaScript (II)

AJAX i JavaScript

  • AJAX i JavaScript
  • Kom godt i gang
  • Første ansøgning
  • Sådan fungerer en AJAX-applikation
  • Metoder og egenskaber for XMLHttpRequest-objektet
  • Objekter til AJAX
  • Jeg arbejder med AJAX. Drop-down lister
  • Jeg arbejder med AJAX. Autofuldfør form
  • Jeg arbejder med AJAX. RSS-læser
  • Jeg arbejder med AJAX. Google kort

jQuery Advanced

  • JQuery 3. Væsentlige metoder
  • JQuery-funktion eller $ () -funktion
  • Kerne / hver: hver af jQuery-kerne
  • Størrelse () metode og længdeegenskab for jQuery-kernen
  • Data () core jQuery-metode
  • JQuery-vælgere
  • Hierarki-vælgere i jQuery
  • Attributmetoder i jQuery
  • Få adgang til og ændre HTML-attributter fra jQuery
  • JQuery's attr () -metode, anden anvendelse og fjernAttr ()
  • JQuery prop () metode og forskelle med attr ()
  • JQuery CSS-metoder
  • JQuery css () -metode
  • JQuery CSS-funktioner til at kende elementernes størrelse og placering
  • Begivenheder i jQuery
  • Begivenhedshåndterere i jQuery
  • Introduktion af Event Object i jQuery
  • Musbegivenheder i jQuery musesenter og museleave
  • Tastaturbegivenheder i jQuery
  • Definer begivenheder med bind () og fjern dem
  • Begivenheder defineret med live () i jQuery
  • Delegerede begivenheder i jQuery
  • Effekter i jQuery
  • jQuery-animation (): animation af CSS-egenskaber
  • Farveanimationer med jQuery
  • Fading i jQuery
  • Effektkøer i jQuery
  • Queue () -metode for at få adgang til en kø af effekter
  • Sæt funktioner i en jQuery-effektkø
  • Stop udførelsen af en jQuery-effektkø
  • Forsink () -metode til at forsinke udførelsen af køeffekter
  • Kø for personlige effekter (ikke standard) i jQuery
  • Plugin-udvikling i jQuery
  • Introduktion til plugin-udvikling i jQuery

02- Back-End-udvikling med PHP7

Første trin med PHP7

  • Introduktion til back-end programmering
  • Grundlæggende struktur på en PHP-side
  • PHP-tags
  • Ekkofunktionen
  • Instruktionsseparator
  • Kommentarer
  • Bland PHP og HTML
  • Navngivningsregler
  • PHP-konfiguration
  • Konfigurationsfilen php.ini
  • Konfigurationsinformation
  • Sæt med tegn
  • Brug PHP fra kommandolinjen
  • Det grundlæggende i PHP-sproget
  • Konstanter Definition og omfang
  • Variable Initialisering og tildeling
  • Variable Omfang og varighed
  • Dynamiske variabler (eller variabler)

Datatyper i PHP7

  • Datatyper
  • Tilgængelige typer
  • Scalar og specielle datatyper
  • Arrays
  • Arrays. Oprettelse, manipulation og omfang
  • Operatører
  • Tildelingsoperatøren efter værdi
  • Tildelingsoperatøren som reference
  • De aritmetiske operatører
  • Strengeoperatøren
  • De kombinerede operatører
  • De logiske og sammenligningsoperatører
  • Den ternære operatør
  • NULL fagforeningsoperatøren
  • Den kombinerede sammenligningsoperatør
  • Operatørs præference

Kontrolstrukturer i PHP7

  • Kontrolstrukturer i PHP 7. Conditionals
  • If-strukturen
  • Skiftestrukturen
  • Kontrolstrukturer i PHP 7. Loops
  • If-strukturen
  • Strukturen mens
  • Do ... mens struktur
  • Strukturen for
  • Foreach-strukturen
  • Fortsæt og bryt udsagn
  • Medtag en fil
  • Betjening og brug
  • Afbryd scriptet
  • interfaces
  • Klassekonstanter
  • Træk
  • Anonyme klasser
  • Undtagelser
  • Håndter fejl i et PHP-script
  • Generelle oplysninger
  • PHP fejlmeddelelser
  • Fejl ved håndtering af funktioner

Funktioner i PHP7

  • Brug PHP-funktioner
  • Præambel
  • Manipulere konstanter, variabler og datatyper
  • konstanter
  • variabler
  • Datatyper
  • Konverteringer
  • Manipulere numeriske variabler
  • Manipulere variable strenge
  • Manipulere matriser
  • Brug regelmæssige udtryk
  • Struktur af et regelmæssigt udtryk

MySQL-databaser

  • Håndtering af formularer og links
  • Gendannelse af data
  • Tegnkodning
  • Krævede data
  • Send og download filer
  • Få adgang til en database
  • Tilslutning og afbrydelse
  • Grundlæggende SQL-forespørgsler (se, redigere, slette og indsætte)
  • Oprettelse af tabel
  • Gem poster fra PHP
  • Resultatintegration
  • Datakodning
  • Feltvalidering

Administrer sessioner

  • Administrer sessioner
  • Generelle oplysninger
  • Identifikation efter formular
  • Identifikation via HTTP-godkendelse
  • Bekræft de indtastede legitimationsoplysninger
  • Brug cookies
  • Brug PHP-sessionhåndtering
  • implementering
  • Selvstyring af transmission identifikationsoverførsel
  • Opbevar oplysninger fra besøg til besøg
  • Kort oversigt over variablerne Get / Post / Cookie / Session
Senest opdateret 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 ... Læs mere

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. Minimer
Madrid , Sevilla , Madrid + 2 Mere Mindre