Niveau : initiation - Durée : 4 jours
Pré-requis : savoir utiliser un ordinateur pour effectuer des tâches courantes.
Objectif : acquisition de connaissances approfondies dans le but de permettre aux stagiaires de maîtriser la conception d'un site web actuel en HTML, CSS et Javascript.
Méthode pédagogique : théorie, modes opératoires et transfert de compétences par réalisation d'ateliers pratiques.
Public visé : cette formation est destinée aux personnes voulant commencer "en douceur" le développement Web. Elle consiste en une découverte progressive de concepts nouveaux et en leur mise en pratique immédiate. Après avoir réalisé plusieurs maquettes basse définition pour comprendre les techniques abordées, nous travaillerons sur un projet pouvant être commercialement viable jusqu'à sa finition. Vous serez alors opérationnels à la création d'interfaces et sites web simples, mais maîtrisés et élégants.
Prochains stages en inter-entreprises.
Programme de la formation HTML5, CSS3, Javascript, jQuery - Développement d'interfaces clients et sites Web - Niveau 1
Formation web design / responsive design
Introduction au concepts du développement web
- Les différentes composantes du Web
- Serveur web, client et leurs langages de développement associés
- Développement coté client
- Données, mise en page et interaction
- Les fichiers sources d'une interface client
- Outils et méthodes de travail
- Le processus de développement et ses différentes étapes
- Installation d'un serveur web local et paramétrage d'un éditeur de code
Apprendre le HTML5
- L'histoire du HTML
- HTML, création et évolution
- Ecrire du code HTML
- Validité d'un document HTML
- Travailler dans l'éditeur de texte
- Travailler dans l'inspecteur d'un navigateur Web
- Balises sémantiques
- Sens d'un document HTML
- Comment coder titres, paragraphes, liens, listes,...
- Balises structurelles
- Structurer un document HTML
- Comment coder en-tètes, pieds de page, sections, menus de navigation, ...
- Formulaire
- Les éléments d'un formulaire côté client
- Les différents champs de saisie disponibles
- Traitement des formulaire côté serveur
- Ressources
- Insertion d'images, de graphiques vectoriels, d'audio et de vidéo dans un document HTML
- Accessibilité des ressources HTML
- Configuration d'un document HTML
- Eléments de configuration obligatoires et optimisation d'une page web
Apprendre le CSS3
- Historique, création et évolution du CSS
- Pourquoi le CSS ?
- Ecrire du code CSS
- Une première mise en page avec les propriétés CSS dites "en ligne"
- Les sélecteurs CSS ou comment cibler les éléments HTML devant être mis en page
- Syntaxe d'une règle CSS
- Ecriture de règles CSS dans la balise style
- Problèmes liés à ces méthodes d'écriture
- Lier un fichier CSS externe à un document HTML
- Le CSS facile
- Modifier les polices, leur couleur, leur gras
- Modifier les fonds avec des couleurs et des images
- Mettre en forme les images
- Injecter des polices "Google Font"
- Mise en page en cascade
- Explication et démonstration
- Utiliser la cascade pour optimiser son code de mise en page
- Les classes et identifiants CSS
- Etiqueter manuellement des éléments HTML pour leur mise en page
- Les identifiants et leur limites
- Réutilisation de règles CSS avec les classes puissance et bénéfices
- Différents types d'éléments
- Les éléments de type "boite'
- Les éléments de type "en ligne"
- Le modèle de boîte
- Largeur et hauteur d'un élément
- Marges internes, externes et bordures
- Calcul de la dimension totale d'une boite
- Faciliter le dimensionnement par l'emploi de CSS3
- Placement naturel d'éléments
- Alignement de boites
- Utiliser les techniques de modèles de boite et de types pour créer une grille de mise en page
Apprendre le Javascript
- Historique
- Historique, création et évolution du Javascript
- Ecriture de code Javascript
- Une première interaction avec la balise script
- Lier un fichier Javascript externe à un document HTML
- Découverte
- Modifier le contenu d'une balise HTML avec Javascript
- Modifier le style d'une balise HTML avec Jovascript
Utiliser jQuery
- Inclure la bibliothèque jQuery pour faciliter le développement Javascript
- Les bases jQuery
- Interactions et événements avec jQuery
- Utilisation de plugins (Slider et gallerie Masonry)
Questions / réponses
Autres formations complémentaires
< Précédent | Suivant > |
---|