Master avancé en conception et développement Web (développement Full Stack)

Informations générales

2 lieux d'étude disponibles
En savoir plus sur ce programme sur le site de l'établissement

Description du programme

136329_pexels-photo-1779487.jpeg

540 heures

Le contenu de ce programme est indicatif, et il peut varier pour des raisons de mise à jour ou de modification du contenu.

Objectifs

Pensez-vous pouvoir maîtriser les outils de conception graphique (Adobe Tools) et, en même temps, transformer vos propres créations en pages Web? Heureusement ou malheureusement, ce profil est de plus en plus demandé dans les entreprises et agences du secteur. Parfois, il ne suffit pas d'être un bon graphiste ou développeur Web, car de nombreuses entreprises ont besoin d'un profil double ou polyvalent. Dans ce master, nous apprendrons à maîtriser les outils les plus importants de la conception graphique (Adobe Illustrator, Photoshop et Indesign) et, de plus, l'étudiant deviendra un développeur web full stack, un programmeur au profil technique très complet qui sait bien à la fois quoi se référant au back-end comme faisant référence au front-end, et de plus en plus demandé et mieux valorisé dans les entreprises.

Pour cela, ce Master est composé de trois modules: Adobe Tools, Web Design avec HTML5, CSS3, Javascript et jQuery et Full Stack Development avec les outils précédents plus PHP7 et SQL.

Dans le premier module, l'étudiant apprendra à gérer les outils les plus importants de la conception graphique. Nous commencerons par la conception vectorielle (Adobe Illustrator), pour continuer avec le traitement d'image numérique (Adobe Photoshop) et la conception éditoriale (Adobe Indesign). Après avoir terminé ce module, l'étudiant sera capable de réaliser n'importe quelle conception d'interface graphique qu'il imagine.

Dans le deuxième module, l'étudiant apprend tout ce qui concerne la structure Web (HTML5), la mise en page et la conception Web visuelle (CSS3) et nous nous plongerons dans la programmation Web avec Javascript et jQuery.

Dans le troisième module, l'étudiant deviendra un développeur Web complet ou un développeur full stack. Qu'est ce que ça signifie? Que l'étudiant soit capable de programmer des applications ou des pages Web à la fois côté client (développement front-end) et côté serveur (développement back-end). Le poste de développeur full stack est de plus en plus recherché par les entreprises et, par conséquent, est l'un des mieux valorisés économiquement dans notre secteur du travail.

information

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Editeur de texte brut spécialisé dans le web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Indexation mobile d'abord. Amorcer
  • Positionnement web SEO. Accessibilité et convivialité
  • JavaScript
  • jQuery
  • Structures complexes de contrôle des variables et des flux
  • Fonctions en JavaScript
  • Le DOM
  • JavaScript avancé
  • AJAX en JavaScript
  • jQuery avancé
  • Premiers pas avec PHP7
  • Types de données en PHP7
  • Structures de contrôle en PHP7
  • Fonctions en PHP7
  • Gérer les sessions

durée

540 heures au total

  • En personne ou en ligne
  • 420 heures de cours
  • Du lundi au jeudi (+ un vendredi)
  • Projets finaux de 120 heures

Horaire

Les matins

  • 09h00 - 12h00
  • 12h00 - 15h00

Les après-midi

  • 16h00 - 19h00
  • 19h00 - 22h00

prix

4 450 €

Consultez les offres et promotions en cours sur www.cei.es

Officiel

  • Notre école est l'un des cinq centres de formation agréés Adobe en Espagne . Ce fait montre que CEI a rempli toutes les exigences demandées par Adobe et constitue également un gage de qualité pour tous nos étudiants.
  • CEI est un centre de formation agréé par Apple . Par conséquent, nos étudiants pourront obtenir la certification professionnelle Apple et faire progresser leur carrière dans les technologies de la conception et de l'information, les environnements commerciaux et les marchés B2B.
  • IBM nous fait confiance et pour cette raison, ils nous ont décerné le badge IBM Education Partner . Ce sceau récompense les écoles qui maintiennent et promeuvent une formation de qualité.
  • Notre école est consolidée en tant que centre de formation Maxon de référence en Espagne et nous sommes devenus la 1ère école en Europe à être Maxon Training Provider pour R18 .

