M2i Formation

Créer un site Web Responsive - Synthèse

Par M2i Formation

Objectifs

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

Programme

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

Pédagogie

L'évaluation des acquis se fait :

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formationTélécharger au format pdf Ajouter à mes favoris

Formations de la même catégories (5)

IB Formation
Ergonomie et UX design d'interfaces graphiques pour appareils tactilesPar IB Formation

Si le marché des ventes de PC s’essouffle, celui des tablettes et smartphones continue d’afficher de bonnes performances. C’est dire l’engouement du grand public pour ces appareils. Face à ce phénomène, les entreprises "commerciales" se doivent de réagir et de proposer, comme il y a quelques années sur Internet, des applications (Apps) ou des sites web adaptés à ces appareils. Mais la diversité des tailles d’écrans comme la nécessité de proposer une navigation "tactile" très intuitive impose une sérieuse réflexion quant au design et à l’ergonomie de ce type d’interfaces. A l’issue de cette formation, les participants disposeront des connaissances et compétences qui leur permettront de réaliser des applications web ou des sites web conviviaux pour tous les utilisateurs (web et mobiles).

Orsys
Analyse et ergonomie des IHM logiciellesPar Orsys

Cette formation vous présentera les principes de l'ergonomie des IHM et vous fera découvrir les bonnes pratiques pour concevoir et améliorer leur design.

Global Knowledge
Developing on Hyperledger Fabric BlockchainPar Global Knowledge

Découvrez les besoins en applications Blockchain, ainsi que Hyperledger Fabric, le framework open source pour le développement d'applications et de solutions Blockchain à architecture modulaire. Ce cours vous présentera l'outil Hyperledger Composer, qui vous aide à créer des applications Hyperledger Fabric grâce à des travaux pratiques complets.

Ce cours est enseigné par des experts de premier plan, qui vous guideront à travers les sujets de présentation et ceux plus approfondis, tels que les étapes pour intégrer / développer une application avec Hyperledger Fabric v1.1.

Pyramyd Formation
HTML5, CSS3 et le responsive Web designPar Pyramyd Formation

CERTIFICATION ENI

La certification valide des compétences et se présente sous la forme d’un questionnaire à choix multiple adaptatif avec plusieurs niveaux de questions.

Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.