JavaScript : Web dynamique

LiveOnLine Certifiant
  • Référence : DERS106
  • Durée : 3 jours (21 heures)
  • Certification : Non
  • Eligible CPF : Non

CONNAISSANCES PREALABLES

  • Il est demandé aux participants de connaître le principe de fonctionnement d'Internet et du Web, le langage HTML
  • La connaissance d'un langage de programmation est utile

PROFIL DES STAGIAIRES

  • Architectes web
  • Chefs de projets
  • Développeurs web
  • Webmestres

OBJECTIFS

  • Maîtriser l'utilisation des balises et feuilles de style HTML5/CSS3
  • Utiliser JAvascript pour gérer l'interactivité d'un site web
  • Savoir construire son site en Responsive Design

METHODES PEDAGOGIQUES

  • La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage
  • Mise à disposition d’un poste de travail par participant

METHODES D'EVALUATION DES ACQUIS

  • Auto-évaluation des acquis par le stagiaire via un questionnaire
  • Attestation de fin de stage adressée avec la facture

FORMATEUR

Consultant-Formateur expert Développement Internet

CONTENU DU COURS

1 - Rappels HTML

  • Création d’une page web
  • Document HTML minimum
  • Modèles de sites HTML5

2 - Feuilles de style CSS3

  • Les nouveaux sélecteurs CSS3
  • Les pseudo-classes

3 - La mise en forme CSS3 des boîtes

  • Les nouvelles propriétés CSS3
  • Gérer le débordement, l’arrière-plan, les bordures
  • Ombres et dégradés
  • Générateurs CSS3 en ligne

4 - Gestion du texte

  • Des nouvelles mises en forme de texte
  • Gestion des polices
  • La typographie avancée

5 - Javascript

  • Introduction
  • Structure du langage
  • Variables et affectation
  • Les types de variables
  • Les opérateurs
  • Les structures de contrôle
  • Javascript et les formulaires
  • Javascript et le CSS

6 - Gestion des formulaires

  • Rappels
  • Les nouveaux champs
  • La validation des formulaires
  • Les expressions régulières
  • L’aide
  • Des pseudo-classes pour les formulaires
  • La validation des saisies
  • Gestion des boutons

7 - Les transformations CSS3

  • La transformation, déplacement, mise à l’échelle, rotation, déformation
  • Appliquer toutes les transformations
  • Les générateurs en ligne

8 - Les transitions CSS3

  • Mettre en place les transitions
  • Effectuer une transition de déplacement
  • Les autres propriétés des transitions
  • Les générateurs en ligne

9 - Les animations CSS3

  • La construction d’une animation
  • Exemples d’animation : déplacement, rotation, transparence

10 - Le multimédia

  • Balises et codecs audio et video

11 - Le canevas de dessin

  • La création bitmap en javascript
  • Les différentes techniques
  • Les transformations
  • La manipulation des objets

12 - Le design Web adaptatif (Responsive Design)

  • Les requêtes de média
  • La taille des écrans
  • Les grilles fluides
  • Des images adaptatives
  • Créer du design adaptatif
cookie