Module de conception graphique (Adobe Tools)

01- Adobe Illustrator

  • Profils et modes de couleur
  • Espace de travail
  • Formes de base
  • Outils de sélection
  • Nuancier / Couleur / Dégradé
  • Traits / Remplissages
  • Panneau d'apparence
  • Tables de travail
  • Couches
  • Transformations
  • Pour s'aligner
  • Éclaireur
  • Stylo
  • Le crayon
  • Pinceaux
  • Texte
  • Gomme / Ciseaux / Lame
  • Développer
  • Peinture interactive
  • Motifs, motifs
  • Symboles
  • Insérer des images
  • Trace en direct
  • Grilles de perspective
  • La transparence
  • Masque d'écrêtage
  • Maillages dégradés
  • Modifier les effets
  • Effet 3D
  • Texte
  • Impression et sortie

02- Adobe Photoshop

  • Modes couleur
  • Espaces de travail
  • Le pixel
  • Couches
  • Formes de base
  • Outils de sélection
  • Pot de peinture
  • Dégradé
  • Transformations
  • Objet intelligent
  • Fusions
  • Pinceaux
  • Compte-gouttes
  • Le crayon
  • Prise de clonage
  • Patchs
  • Outils de retouche photo
  • Stylo
  • Masques d'écrêtage
  • Masques de calque
  • Effets
  • Chaînes
  • Paramètres d'image
  • Calques d'ajustement
  • Filtres
  • Impression et sortie

03- Adobe Indesign

  • Document / Livre / Bibliothèque
  • Pages et planches
  • Espace de travail
  • Marges et colonnes
  • Règles
  • Guides et grilles (réticule)
  • Les échantillons
  • Outils de création
  • Objets (conteneurs)
  • Couches
  • Transformation
  • Lineups
  • Effets
  • Panneau Liens
  • Dentelle
  • Page maître
  • Typographie
  • Options de caractères
  • Options de paragraphe
  • Travailler avec des styles
  • Composition
  • Pagination automatique
  • Éléments interactifs
  • Impression et sortie

Module de conception Web avec HTML5, CSS3 et Javascript

01- Conception Web, HTML5 ET CSS3

Introduction à l'utilisation du matériel informatique

Systèmes d'exploitation:

  • les fenêtres
  • Mac
  • Linux

Installation et gestion du logiciel:

  • Navigateurs
  • Éditeurs de texte

Système de fichiers et dossiers

  • Créer des fichiers et des dossiers
  • Organisation de projets web
  • Chemins absolus, relatifs et URL

navigation sur le Web

Principes d'administration de réseau

Architecture client-serveur

Serveurs et protocoles

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

Équipe client

Introduction aux routeurs et commutateurs

DNS (domaines et IP)

  • IP publique
  • IP locale
  • Noms de domaine

Hébergement, logement et DPC

Principes de base pour la création de sites Web statiques

  • Langages utilisés (HTML5 et CSS3)
  • Flux d'exécution du code
  • Structure visuelle d'un site Web

Principes d'utilisabilité et d'accessibilité

Prototypage d'un site Web (UX / UI)

  • Interface utilisateur (Marvel)
  • Expérience utilisateur (InVision)

HTML5

  • Balises et attributs
  • Sémantique et utilisation
  • Norme et structure du document HTML5
  • commentaires
  • Paragraphes, titres et formats de texte
  • Multimédia (images, audio et vidéo)
  • Liens et boutons
  • Listes
  • Tableaux
  • Formes
  • iFrames
  • Balises Meta
  • Favicom

CSS3

Lien CSS

Sélecteurs et pseudo-sélecteurs

Attributs

  • Couleurs
  • Argent
  • Format et transformation des textes
  • Hauteur, large
  • Bords
  • Marges
  • Fourrages
  • Positions
  • alignement
  • Ombré et dégradés
  • Opacité
  • Transformations
  • Filtres

Pseudoclasses (actif, survol, vérifié, premier enfant, dernier enfant, nième enfant)

Pseudo-éléments (après, avant)

Importation et implémentation de polices (média et font-face)

Importation et implémentation d'icônes (polices et SVG)

Variables CSS

Animations CSS (images clés)

