Master avanzato in web design e sviluppo (sviluppo full stack)

Generale

2 località disponibili
Scopri maggiori informazioni su questo programma sul sito della scuola

Descrizione programma

136329_pexels-photo-1779487.jpeg

540 ore

Il contenuto di questo programma è indicativo e può variare per motivi di aggiornamento o modifica dei contenuti.

obiettivi

Pensi di poter padroneggiare gli strumenti di progettazione grafica (Adobe Tools) e, allo stesso tempo, trasformare i tuoi progetti in pagine web? Fortunatamente o sfortunatamente, questo profilo è sempre più richiesto da aziende e agenzie del settore. A volte non basta solo essere un buon grafico o sviluppatore web, poiché molte aziende richiedono un profilo doppio o multiuso. In questo master impareremo a padroneggiare i più importanti strumenti di progettazione grafica (Adobe Illustrator, Photoshop e Indesign) e, inoltre, lo studente diventerà uno sviluppatore web full stack, un programmatore con un profilo tecnico molto completo che sa bene sia cosa riferirsi al back-end come riferito al front-end, e sempre più richiesto e meglio valutato nelle aziende.

Per questo, questo Master è composto da tre moduli: Adobe Tools, Web Design con HTML5, CSS3, Javascript e jQuery e Full Stack Development con gli strumenti precedenti più PHP7 e SQL.

Nel primo modulo lo studente imparerà a gestire i più importanti strumenti di progettazione grafica. Inizieremo con il disegno vettoriale (Adobe Illustrator), per continuare con l'elaborazione delle immagini digitali (Adobe Photoshop) e il design editoriale (Adobe Indesign). Dopo aver completato questo modulo, lo studente sarà in grado di realizzare qualsiasi progetto di interfaccia grafica che immagina.

Nel secondo modulo lo studente apprende tutto ciò che riguarda la struttura web (HTML5), il layout e il visual web design (CSS3) e approfondiremo la programmazione web con Javascript e jQuery.

Nel terzo modulo lo studente diventerà uno sviluppatore web completo o uno sviluppatore full stack. Cosa significa questo? Che lo studente sarà in grado di programmare applicazioni o pagine web sia lato client (sviluppo front-end) che lato server (sviluppo back-end). La posizione di sviluppatore full stack è sempre più richiesta dalle aziende e, pertanto, è una delle più valutate economicamente nel nostro settore del lavoro.

informazioni

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Editor di testo semplice specializzato nel web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Indicizzazione mobile first. bootstrap
  • Posizionamento web SEO. Accessibilità e usabilità
  • JavaScript
  • jQuery
  • Variabili complesse e strutture di controllo del flusso
  • Funzioni in JavaScript
  • Il DOM
  • JavaScript avanzato
  • AJAX in JavaScript
  • jQuery avanzato
  • Primi passi con PHP7
  • Tipi di dati in PHP7
  • Strutture di controllo in PHP7
  • Funzioni in PHP7
  • Gestisci le sessioni

durata

540 ore totali

  • Di persona o online
  • 420 ore di lezione
  • Dal lunedì al giovedì (+ alcuni venerdì)
  • 120 ore di progetti finali

orario

Le mattine

  • Ore 09.00 - 12.00
  • 12.00 - 15.00 ore

pomeriggio

  • Ore 16.00 - 19.00
  • 19.00 - 22.00 ore

prezzo

€ 4.450

Controlla le offerte e le promozioni in corso su www.cei.es

Ufficiale

  • La nostra scuola è uno dei cinque centri di formazione autorizzati Adobe in Spagna . Questo fatto dimostra che CEI ha soddisfatto tutti i requisiti che Adobe richiede e, allo stesso modo, costituisce una garanzia di qualità per tutti i nostri studenti.
  • CEI è un centro di formazione autorizzato Apple . Pertanto, i nostri studenti saranno in grado di ottenere la certificazione professionale Apple e avanzare nella loro carriera nel design e nelle tecnologie dell'informazione, negli ambienti aziendali e nei mercati B2B.
  • IBM si fida di noi e per questo ci ha assegnato il badge IBM Education Partner . Questo sigillo premia le scuole che mantengono e promuovono una formazione di qualità.
  • La nostra scuola si è consolidata come il Maxon Training Center di riferimento in Spagna e siamo diventati la prima scuola in Europa ad essere Maxon Training Provider per R18 .

