Formation Créer un site Web Responsive - Synthèse – Centre de formation M2i
M2i Formation

Découvrez notre formationCréer un site Web Responsive - Synthèse

Présentiel

5 jours (35 heures) - WEB-SYNT

(14)
Accueil  ›  Formations Informatique  ›  Langages et développement  ›  Développeur Web HTML 5, CSS 3 et JavaScript  ›  Créer un site Web Responsive - Synthèse

Objectifs pédagogiques

  • Maîtriser toutes les composantes afin de concevoir un site Web, depuis le serveur jusqu’au client.

Niveau requis

Avoir une expérience de développement en HTML / CSS.

Public concerné

Développeurs amenés à créer ou reprendre un site Web.

Lille13/01/20202 750 € HTDates proposées dans les agences M2iRéserver
Rouen13/01/20202 750 € HTDates proposées dans les agences M2iRéserver
Nantes13/01/20202 750 € HTDates proposées dans les agences M2iRéserver
Caen13/01/20202 750 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Des exigences fonctionnelles à l’architecture du site

  • Analyse des exigences client, fonctionnelles et techniques
  • Traduction des exigences fonctionnelles et techniques en architecture applicative

Les bonnes pratiques de conception

  • Le découpage en tiers
  • Les tiers données, métier et interface utilisateur ou service
  • Le modèle MVC

Les technologies du site Web

  • Les serveurs Web (Apache, IIS)
  • Rôle des serveurs d’application (Tomcat par exemple)
  • Le protocole HTTP, FTP
  • Web Socket (WS)
  • Rôle de l’URL ; Les URI et leur rôle dans les architectures actuelles (REST)
  • La représentation standard des données : JSON et XML

Création de pages Web statiques : HTML 5, CSS 3, JavaScript

  • Présentation du langage HTML 5
  • Structuration d’une page HTML 5
  • Les liens hypertextes
  • Les balises sémantiques
  • Les principales balises inline et block
  • Identification d’une balise
  • Présentation du langage CSS 3
  • Présentation du fonctionnement de CSS 3
  • Les sélecteurs principaux et avancés
  • Les propriétés et leurs valeurs
  • Les formulaires HTML 5
  • Contraintes et avantages
  • Syntaxe, structure
  • Champs de saisie
  • Boutons, cases à cocher, listes, zones de texte, sélections de fichier
  • Les nouveaux objets graphiques HTML 5 et leur compatibilité aux browser
  • Présentation des règles du responsive Design
  • Adaptation du contenu au conteneur
  • CSS 3 et les médias queries
  • Le langage JavaScript
  • Présentation des bases du langage
  • Appeler les fonctions
  • Ecrire des fonctions
  • Manipulation des objets HTML 5 et CSS 3 avec JavaScript, dynamisation
  • Les API HTML 5 manipulées avec JavaScript
    • Drag and Drop
    • Les storages
    • La géolocalisation
    • Le mode offline
    • Les Websockets

Présentation d’un langage objet, création de pages Web dynamiques

  • Les éléments de passage d’un site Web statique en site Web dynamique
  • Compréhension du V (Vue) et du C (Controleur) dans une architecture MVC en PHP
  • Gestion des requêtes en PHP
  • Distribution des requêtes au modèle (PHP ou Autre)
  • Appel des Vues en PHP
  • Création d’une interface dynamique an PHP, en liaison avec un modèle des données (BDD)
  • Présentation du modèle MVC en architecture JEE Java
  • Présentation du modèle MVC en architecture .NET

Le métier

  • Conception et création des composants métier en PHP
  • Présentation des composants métier en Java
  • Appel des composants métier depuis le contrôleur

Les données

  • Conception des composants de données
  • Le SQL
  • Les diverses possibilités d’accès aux données
  • Les API de base de données en PHP
  • Les ORM (Object Relational Mapper) en PHP
  • Présentation de l’accès aux données en Java
  • Les nouveaux types de gestion de données : le NoSQL

Le Web 2.0 et Ajax

  • Présentation de la technologie Ajax
  • Conception d’une application dynamique, allant de l’interface graphique aux données

Les Web Services, l’intégration

  • Nécessité de l’interopérabilité
  • Les Web Services lourds : SOAP / WSDL / XML
  • Les Web Services légers : REST / JSON
  • REST / JSON s’impose dans les architectures Web
  • Présentation du développement d’un Web Service REST et SOAP
  • Dans quels cas utiliser l’un ou l’autre ?

Quel choix faire pour le développement de son site et synthèse ?

  • Développer un site depuis le début ?
  • Choisir un CMS ?
  • Choisir un Framework ?
  • The "big picture" : reprendre tous les éléments vus sur un cas d’école

Complétez votre formation