Indexation mobile d'abord

  • Structures générales (flotteurs)
  • Structures simples (Flexbox)
  • Structures complexes (grille CSS)

Frameworks et API

  • Bootstrap 4
  • Se concrétiser
  • Conception matérielle

Internet

  • Créer un domaine
  • Créer un hébergement Web
  • Connexion et téléchargement d'un site Web sur le serveur

SEO

  • Associer le Web à la Google Search Console
  • Implémentation de lien canonique

02- Développement Web (Front-End)

JavaScript

  • Introduction à la programmation frontale
  • JavaScript. Syntaxe générale
  • Inclure JavaScript dans les documents HTML
  • JavaScript dans les pièces jointes
  • JavaScript dans le code HTML
  • JavaScript. Variables et opérateurs
  • Variables locales et variables globales
  • Variables numériques
  • Méthodes pour les variables numériques
  • Opérateurs d'affectation
  • Opérateurs d'incrémentation et de décrémentation
  • Opérateurs mathématiques
  • Chaînes de texte (chaînes)
  • Méthodes pour les chaînes de texte
  • Variables non définies
  • Variables NULL
  • Variables NaN
  • Opérateurs logiques en JavaScript
  • Opérateurs relationnels

jQuery

  • Introduction à Jquery
  • Étapes pour utiliser jQuery
  • Premier script avec jQuery
  • Bases de JQuery: ajout et suppression de classes CSS
  • Principes de base de JQuery: afficher et masquer les éléments de la page
  • Bases de JQuery: Effets rapides avec jQuery
  • Bases de JQuery: rappel de fonction jQuery
  • Bases de JQuery: Utilisation d'Ajax de base avec jQuery
  • Bases de JQuery: Ajax jQuery avec message de chargement

Module de développement Web Développement Full Stack

01- Développement Front-End avec JavaScript et jQuery

Structures complexes de contrôle des variables et des flux

  • JavaScript. Types de variables complexes
  • Tableaux en JavaScript
  • Méthodes pour les tableaux
  • Conditions en JavaScript
  • Sinon
  • Commutateur
  • Boucles en JavaScript
  • Pour le cycle
  • Alors que la boucle

Fonctions en JavaScript

  • Fonctions en JavaScript
  • Syntaxe et utilisation
  • Portée JavaScript
  • Travailler avec des fonctions

Le DOM

  • JavaScript. Le DOM
  • Introduction au DOM
  • Objet de notation
  • Créer des nœuds
  • Ajouter des nœuds
  • Modifier, remplacer et supprimer des nœuds
  • Accès aux attributs DOM
  • Modifier les styles d'élément
  • Événements DOM

JavaScript avancé. Objets

  • Définition d'objet
  • Tableaux associatifs
  • Propriétés
  • Méthodes
  • Apply () et call () méthodes
  • Introduction à la notation JSON
  • Travailler avec JSON en JavaScript (I)
  • Utilisation de JSON dans JavaScript (II)

AJAX en JavaScript

  • AJAX en JavaScript
  • Premiers pas
  • Première application
  • Comment fonctionne une application AJAX
  • Méthodes et propriétés de l'objet XMLHttpRequest
  • Objets pour AJAX
  • Je travaille avec AJAX. Listes déroulantes
  • Je travaille avec AJAX. Formulaire de saisie semi-automatique
  • Je travaille avec AJAX. Lecteur RSS
  • Je travaille avec AJAX. Google Maps

jQuery Advanced

  • JQuery 3. Méthodes essentielles
  • Fonction JQuery ou fonction $ ()
  • Core / each: chacun des core jQuery
  • Méthode Size () et propriété length du noyau jQuery
  • Méthode jQuery principale Data ()
  • Sélecteurs JQuery
  • Sélecteurs de hiérarchie dans jQuery
  • Méthodes d'attributs dans jQuery
  • Accéder et modifier les attributs HTML à partir de jQuery
  • Méthode attr () de JQuery, autres utilisations et removeAttr ()
  • Méthode JQuery prop () et différences avec attr ()
  • Méthodes CSS JQuery
  • Méthode JQuery css ()
  • Fonctions CSS JQuery pour connaître la taille et la position des éléments
  • Événements dans jQuery
  • Gestionnaires d'événements dans jQuery
  • Introduction de l'objet événement dans jQuery
  • Événements de souris dans jQuery mouseenter et mouseleave
  • Événements de clavier dans jQuery
  • Définissez des événements avec bind () et supprimez-les
  • Événements définis avec live () dans jQuery
  • Événements délégués dans jQuery
  • Effets dans jQuery
  • jQuery animate (): animation des propriétés CSS
  • Animations couleur avec jQuery
  • Fondu dans jQuery
  • Files d'attente d'effets dans jQuery
  • Méthode Queue () pour accéder à une file d'effets
  • Mettre des fonctions dans une file d'attente d'effets jQuery
  • Arrêter l'exécution d'une file d'attente d'effets jQuery
  • Delay () méthode pour retarder l'exécution des effets de file d'attente
  • File d'attente d'effets personnels (pas par défaut) dans jQuery
  • Développement de plugins dans jQuery
  • Introduction au développement de plugins dans jQuery

