Master avansat în proiectare și dezvoltare web (Full Stack Development)

Generalități

2 locații disponibile
Citește mai multe despre acest program pe site-ul web al instituției

Programul de descriere

136329_pexels-photo-1779487.jpeg

540 de ore

Conținutul acestui program este orientativ și poate varia din motive de actualizare sau de modificare a conținutului.

obiective

Credeți că puteți stăpâni instrumente de proiectare grafică (Adobe Tools) și, în același timp, transformați propriile proiecte în pagini web? Din fericire sau din păcate, acest profil este din ce în ce mai solicitat în companii și agenții din sector. Uneori, nu este suficient să fii un bun grafician sau dezvoltator web, deoarece multe companii necesită un profil dublu sau polivalent. În acest master, vom învăța să stăpânim cele mai importante instrumente de design grafic (Adobe Illustrator, Photoshop și Indesign) și, în plus, studentul va deveni un dezvoltator web full stack, un programator cu un profil tehnic foarte complet, care știe bine atât ce referindu-ne la back-end ca referire la front-end și din ce în ce mai mult la cerere și mai bine apreciate în companii

Pentru aceasta, acest Master este alcătuit din trei module: Adobe Tools, Web Design cu HTML5, CSS3, Javascript și jQuery și Full Stack Development cu instrumentele anterioare plus PHP7 și SQL.

În primul modul, elevul va învăța să se ocupe de cele mai importante instrumente de proiectare grafică. Vom începe cu designul vectorial (Adobe Illustrator), pentru a continua cu procesarea digitală a imaginilor (Adobe Photoshop) și designul editorial (Adobe Indesign). După finalizarea acestui modul, studentul va putea realiza orice design de interfață grafică pe care și-l imaginează.

În cel de-al doilea modul, elevul învață tot ce are legătură cu structura web (HTML5), aspectul și designul vizual vizual (CSS3) și ne vom aprofunda în programarea web cu Javascript și jQuery.

În cel de-al treilea modul, studentul va deveni un dezvoltator web complet sau dezvoltator complet de stivă. Ce inseamna asta? Că studentul va putea programa aplicații sau pagini web atât pe partea clientului (dezvoltare front-end) cât și pe partea serverului (dezvoltare back-end). Poziția de dezvoltator full stack este căutată din ce în ce mai mult de companii și, prin urmare, este una dintre cele mai apreciate din punct de vedere economic în sectorul nostru de muncă.

informații

  • Adobe ilustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Editor de text simplu specializat în web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Primă indexare pentru mobil. bootstrap
  • Poziționare web SEO. Accesibilitate și utilizare
  • JavaScript
  • jQuery
  • Structuri complexe variabile și de control al debitului
  • Funcții în JavaScript
  • DOM
  • JavaScript avansat
  • AJAX în JavaScript
  • jQuery avansat
  • Primii pași cu PHP7
  • Tipuri de date în PHP7
  • Structuri de control în PHP7
  • Funcții în PHP7
  • Gestionează sesiunile

durată

540 Ore Total

  • În persoană sau online
  • 420 Ore de curs
  • Luni până joi (+ ceva vineri)
  • Proiecte finale de 120 de ore

orar

Dimineti

  • 09.00 - 12.00 ore
  • 12.00 - 15.00 ore

După-amiezile

  • 16.00 - 19.00 ore
  • 19.00 - 22.00 ore

preț

4.450 €

Verificați ofertele și promoțiile curente pe www.cei.es

Oficial

  • Școala noastră este unul dintre cele cinci centre de formare autorizate Adobe din Spania . Acest fapt arată că CEI a îndeplinit toate cerințele solicitate de Adobe și, de asemenea, constituie o garanție a calității pentru toți studenții noștri.
  • CEI este un centru de instruire autorizat Apple . Prin urmare, studenții noștri vor putea să obțină certificarea profesională Apple și să își avanseze cariera în proiectare și tehnologii informaționale, medii de afaceri și piețe B2B.
  • IBM are încredere în noi și din acest motiv ne-au acordat ecusonul IBM Education Partner . Acest sigiliu recompensează școlile care mențin și promovează o pregătire de calitate.
  • Școala noastră este consolidată ca Maxon Training Center de referință în Spania și am devenit prima școală din Europa care este Maxon Training Furnizor pentru R18 .

Modul de design grafic (instrumente Adobe)

