Formation HTML5 / CSS3+ cours JavaScript

Détails du cours

image_pdfimage_print
image_pdfimage_print

Introduction

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

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Type des balises

Format des balises

Atelier pratique: Création d’un premier site web

Mettre du contenu texte, Insérer des liens hypertextes

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

Utiliser les images et les médias

Formats d’images pour le web

La balise img

Redimensionnement

Les sons, vidéos

Utiliser des listes

Les listes à puces

Les listes numérotées

Les liste de définitions

Atelier pratique:Créer un menu de navigation

Structurer un page avec des tableaux

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

Créer des formulaires

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

Apprendre les feuilles de style CSS

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

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Mise en page CSS, positionnement css

Marges intérieures et extérieures

Largeur et hauteur des blocs

Les blocs flottent

Différentes méthodes de positionnement css

Habillage CSS

Gérer l’arrière-plan

Utiliser les images de fond

Mise en pratique

Affichage des blocs et de leur contenu

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

E-marketing

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

Apprendre le langage JavaScript

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.

Déboguer et tester JavaScript

Outils de débogage des navigateurs

Déboguer dans l’éditeur de texte

Gérer les Evénements

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

Gestion de formulaires HTML

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

Manipulation de la page (DOM2)

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.

Introduction à AJAX

Principe de fonctionnement

l’objet XMLHttpRequest

Atelier pratique: Lire le contenu d’un fichier texte en AJAX

Le(s) formateur(s)
 
Expertise: Développeur
 
Expertise: Développeur

Avantages:

  • - Un support de cours pour chaque participant
  • - Formateurs agréés et reconnus par la Commission des partenaires du marché du travail
  • - Formation très généralement par petit groupe(1 à 5 participants)
  • - Soutien du formateur après la formation

Objectifs:

  • Connaître les principales balises HTML
  • Concevoir des pages internet comprenant du texte, des images et des formulaires en respectant les standards W3C
  • Appliquer des mises en forme à l'aide des styles CSS
  • Rendre les pages web plus interactives et conviviales en utilisant le langage JavaScript et le DOM (Document Object Model)
Montréal

16/09/2019 au 19/09/2019
14/10/2019 au 17/10/2019

Gatineau

29/07/2019 au 01/08/2019
7/10/2019 au 10/10/2019

Québec

02/09/2019 au 05/09/2019
30/09/2019 au 03/10/2019
28/10/2019 au 31/10/2019

Ottawa

9/09/2019 au 12/09/2019
7/10/2019 au 10/10/2019
4/11/2019 au 07/11/2019

Préférentiel
1659 $
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, ville de Québec.



Prix régulier: 1999 $
formation
Interessé par cette formation ?

La formation est également disponible en fin de semaine et sur demande en session privée.

Cette offre est valabe à partir du 01/01/2019.

Appréciation de la formation

Vincent G.*****

  Merci beaucoup, Formateur Excellent.

CLIENTS:


M. Bourassa – Technicienne en gestion de données - Bas-Saint-Laurent
Doussou formation nous a offert une excellente formation Oracle/SQL adaptée à notre environnement de travail et à nos besoins. Nous sommes très satisfaits des acquis obtenus après trois jours de formation et avons beaucoup apprécié l’adaptabilité de la formation.
Camil Laurence – Développeur PHP – Montréal, participant à une formation PHP Symfony et Zend Framework
Le formateur est un excellent pédagogue. Il possède parfaitement sa matière. Sa formation est adaptée aux participants et en liaison avec les besoins du marché. L’atmosphère en classe est détendue et conviviale. Un « must » pour rester à jour en nouvelles technologies de développement Web.

© Doussou Formation 2019