HTML5, CSS3, JavaScript : développement client

HTML5, CSS3, JavaScript : développement client

Type(s) : PED
Prérequis : La connaissance de l’algorithmique est nécessaire. La connaissance d’un langage de programmation objet est un plus.
Objectifs : Maîtriser HTML, CSS et JavaScript pour la mise en œuvre de page Web en responsive design. Manipuler les outils de développement et de debug. Comprendre l’évolution des langages pour la maintenance d’applications et manipuler leurs nouveautés. Se familiariser avec un framework CSS responsive design et first mobile pour développer son site. Comprendre Javascript et l’interaction avec le document pour dynamiser le site Web. Utiliser Ajax pour un développement asynchrone
Durée : 5 Jours – 35 Heures

Profil du formateur

Le formateur sélectionné dispose de compétences accrues sur Newsletter

Méthode pédagogique

Outils : Un ordinateur portable sera mis à disposition de chaque apprenant pour les sessions en inter-entreprises.

Support : Un support de cours au format PDF sera remis à chaque participant à la fin de sa formation.

Encadrement : Le consultant/formateur vérifiera les attentes de chaque apprenant au début de la formation. Il s’efforcera de prendre en compte les attentes de chaque participant. Il s’assurera de la bonne intégration des compétences tout au long de la formation

Suivi, évaluation, sanction

Les participants confirmeront leurs acquis sur Newsletter grâce à un QCM.

Plan du cours

Rappels des architectures Web

  • Internet, ses organismes, ses protocoles, ses normes et standards.
  • Les composants architecturaux d’une application Web: navigateur, serveur, ressource.
  • Caractéristiques de http (hyper text transfer protocol) et fonctionnement.
  • Du web statique au web dynamique.

 

Le langage HTML (Hyper Text Markup Language)

  • Création d’une page HTML5
  • Stylisation d’une page HTML5

 

CSS3 (Cascading Style Sheets)

  • Les concepts de base, les propriétés de style
  • Le positionnement des éléments
  • Comment gérer la compatibilité des navigateurs.
  • Les apports des nouveautés CSS3.
  • Couleurs et effets : transparence,  dégradés, coins arrondis, ombres portées.
  • Caractères : web fonts,  ombrage.
  • Transformations et animations : rotation, redimensionnement, déformation, transitions, animations.
  • Mise en page : multicolonnage, mise en page flexible.

 

HTML et CSS

  • Les formulaires, les nouveaux champs de saisie HTML5.
  • La mise en page et les balises d’organisation (header, footer, nav, section, article, aside)
  • Les tableaux, les Iframes
  • Techniques de validation des formulaires
  • Le responsive design et les Média Queries

 

Framework Frontend : Bootstrap

  • Utilités d’un framework frontend
  • Développement first mobile
  • Contenu et fonctionnement de Bootstrap
  • La grille et les classes de Bootstrap
  • La mise en page du site web avec Boostrap

Le langage Javascript

  • L'objectif de JavaScript.
  • Eléments syntaxiques
  • La structure générale d'un programme de scripts.
  • Les données, les opérateurs, les instructions de contrôle, les tableaux.
  • Les fonctions et l'appel de scripts.

La programmation avec Javascript

  • Rappels sur les concepts objets, les objets.
  • Les différentes catégories d'objets du navigateur.
  • Les objets du DOM (Window, Document…) et leurs manipulations.
  • Les objets spécifiques à JavaScript.
  • Le contrôle des formulaires et la gestion d’évènements
  • Le Dynamic HTML : présentation du concept DHTML.
  • Modification des styles CSS en JavaScript.

Ajax (Asynchronous JavaScript And XML)

  • Présentation et fonctionnement d’AJAX.
  • Dialogues client/serveur.
  • Protocole HTTP, méthodes GET, POST.
  • Chargements de contenu dynamique.
  • Formats texte, JSON et XML.

Nous contacter

AMS Formation (France)
03 83 67 63 05
22 Rue de Medreville
54000 Nancy – France

AMS Formation (Luxembourg)
00 352 26 10 22 58
145, route de Pétange
L-4645 Niederkorn – Luxembourg

ams-formation@ams-training.com

Suivez-nous

Retrouvez toute l'actualité d'AMS Formation sur les réseaux sociaux.