Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

Détails du cours

image_pdfimage_print
image_pdfimage_print

Introduction

Pourquoi HTML5 ?

Format des balises

Les normes HTML, CSS, XHTML, XML, HTML5

Le W3C et les validateurs

La logique d’encodage, ISO-8859-1, UTF-8,..

Rappel sur les bases

Type des balises

syntaxe des règles de style

Positionnement css(relatif, absolu, flaot, display)

Atelier pratique : Créer un site XHTML/CSS

Passage en HTML5

Syntaxe, nouveau doctype et outils

structure et sémantique
Div et span

Nouvelles balises HTML5

Atelier pratique : Reconstruire notre site en HTML5/CSS3

Balises multimédias

inserer une image(Balises <figure>)

insérer une vidéo(Balises <video>)

insérer un son (Balises <audio>)

Compatibilité navigateur

Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video

Les formulaires

Nouveaux types pour <input>

Nouveaux attributs

Nouveaux éléments <output>,

Les validations de formulaire en HTML5v

Atelier pratique : Réaliser un formulaire HTML5

Dessiner : Création dynamique d’images en JavaScript

La balise Canvasv

SVGv

Tracer de formes(rectangle, cercle,,,,)

Couleurs, remplissages, dégradés

Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression

Géolocalisation

Vue d’ensemble

Se positionner (latitude, longitude)

CSS3

Vue d’ensemble

Syntaxe, préfixes CSS3

Coins arrondis

Ombres portés

Text-Shadow

Box-shadow

Dégradé linéaire

font-face

Sélecteur d’attribut

CSS3 :Transformations, transitions et animations

Rotation,

translation

Animations

Atelier pratique : Animer les différentes propriétés d’un élément

Découvrir JavaScript

Introduction à JavaScript

Concepts de base du Javascript

Notion d’événements

Gestion dynamique des CSS

Atelier pratique : Validation des champs de notre formulaire de contact

Document Object Model

Qu’est-ce que le DOM ?

Concept de noeud

Hiérarchisation des noeuds(Arbre DOM)

Les proprités de rélation

Les proprités d’état

Les méthodes d’accès aux noeuds

Firefox DOM Inspector

modification du contenu HTML

Modification du style des elements HTML

Atelier pratique : Créer une galerie photo

Faire du responsive design

Principe

Medias queries CSS 3

Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)

Utiliser Bootstrap

Présentation de Bootstrap

Installation de Bootstrap

Le système de grille pour positionnement

Les layouts

Le responsive Design

Atelier pratique : créer une page avec Bootstrap

Les composants Bootstrap

Menus déroulants

Barres de navigation

Fil d’arianne

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

Avantages:

  • - Un support de cours pour chaque participant
  • - Formation très généralement par petit groupe(1 à 5 participants)
  • - Soutien du formateur après la formation

Objectifs:

  • Maîtriser HTML5/CSS3
  • Mettre en œuvre les techniques de conception de sites web adaptatifs
Montréal

07/10/2019 au 09/10/2019
11/11/2019 au 13/11/2019
2/12/2019 au 04/12/2019
13/01/2020 au 15/01/2020

Gatineau / Ottawa

06/01/2020 au 08/01/2020

Québec

30/09/2019 au 02/10/2019
15/10/2019 au 17/10/2019
25/11/2019 au 27/11/2019
16/12/2019 au 18/12/2019
27/01/2020 au 29/01/2020

Gaspésie
105 Avenue Grand-Pré, Bonaventure, QC G0C 1E0

4/11/2019 au 06/11/2019
4/11/2019 au 06/11/2019
06/01/2020 au 08/01/2020
03/02/2020 au 05/02/2020

Préférentiel
1244 $
par participant.e

Durée : 3 jour(s), soit 21 heures.

Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.

Lieux: Montréal, Gatineau, ville de Québec.



Prix régulier: 1499 $
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.
Soumission gratuite et sans engagement

Sélectionnez le Lieu et la Date:

Contactez-nous si les dates proposées ne correspondent pas à vos besoins.



FORMATION EN ENTREPRISE

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