01- Adobe Illustrator

  • Profiluri și moduri de culoare
  • Spațiul de lucru
  • Forme de bază
  • Instrumente de selectare
  • Arhive / Culoare / Gradient
  • Accelerații / umpluturi
  • Panoul de aspect
  • Mese de lucru
  • straturi
  • transformări
  • Pentru a alinia
  • deschizător de drumuri
  • Stiloul
  • Creionul
  • Perii
  • text
  • Ștergătoare / foarfece / lamă
  • Extinde
  • Pictura interactivă
  • Motive, modele
  • simboluri
  • Inserați imagini
  • Urmărirea interactivă
  • Grile de perspectivă
  • transparență
  • Masca de tuns
  • Ochiuri de gradient
  • Efectele editează
  • Efect 3D
  • Text
  • Tipărire și ieșire

02- Adobe Photoshop

  • Moduri de culoare
  • Spații de lucru
  • Pixelul
  • straturi
  • Forme de bază
  • Instrumente de selecție
  • Vas de vopsea
  • Degradat
  • transformări
  • Obiect inteligent
  • fuziuni
  • Perii
  • setter
  • Creionul
  • Mufă clonă
  • Patch-uri
  • Instrumente de retușare foto
  • Stiloul
  • Măști de tuns
  • Măști de strat
  • efecte
  • canale
  • Setări imagine
  • Straturi de reglare
  • filtre
  • Tipărire și ieșire

03- Adobe Indesign

  • Document / Carte / Bibliotecă
  • Pagini și spread-uri
  • Spațiul de lucru
  • Margini și coloane
  • reguli
  • Ghiduri și rețele (grila)
  • Mostrele
  • Instrumente de creare
  • Obiecte (containere)
  • straturi
  • transformare
  • lineups
  • efecte
  • Panou Linkuri
  • Dantelă
  • Pagina principală
  • tipografie
  • Opțiuni de caracter
  • Opțiuni de paragraf
  • Lucrați cu stiluri
  • compoziție
  • Paginare automată
  • Elemente interactive
  • Tipărire și ieșire

Modul de web design cu HTML5, CSS3 și Javascript

01- Web Design, HTML5 ȘI CSS3

Introducere în utilizarea echipamentelor de calculator

Sisteme de operare:

  • ferestre
  • Mac
  • Linux

Instalare și gestionare software:

  • browserele
  • Editori de text

Sistem de fișiere și foldere

  • Creați fișiere și foldere
  • Organizarea proiectelor web
  • Căi absolute, relative și URL

navigare pe internet

Principii în administrarea rețelei

Arhitectura client-server

Servere și protocoale

  • Certificate SSL
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Echipa de clienți

Introducere în routere și comutatoare

DNS (domenii și IP)

  • IP public
  • IP local
  • Nume de domeniu

Gazduire, locuire și CPD

Principii de bază pentru crearea de site-uri web statice

  • Limbi utilizate (HTML5 și CSS3)
  • Fluxul de execuție al codului
  • Structura vizuală a unui site web

Principii de utilizare și accesibilitate

Prototipizarea unui site web (UX / UI)

  • Interfață utilizator (Marvel)
  • Experiență utilizator (InVision)

HTML5

  • Etichete și atribute
  • Semantică și utilizare
  • Standardul și structura documentelor HTML5
  • Comentarii
  • Paragrafe, titluri și formate de text
  • Multimedia (imagini, audio și video)
  • Link-uri și butoane
  • liste
  • trage
  • Formulare
  • iFrames
  • Meta etichete
  • FAVICOM

CSS3

Link CSS

Selectori și pseudo-selectori

atribute

  • colorate
  • Bani
  • Formatarea și transformarea textelor
  • Înălțime, lată
  • Margini
  • Margini
  • umpluturi
  • Pozitii
  • aliniere
  • Umbrit și gradienți
  • Opacitate
  • transformări
  • filtre

Pseudoclase (activ, plin, controlat, primul copil, ultimul copil, al nouălea copil)

Pseudoelemente (după, înainte)

Importul și implementarea fonturilor (media și font-face)

Importarea și implementarea pictogramelor (fonturi și SVG)

Variabile CSS

Animații CSS (cadre cheie)

Primă indexare pentru mobil

  • Structuri generale (Plute)
  • Structuri simple (Flexbox)
  • Structuri complexe (grilă CSS)