Modulo di progettazione grafica (Adobe Tools)

01- Adobe Illustrator

  • Profili e modalità di colore
  • Area di lavoro
  • Forme di base
  • Strumenti di selezione
  • Campioni / Colore / Gradiente
  • Tratti / Riempimenti
  • Pannello Aspetto
  • Tavoli da lavoro
  • strati
  • trasformazioni
  • Allineare
  • esploratore
  • La penna
  • La matita
  • Spazzole
  • testo
  • Gomma / Forbici / Lama
  • Espandere
  • Pittura interattiva
  • Motivi, modelli
  • simboli
  • Inserisci immagini
  • Tracciamento interattivo
  • Griglie prospettiche
  • trasparenza
  • Maschera di ritaglio
  • Maglie sfumate
  • Modifica effetti
  • Effetto 3D
  • Testo
  • Stampa e output

02- Adobe Photoshop

  • Modalità colore
  • Spazi di lavoro
  • Il pixel
  • strati
  • Forme di base
  • Strumenti di selezione
  • Vaso di vernice
  • degradato
  • trasformazioni
  • Oggetto intelligente
  • fusioni
  • Spazzole
  • Contagocce
  • La matita
  • Clone plug
  • Cerotti
  • Strumenti di fotoritocco
  • La penna
  • Maschere di ritaglio
  • Maschere di livello
  • effetti
  • canali
  • Impostazioni immagine
  • Livelli di regolazione
  • filtri
  • Stampa e output

03- Adobe Indesign

  • Documento / Libro / Biblioteca
  • Pagine e spread
  • Area di lavoro
  • Margini e colonne
  • Regole
  • Guide e griglie (reticolo)
  • I campioni
  • Strumenti di creazione
  • Oggetti (contenitori)
  • strati
  • trasformazione
  • Formazioni
  • effetti
  • Pannello Collegamenti
  • Pizzo
  • Pagina principale
  • tipografia
  • Opzioni di carattere
  • Opzioni di paragrafo
  • Lavora con gli stili
  • composizione
  • Paging automatico
  • Elementi interattivi
  • Stampa e output

Modulo di Web Design con HTML5, CSS3 e Javascript

01- Web design, HTML5 E CSS3

Introduzione all'uso delle apparecchiature informatiche

Sistemi operativi:

  • finestre
  • Mac
  • Linux

Installazione e gestione del software:

  • browser
  • Editor di testo

File system e cartelle

  • Crea file e cartelle
  • Organizzazione di progetti web
  • Percorsi assoluti, relativi e URL

navigare su Internet

Principi nell'amministrazione della rete

Architettura client-server

Server e protocolli

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

Team cliente

Introduzione a router e switch

DNS (domini e IP)

  • IP pubblico
  • IP locale
  • Nomi di dominio

Hosting, alloggio e sviluppo professionale continuo

Principi di base per la creazione di siti Web statici

  • Lingue utilizzate (HTML5 e CSS3)
  • Flusso di esecuzione del codice
  • Struttura visiva di un sito web

Principi di usabilità e accessibilità

Prototipazione di un sito web (UX / UI)

  • Interfaccia utente (Marvel)
  • Esperienza utente (InVision)

HTML5

  • Tag e attributi
  • Semantica e utilizzo
  • Standard e struttura del documento HTML5
  • Commenti
  • Paragrafi, titoli e formati di testo
  • Multimedia (immagini, audio e video)
  • Collegamenti e pulsanti
  • elenchi
  • disegnare
  • Forme
  • iFrame
  • Meta tags
  • Favicom

CSS3

Collega CSS

Selettori e pseudo-selettori

attributi

  • Colori
  • I soldi
  • Formato e trasformazione dei testi
  • Altezza, ampia
  • bordi
  • margini
  • otturazioni
  • posizioni
  • allineamento
  • Ombreggiato e sfumature
  • Opacità
  • trasformazioni
  • filtri

Pseudoclassi (attivo, hover, controllato, primo figlio, ultimo figlio, ennesimo figlio)

Pseudoelementi (dopo, prima)

Importazione e implementazione dei font (media e font-face)

Importazione e implementazione di icone (font e SVG)

Variabili CSS

Animazioni CSS (fotogrammi chiave)

