Nos formations sont accessibles à distance: classe virtuelle (Synchrone), E-learning (asynchrone). Nos horaires sont vos horaires, on s'adapte à vos contraintes. Contactez-nous !
Nos formations sont accessibles à distance: classe virtuelle (Synchrone), E-learning (asynchrone). Nos horaires sont vos horaires, on s'adapte à vos contraintes. Contactez-nous !
Cette formation HTML, CSS et JavaScript s'adresse à des débutants en développement web, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript.
La formation commence par des notions de base comme la création d'une première page web simple, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour que les participants soient autonomes.
Le cours aborde tout d'abord le langage HTML5 pour montrer comment structurer une page web, de disposer les éléments de la page web.
Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur.
Le dernier langage abordé dans ce cours est le langage JavaScript qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, de valider des formulaires.
Modèle Client/Server:Les protocoles associés
Sites (statiques, dynamiques)
Environnement de développement
Atelier pratique:Mise en évidence et installation des outils de développement
Principes de fonctionnement
Structure d’un document XHTML
Doctype
Type des balises
Format des balises
Atelier pratique: Création d’un premier site web
Les entités HTML
Balise de type bloc
Balise de type en ligne
Retour chariot
Les liens
Les ancres
les liens mailto
Liens relatifs
Liens absolus
Formats d’images pour le web
La balise img
Redimensionnement
Les sons, vidéos
Les listes à puces
Les listes numérotées
Les liste de définitions
Atelier pratique:Créer un menu de navigation
Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableau
fusion des cellules d’un tableau
Atelier pratique:Structurer notre site web avec les tableaux
Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection
Bouton d’envoi
Atelier pratique: création d’un formulaire de contact
Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges
Atelier pratique:mettre en forme notre site web
Famille de police
Aspect des lettres
Ajustement du texte
Atelier pratique: mettre en forme du texte
Diviser un document
Les identifiants de division
Identifiant avec CSS
La balise span
Atelier pratique:Structurer notre site web avec les div
Marges intérieures et extérieures
Largeur et hauteur des blocs
Les blocs flottent
Différentes méthodes de positionnement css
Gérer l’arrière-plan
Utiliser les images de fond
Mise en pratique
Affichage des blocs et de leur contenu
Sélecteurs d’attributs
Imbriquer les sélecteurs
Présentation des enjeux du référencement
Connaître les actions de base.
Choix des mots-clés
Soumission dans les moteurs et annuaires
E-mailing, newsletter et affiliation;
Atelier pratique: référencer les pages de notre site web
Déclaration et portée des variables.
Types de données (Number, Boolean, Date, Math, String, Array).
Gestion des chaînes de caractères
Manipulation des dates
Manipulation des tableaux
Opérateurs logiques et arithmétiques.
Boucles (for, while…).
Boîtes de dialogue prédéfinies
Fonctions de base prédéfinies en JavaScript
Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques.
Outils de débogage des navigateurs
Déboguer dans l’éditeur de texte
Les principaux événements JavaScript
ajouter un gestionnaire d’événement
associer un traitement à un événement
Atelier pratique:Changer dynamiquement les propriétés d’une image
Manipulation de contenu de formulaire
Créer des contrôles de saisie en JavaScript
Fonctions de validation de formulaire.
Evénements liés aux éléments de formulaire : changement, initialisation, clic…
Atelier pratique: Contrôle des champs de formulaire avant soumission
Arbre DOM
Méthodes de sélection d’éléments
Les Propriétés d’état
Les propriétés de relation
Modification du contenu HTML
Modification du style des éléments HTML
Atelier pratique:Mise en oeuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques.
Principe de fonctionnement
l’objet XMLHttpRequest
Atelier pratique: Lire le contenu d’un fichier texte en AJAX
par participant.e
Durée : 4 jour(s), soit 28 heures.
Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.
Lieux: Montréal, Gatineau / Ottawa , ville de Québec.
Prix régulier: 1199 $
*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.
“ I want to thank you both for providing my resources some excellent training(Cobol) over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “
“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “
“ Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité/Adaptabilité/Professionnalisme/Courtoisie. Merci!“