Cadre și API-uri

  • Cizmă 4
  • Materializa
  • Proiectarea materialelor

Internet

  • Creați un domeniu
  • Crearea unui gazduire web
  • Conexiune și încărcare a unui site web pe server

SEO

  • Link web cu Google Search Console
  • Implementarea legăturii canonice

02- Dezvoltare web (front-end)

JavaScript

  • Introducere în programarea front-end
  • JavaScript. Sintaxă generală
  • Includeți JavaScript în documentele HTML
  • JavaScript în atașamente
  • JavaScript din codul HTML
  • JavaScript. Variabile și operatori
  • Variabile locale și variabile globale
  • Variabile numerice
  • Metode pentru variabile numerice
  • Operatori de atribuire
  • Operatori de creștere și decrementare
  • Operatori matematici
  • Șiruri de text (șiruri)
  • Metode pentru șiruri de text
  • Variabile nedefinite
  • NULL variabile
  • Variabile NaN
  • Operatori logici în JavaScript
  • Operatori relaționali

jQuery

  • Introducere în Jquery
  • Pași pentru a utiliza jQuery
  • Primul script cu jQuery
  • Bazele JQuery: adăugarea și eliminarea claselor CSS
  • Bazele JQuery: afișează și ascunde elementele paginii
  • Noțiuni de bază JQuery: Efecte rapide cu jQuery
  • Noțiuni de bază JQuery: apelare funcție jQuery
  • Noțiuni de bază JQuery: Utilizarea Ajax de bază cu jQuery
  • Noțiuni de bază JQuery: Ajax jQuery cu mesaj de încărcare

Modul de dezvoltare web Dezvoltare completă în stivă

01- Dezvoltare frontală cu JavaScript și jQuery

Structuri complexe variabile și de control al debitului

  • JavaScript. Tipuri de variabile complexe
  • Schițe în JavaScript
  • Metode pentru Arrayuri
  • Conditionale in JavaScript
  • Dacă / altfel
  • Intrerupator
  • Bucle în JavaScript
  • Pentru ciclu
  • În timp ce bucla

Funcții în JavaScript

  • Funcții în JavaScript
  • Sintaxa și utilizare
  • Domeniul JavaScript
  • Lucrați cu funcții

DOM

  • JavaScript. DOM
  • Introducere în DOM
  • Obiect de notație
  • Creați noduri
  • Adăugați noduri
  • Modificați, înlocuiți și ștergeți nodurile
  • Acces la atributele DOM
  • Modificați stilurile de element
  • Evenimente DOM

JavaScript avansat. Obiecte

  • Definirea obiectului
  • Matricele asociative
  • Proprietăți
  • metode
  • Aplicați () și apelați () metode
  • Introducere în notația JSON
  • Lucrul cu JSON în JavaScript (I)
  • Lucrul cu JSON în JavaScript (II)

AJAX în JavaScript

  • AJAX în JavaScript
  • Noțiuni de bază
  • Prima cerere
  • Cum funcționează o aplicație AJAX
  • Metode și proprietăți ale obiectului XMLHttpRequest
  • Obiecte pentru AJAX
  • Lucrez cu AJAX. Derulează listele
  • Lucrez cu AJAX. Formular automat
  • Lucrez cu AJAX. Cititor RSS
  • Lucrez cu AJAX. Hărți Google

jQuery Advanced

  • JQuery 3. Metode esențiale
  • Funcția JQuery sau funcția $ ()
  • Core / fiecare: fiecare din miezul jQuery
  • Dimensiunea () metoda și lungimea proprietății miezului jQuery
  • Metoda jQuery de bază a datelor ()
  • Selectoare JQery
  • Selectori de ierarhie în jQuery
  • Metode de atribut în jQuery
  • Accesați și modificați atributele HTML din jQuery
  • Metoda attr () a lui JQuery, alte utilizări și removeAttr ()
  • Metoda JQuery prop () și diferențele cu attr ()
  • Metode JQuery CSS
  • Metoda JQuery css ()
  • Funcțiile JQuery CSS pentru a cunoaște dimensiunea și poziția elementelor
  • Evenimente în jQuery
  • Manipulatoare de evenimente în jQuery
  • Introducerea obiectului eveniment în jQuery
  • Evenimente de mouse în jQuery mouseenter și mouseleave
  • Evenimente de tastatură în jQuery
  • Definiți evenimentele cu legare () și eliminați-le
  • Evenimente definite cu live () în jQuery
  • Evenimente delegate în jQuery
  • Efecte în jQuery
  • jQuery animate (): animația proprietăților CSS
  • Animații color cu jQuery
  • Decolorare în jQuery
  • Cozi de efect în jQuery
  • Metoda Queue () pentru a accesa o coadă de efecte
  • Puneți funcțiile într-o coadă de efect jQuery
  • Opriți execuția unei cozi de efect jQuery
  • Metoda Delay () pentru a întârzia executarea efectelor de coadă
  • Coadă de efecte personale (nu implicit) în jQuery
  • Dezvoltare de pluginuri în jQuery
  • Introducere în dezvoltarea de plugin-uri în jQuery

