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.

Paris La Défense13/01/20202 750 € HTDates proposées dans les agences M2iRéserver
Paris La Défense27/07/20202 750 € HTDates proposées dans les agences M2iRéserver

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

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus