Formation Javascript – Fondamentaux
- Référence : DEJVS001
- Durée : 3 jours (21 heures)
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Posséder des connaissances en langages HTML et CSS et en programmation structurée
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
- Gérer les évènements et les manipulations dynamiques
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
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 vidéo
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