02- Dezvoltare de bază cu PHP7

Primii pași cu PHP7

  • Introducere în programarea back-end
  • Structura de bază a unei pagini PHP
  • Etichete PHP
  • Funcția ecou
  • Separator de instrucțiuni
  • Comentarii
  • Amestecă PHP și HTML
  • Reguli de denumire
  • Configurație PHP
  • Fișierul de configurare php.ini
  • Informații de configurare
  • Set de personaje
  • Utilizați PHP din linia de comandă
  • Bazele limbajului PHP
  • constante Definiție și domeniu de aplicare
  • variabile Inițializare și atribuire
  • variabile Domeniul de aplicare și durata
  • Variabile dinamice (sau variabile variabile)

Tipuri de date în PHP7

  • Tipuri de date
  • Tipuri disponibile
  • Tipuri de date scalare și speciale
  • Arrays
  • Arrays. Creație, manipulare și domeniu de aplicare
  • operatorii
  • Operatorul de atribuire după valoare
  • Operatorul de atribuire prin referință
  • Operatorii aritmetici
  • Operatorul de coarde
  • Operatorii combinati
  • Operatorii logici și de comparație
  • Operatorul ternar
  • Operatorul de uniune NULL
  • Operatorul de comparație combinat
  • Prioritate operator

Structuri de control în PHP7

  • Structuri de control în PHP 7. Conditionale
  • Structura if
  • Structura comutatorului
  • Structuri de control în PHP 7. Bucle
  • Structura if
  • Structura în timp
  • The do ... while structură
  • Structura pentru
  • Structura predicelui
  • Declarațiile de continuare și de pauză
  • Includeți un fișier
  • Funcționare și utilizare
  • Întrerupeți scenariul
  • interfeţe
  • Constante de clasă
  • trasaturi
  • Cursuri anonime
  • excepţii
  • Gestionează erorile dintr-un script PHP
  • Informații generale
  • Mesaje de eroare PHP
  • Funcții de gestionare a erorilor

Funcții în PHP7

  • Utilizați funcțiile PHP
  • preambul
  • Manipulează constantele, variabilele și tipurile de date
  • constante
  • variabile
  • Tipuri de date
  • Conversii
  • Manipulează variabilele numerice
  • Manipulează șiruri variabile
  • Manipulează tablourile
  • Folosiți expresii obișnuite
  • Structura unei expresii obișnuite

Baze de date MySQL

  • Gestionarea formularelor și a legăturilor
  • Recuperare date
  • Codificarea caracterelor
  • Date obligatorii
  • Trimiteți și descărcați fișiere
  • Accesați o bază de date
  • Conexiune și deconectare
  • Interogări SQL de bază (vizualizare, editare, ștergere și inserare)
  • Crearea tabelelor
  • Stocați înregistrările de la PHP
  • Integrarea rezultatelor
  • Codificarea datelor
  • Validare câmp

Gestionează sesiunile

  • Gestionează sesiunile
  • Informații generale
  • Identificarea după formă
  • Identificare prin autentificare HTTP
  • Verificați datele de identificare introduse
  • Utilizați cookie-uri
  • Utilizați gestionarea sesiunilor PHP
  • punerea în aplicare
  • Autogestionarea transmiterii identificatorului de sesiune
  • Păstrați informații din vizită pentru a vizita
  • Scurt rezumat al variabilelor Get / Post / Cookie / Session
Ultima actualizare Aug 2020

Despre facultate

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 ... Citeste mai mult

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. Citește mai puţin
Madrid , Seville , Madrid + 2 Mai mult Mai Puțin