Indicizzazione mobile first

  • Strutture generali (galleggianti)
  • Strutture semplici (Flexbox)
  • Strutture complesse (CSS Grid)

Framework e API

  • Bootstrap 4
  • Materialise
  • Material Design

Internet

  • Crea un dominio
  • Creazione di un web hosting
  • Collegamento e caricamento di un sito Web sul server

SEO

  • Collega il web con Google Search Console
  • Implementazione del collegamento canonico

02- Sviluppo Web (front-end)

JavaScript

  • Introduzione alla programmazione front-end
  • JavaScript. Sintassi generale
  • Includi JavaScript nei documenti HTML
  • JavaScript negli allegati
  • JavaScript all'interno del codice HTML
  • JavaScript. Variabili e operatori
  • Variabili locali e variabili globali
  • Variabili numeriche
  • Metodi per variabili numeriche
  • Operatori di assegnazione
  • Operatori di incremento e decremento
  • Operatori matematici
  • Stringhe di testo (stringhe)
  • Metodi per stringhe di testo
  • Variabili indefinite
  • Variabili NULL
  • Variabili NaN
  • Operatori logici in JavaScript
  • Operatori relazionali

jQuery

  • Introduzione a Jquery
  • Passaggi per utilizzare jQuery
  • Primo script con jQuery
  • Nozioni di base su JQuery: aggiunta e rimozione di classi CSS
  • Nozioni di base su JQuery: mostra e nascondi gli elementi della pagina
  • Nozioni di base su JQuery: effetti rapidi con jQuery
  • Nozioni di base su JQuery: callback della funzione jQuery
  • Nozioni di base su JQuery: utilizzo di Ajax di base con jQuery
  • Nozioni di base su JQuery: Ajax jQuery con messaggio di caricamento

Sviluppo dello stack completo del modulo di sviluppo Web

01- Sviluppo front-end con JavaScript e jQuery

Variabili complesse e strutture di controllo del flusso

  • JavaScript. Tipi di variabili complesse
  • Array in JavaScript
  • Metodi per array
  • Condizionali in JavaScript
  • Se altro
  • Interruttore
  • Cicli in JavaScript
  • Per ciclo
  • While loop

Funzioni in JavaScript

  • Funzioni in JavaScript
  • Sintassi e utilizzo
  • Ambito JavaScript
  • Lavora con le funzioni

Il DOM

  • JavaScript. Il DOM
  • Introduzione al DOM
  • Oggetto notazione
  • Crea nodi
  • Aggiungi nodi
  • Modifica, sostituisci ed elimina i nodi
  • Accesso agli attributi DOM
  • Modifica gli stili degli elementi
  • Eventi DOM

JavaScript avanzato. Oggetti

  • Definizione dell'oggetto
  • Array associativi
  • Proprietà
  • metodi
  • Metodi Apply () e call ()
  • Introduzione alla notazione JSON
  • Lavorare con JSON in JavaScript (I)
  • Lavorare con JSON in JavaScript (II)

AJAX in JavaScript

  • AJAX in JavaScript
  • Guida introduttiva
  • Prima applicazione
  • Come funziona un'applicazione AJAX
  • Metodi e proprietà dell'oggetto XMLHttpRequest
  • Oggetti per AJAX
  • Lavoro con AJAX. Elenchi a discesa
  • Lavoro con AJAX. Modulo di completamento automatico
  • Lavoro con AJAX. Lettore RSS
  • Lavoro con AJAX. Google Maps

jQuery Advanced

  • JQuery 3. Metodi essenziali
  • Funzione JQuery o funzione $ ()
  • Core / each: ciascuno dei core jQuery
  • Metodo Size () e proprietà length del core jQuery
  • Metodo jQuery core Data ()
  • Selettori JQuery
  • Selettori della gerarchia in jQuery
  • Metodi di attributo in jQuery
  • Accedi e modifica gli attributi HTML da jQuery
  • Metodo attr () di JQuery, altri usi e removeAttr ()
  • Metodo JQuery prop () e differenze con attr ()
  • Metodi JQuery CSS
  • Metodo JQuery css ()
  • Funzioni JQuery CSS per conoscere la dimensione e la posizione degli elementi
  • Eventi in jQuery
  • Gestori di eventi in jQuery
  • Introduzione di Event Object in jQuery
  • Eventi del mouse in jQuery mouseenter e mouseleave
  • Eventi di tastiera in jQuery
  • Definisci gli eventi con bind () e rimuovili
  • Eventi definiti con live () in jQuery
  • Eventi delegati in jQuery
  • Effetti in jQuery
  • jQuery animate (): animazione delle proprietà CSS
  • Animazioni a colori con jQuery
  • Dissolvenza in jQuery
  • Code di effetti in jQuery
  • Metodo Queue () per accedere a una coda di effetti
  • Metti le funzioni in una coda di effetti jQuery
  • Arresta l'esecuzione di una coda di effetti jQuery
  • Metodo Delay () per ritardare l'esecuzione degli effetti della coda
  • Coda effetti personali (non predefinita) in jQuery
  • Sviluppo di plugin in jQuery
  • Introduzione allo sviluppo di plugin in jQuery