02- Développement back-end avec PHP7

Premiers pas avec PHP7

  • Introduction à la programmation back-end
  • Structure de base d'une page PHP
  • Balises PHP
  • La fonction d'écho
  • Séparateur d'instructions
  • commentaires
  • Mélanger PHP et HTML
  • Règles de dénomination
  • Configuration PHP
  • Le fichier de configuration php.ini
  • Informations de configuration
  • Jeu de caractères
  • Utilisez PHP depuis la ligne de commande
  • Les bases du langage PHP
  • Constantes Définition et portée
  • Variables Initialisation et affectation
  • Variables Portée et durée
  • Variables dynamiques (ou variables variables)

Types de données en PHP7

  • Types de données
  • Types disponibles
  • Types de données scalaires et spéciaux
  • Tableaux
  • Tableaux. Création, manipulation et portée
  • Les opérateurs
  • L'opérateur d'affectation par valeur
  • L'opérateur d'affectation par référence
  • Les opérateurs arithmétiques
  • L'opérateur de chaîne
  • Les opérateurs combinés
  • Les opérateurs logiques et de comparaison
  • L'opérateur ternaire
  • L'opérateur d'union NULL
  • L'opérateur de comparaison combiné
  • Priorité des opérateurs

Structures de contrôle en PHP7

  • Structures de contrôle en PHP 7. Conditions
  • La structure if
  • La structure de commutation
  • Structures de contrôle en PHP 7. Boucles
  • La structure if
  • La structure while
  • La structure do ... while
  • La structure pour
  • La structure foreach
  • Les instructions continue et break
  • Inclure un fichier
  • Fonctionnement et utilisation
  • Interrompre le script
  • Interfaces
  • Constantes de classe
  • Traits
  • Cours anonymes
  • Des exceptions
  • Gérer les erreurs dans un script PHP
  • Informations générales
  • Messages d'erreur PHP
  • Fonctions de gestion des erreurs

Fonctions en PHP7

  • Utiliser les fonctions PHP
  • Préambule
  • Manipuler les constantes, les variables et les types de données
  • Constantes
  • Variables
  • Types de données
  • Les conversions
  • Manipuler les variables numériques
  • Manipuler des chaînes variables
  • Manipuler des tableaux
  • Utiliser des expressions régulières
  • Structure d'une expression régulière

Bases de données MySQL

  • Gérer les formulaires et les liens
  • Récupération de données
  • Encodage de caractère
  • Données requises
  • Envoyer et télécharger des fichiers
  • Accéder à une base de données
  • Connexion et déconnexion
  • Requêtes SQL de base (afficher, modifier, supprimer et insérer)
  • Création de table
  • Stocker les enregistrements de PHP
  • Intégration des résultats
  • Encodage des données
  • Validation sur le terrain

Gérer les sessions

  • Gérer les sessions
  • Informations générales
  • Identification par formulaire
  • Identification via l'authentification HTTP
  • Vérifiez les informations d'identification saisies
  • Utiliser des cookies
  • Utiliser la gestion de session PHP
  • exécution
  • Autogestion de la transmission des identifiants de session
  • Gardez les informations d'une visite à l'autre
  • Bref résumé des variables Get / Post / Cookie / Session
Mis à jour le Août 2020

À propos de l'établissement

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 ... Continuer

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. Réduire
Madrid , Séville , Madrid + 2 Plus Moins