Formation – Développement logiciel d’applications communicantes

Dernière mise à jour : 06/2015

DE11 – HTML5: développement de sites web

Durée : 2 jours
Prix : 1 125 €
Prix HT inter-entreprises par participant. Collations et déjeuners offerts.
S'inscrire / s'informer
Objectifs :

Cette formation vous permet :

  • d’apprendre à développer un site web “responsive”, qui s’adapte à toutes les tailles d’écrans
  • d’éviter les pièges des CSS quand on débute
  • de savoir choisir et utiliser le framework JavaScript qui convient à son projet
  • de maîtriser les contraintes de bases du Web appliquées aux terminaux mobiles
  • Participants Développeurs, ingénieurs Web ou toute personne souhaitant maitriser cette technologie.
  • Pré-requis Connaissances basiques en développement Web : HTML, CSS, JavaScript.
  • Travaux dirigés Chaque notion théorique abordée est mise en oeuvre à travers des travaux pratiques.
Imprimer
la page

Introduction

  • Introduction
  • Les nouvelles fonctionnalités
  • Nouveautés pour les formulaires
  • Les balises audio et vidéo
  • SVG et Canvas

CSS3

  • Rappels sur les CSS
  • CSS display, float, absolute, relative et flexbox
  • Les prefixes CSS
  • LESS et SASS
  • Ressources
  • TP : mise en forme de mon site Web

Responsive Web Design

  • Introduction
  • Les media queries
  • Des images responsives
  • TP : rendre mon site responsive

Bootstrap CSS

  • Présentation
  • Avantages et inconvénients de Bootstrap
  • Personnaliser son thème Bootstrap
  • TP : faire un site responsive avec Bootstrap

Polices d’icônes

  • Pourquoi utiliser des polices d’icônes ?
  • Font Awesome
  • Faire sa propre police avec Fontastic
  • TP : utiliser Font Awesome dans son site Web

Choisir son framework JavaScript

  • JavaScript
  • Le framework historique : jQuery
  • Les nouveaux framework : AngularJS, ReactJS, Ember, Handlebars
  • Choisir le framework adapté à son projet
  • Bonnes pratiques
  • TP : mise en oeuvre de fonctions JavaScript

Le Web mobile

  • Historique et contraintes
  • Les pièges à éviter
  • Les ressources
  • Le Web mobile de demain

Formations connexes

  • Développement logiciel d’applications communicantes 5 formations
    • DE4

      SIPp : Conception de scripts

      L’objectif de cette formation est de découvrir l’ensemble des possibilités de SIPp et de le mettre en oeuvre afin de maîtriser son utilisation.

    • DE9

      Déployer vos services téléphoniques avec WebRTC

      Cette formation permet au participant d’appréhender les enjeux, objectifs et fonctionnalités de WebRTC, les techniques et protocoles mis en œuvre et les mécanismes sous-jacents du framework

    • DE10

      Développer vos applications multimedia avec WebRTC

      Cette formation permet d’appréhender les enjeux, objectifs et fonctionnalités de WebRTC, de mettre en œuvre les techniques et protocoles, de comprendre les API et leurs impacts réseaux et de maîtriser les mécanismes sous-jacents du framework. Cette fonction s'appuie sur de nombreux travaux pratiques.

    • DE11

      HTML5: développement de sites web

      Cette formation permet d’apprendre à développer un site web “responsive”, qui s’adapte à toutes les tailles d’écrans, d’éviter les pièges des CSS, de savoir choisir et utiliser le framework JavaScript qui convient à son projet et de maîtriser les contraintes de bases du Web appliquées aux terminaux mobiles.

    • DE12

      Python et Django : mise en oeuvre

      Cette formation permet d’apprendre à écrire des scripts serveur en Python, de maîtriser l’usage du framework Django pour réaliser un site Web complexe, de savoir installer et configurer un serveur Web utilisant Django et de savoir mettre en production son site Web.

TuffigoRapidex
sierra_wireless
ADP
CGI
la poste
Viibe
Groupama-logo
HubOne
Keolis
AXIANS
logo-coriolis-telecom_mod
neosoft
GFI
NETENSIA
DCNS
adventiel
ESR Groupe H69
SNCF_2011
Adeunis
Thales
Astellia
Extia
Monaco Telecom_550x550
SFR
SII
VA SOLUTIONS2
BureauVeritas
athemium
iagility
econocom
CMB ARKEA
Bouygues E&S
Lomaco
LOGO-CONVERGENCE-2019_300px_mod
capgemini
broadpeak
alten
Schneider-mod
nokia-logo
intel
AIRBUS
setelia
DGAC
akio
Amphenol-Antenna-Solutions-Logo-2-mod
technicolor
davidson
axione
Modis
NIJI
Savelec
Sofrecom
t&t
cirpack
assystem-logo
XURA 90H
image_et_reseau
Italtel
actility
Motorola
orange
Icosnet
logo_SDIS54_mod
Deltadore
SopraSteria
sagemcom
engie-ineo