02- Sviluppo back-end con PHP7

Primi passi con PHP7

  • Introduzione alla programmazione back-end
  • Struttura di base di una pagina PHP
  • Tag PHP
  • La funzione eco
  • Separatore di istruzioni
  • Commenti
  • Mescola PHP e HTML
  • Regole di denominazione
  • Configurazione PHP
  • Il file di configurazione php.ini
  • Informazioni sulla configurazione
  • Set di caratteri
  • Usa PHP dalla riga di comando
  • Le basi del linguaggio PHP
  • costanti Definizione e ambito
  • variabili Inizializzazione e assegnazione
  • variabili Portata e durata
  • Variabili dinamiche (o variabili variabili)

Tipi di dati in PHP7

  • Tipi di dati
  • Tipi disponibili
  • Tipi di dati scalari e speciali
  • Array
  • Array. Creazione, manipolazione e scopo
  • operatori
  • L'operatore di assegnazione per valore
  • L'operatore di assegnazione per riferimento
  • Gli operatori aritmetici
  • L'operatore di stringa
  • Gli operatori combinati
  • Gli operatori logici e di confronto
  • L'operatore ternario
  • L'operatore di unione NULL
  • L'operatore di confronto combinato
  • Precedenza degli operatori

Strutture di controllo in PHP7

  • Strutture di controllo in PHP 7. Condizionali
  • La struttura if
  • La struttura dell'interruttore
  • Strutture di controllo in PHP 7. Loops
  • La struttura if
  • La struttura while
  • La struttura do ... while
  • La struttura per
  • La struttura foreach
  • Le istruzioni continue e break
  • Includi un file
  • Funzionamento e utilizzo
  • Interrompi lo script
  • interfacce
  • Costanti di classe
  • Tratti
  • Classi anonime
  • eccezioni
  • Gestisci gli errori in uno script PHP
  • Informazioni generali
  • Messaggi di errore PHP
  • Funzioni di gestione degli errori

Funzioni in PHP7

  • Usa le funzioni PHP
  • Preambolo
  • Manipola costanti, variabili e tipi di dati
  • costanti
  • variabili
  • Tipi di dati
  • conversioni
  • Manipola le variabili numeriche
  • Manipola stringhe di variabili
  • Manipola gli array
  • Usa espressioni regolari
  • Struttura di un'espressione regolare

Database MySQL

  • Gestione di moduli e collegamenti
  • Recupero dati
  • Codifica dei caratteri
  • Dati richiesti
  • Invia e scarica file
  • Accedi a un database
  • Connessione e disconnessione
  • Query SQL di base (visualizzazione, modifica, eliminazione e inserimento)
  • Creazione di tabelle
  • Archivia i record da PHP
  • Integrazione dei risultati
  • Codifica dei dati
  • Validazione sul campo

Gestisci le sessioni

  • Gestisci le sessioni
  • Informazioni generali
  • Identificazione tramite modulo
  • Identificazione tramite autenticazione HTTP
  • Verifica le credenziali ID inserite
  • Usa i cookie
  • Usa la gestione delle sessioni PHP
  • implementazione
  • Autogestione della trasmissione dell'identificativo di sessione
  • Conserva le informazioni dalla visita alla visita
  • Breve riepilogo delle variabili Get / Post / Cookie / Session
Ultimo aggiornamento Agosto 2020

Sulla scuola

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 ... Ulteriori informazioni

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. Leggi meno
Madrid , Siviglia , Madrid + 2 Più Meno