HTML 5, CSS 3 et JavaScript

Comprendre les fondamentaux du développement web.

Introduction

Définir HTML 5

1. Balisage HTML5
2. Une visite des principaux éléments HTML5
3. Les éléments <Video>, <audio> et <Canvas>
4. Les formulaires web
5. Beaucoup plus de nouveaux éléments avec HTML5
6. Une vue d'ensemble des API HTML5 et les technologies de soutien
7. Géolocalisation en action
8. Web workers
9. Le Web Storage
10. Les animations CSS
11. Les transitions CSS
12. Les transformations CSS 2D et 3D
13. CSS3, les arrières plans, les frontières, les couleurs RGBA, les dégradés, les ombres portées, et des coins arrondis
14. @ polices Web font-face
15. HTML5 est dans un état de transition
16. Qui est en utilisant HTML5 aujourd’hui ?
17. Identifier les sites HTML5 

Principes de base de HTML, XHTML et CSS

1. Langages du Web
2. Page structure basée sur HTML
3. Les détails de la syntaxe XHTML
4. Doctype permet au navigateur web savoir à quoi vous attendre
5. Le W3C et la page de validation
6. La structure HTML
7. Mise en place des images en HTML
8. Le rôle du CSS
9. Du style d'une rubrique
10. Comprendre les styles de classe et l'élément <span>
11. Trois façons d'utiliser le style
12. Feuilles interne vs. Feuilles externe
13. Création d'une feuille de style externe
14. Ce qui rend les styles en cascade

Mise en forme de textes avec CSS

1. L'importance de la typographie sur le Web
2. Les défis de la police sur le Web
3. Définition d'une famille de polices
4. Dimensionner le texte avec CSS
5. Les pixels et les points ne sont pas les meilleurs choix
6. Utiliser une combinaison de pour cent et la mesure em
7. L'utilisation des marges pour modifier l'espace entre votre texte
8. Paragraphe pour réglage de la hauteur de ligne
9. Transformation de texte avec CSS
10. Utilisation des listes HTML
11. Listes HTML avec Styles

Comprendre la mise en page avec CSS.

Introduction à la mise en page CSS

1. Travailler avec un fichier de réinitialisation CSS
2. Une brève histoire des techniques de mise en page sur le web
3. Un aperçu de la page des options de mise en page
4. La compréhension de l'élément <div>: la création d'une disposition de deux colonnes à largeur fixe
5. Comprendre la propriété CSS float
6. Création de colonnes avec la propriété float
7. Travailler avec la propriété claire
8. Création d'une navigation basée sur une liste en utilisant des flotteurs
9. Ajout de styles de texte
10. L'effet des marges et le remplissage de votre mise en page à largeur fixe
11. Un examen de l'utilisation de marges et le remplissage des mises en page
12. Styling de votre pied de page avec une image d'arrière-plan 

Atelier et cas pratique.

Savoir intéragir avec l'utilisateur.

Création de formulaires HTML 5

1. Les formulaires mis à jour
2. Le fonctionnement des formulaires
3. Les composants d'un formulaire
4. L'ajout de nouveaux types d'entrée HTML5 et les attributs
5. Création d'un formulaire de commande
6. Fournir une solution de repli pour les navigateurs qui ne prennent pas en charge HTML5 

Principes de base de HTML, XHTML et CSS

1. Langages du Web
2. Page structure basée sur HTML
3. Les détails de la syntaxe XHTML
4. Doctype permet au navigateur web savoir à quoi vous attendre
5. Le W3C et la page de validation
6. La structure HTML
7. Mise en place des images en HTML
8. Le rôle du CSS
9. Du style d'une rubrique
10. Comprendre les styles de classe et l'élément <span>
11. Trois façons d'utiliser le style
12. Feuilles interne vs. Feuilles externe
13. Création d'une feuille de style externe
14. Ce qui rend les styles en cascade

Introduction à JavaScript et jQuery

1. Interactivité sur le web
2. Adobe Flash
3. JavaScript
4. Bases JavaScript
5. Placer votre JavaScript dans un document externe
6. Le modèle objet de document
7. Framework JavaScript
8. Cacher un élément avec JQuery
9. Ajout d'un événement pour déclencher l'événement show

Utilisation des éléments audio et vidéo

1. Ajout d'une vidéo
2. Ajout du support pour d'autres navigateurs
3. Contrôle d'une vidéo avec JavaScript
4. Ajout d'audio

Atelier et cas pratique.

Maitriser le CSS avancé.

Travailler avec les dessins

1. Comprendre l'élément canvas
2. Les avantages de l'élément canvas
3. Dessin de rectangles
4. Tracer des lignes et des cercles
5. Dessin avec des courbes
6. Ajout d'un texte
7. L'utilisation de couleurs, des styles et des dégradés
8. Ajout d'images
9. L'utilisation des transformations
10. Création d'une boucle de dessin 

CSS 3

1. Comprendre le rôle de CSS3
2. Ajout de plusieurs images d'arrière-plan
3. Travailler avec la transparence et l'opacité CSS3
4. En utilisant des gradients CSS3
5. CSS3 gradients de potentiel pour l'avenir
6. transformation CSS3, des transitions et des animations
7. Utilisation des polices web
8. En utilisant @ font-face pour spécifier une police web
9. L'utilisation d'un service Web pour générer plusieurs polices

CSS 3 médias Queries et avenir de CSS 3

1. Le rôle des médias queries CSS3
2. Utilisation de médias queries CSS3 pour fournir une mise en page mobile optimisé
3. Développements à venir dans CSS3
4. La mise en page multi-colonnes CSS3
5. Le module de mise en boîte souple CSS3
6. Le module de mise en page du modèle CSS3
7. Ajout position sur la base du modèle CSS 

Stockage hors connexion dans HTML 5

1. Types de stockage HTML5
2. Méthodes localStorage
3. Exemple localStorage
4. Mettre tout ensemble
5. Stockage de données avancées
6. La mise en cache des applications
7. Le cache, le fichier manifeste
8. Mise à jour du cache
9. L'objet applicationCache
10. Amener tout ensemble 

HTML 5 Géolocalisation

1. Comprendre Géolocalisation
2. Obtenir l'emplacement de l'utilisateur
3. Affichage de l'emplacement de l'utilisateur avec Google Maps
4. Navigateurs manquant HTML5 Géolocalisation
5. Création d'un HTML5 Géolocalisation et mashup Google Maps
6. Ajout de marqueurs de carte Google à votre page Géolocalisation

HTML 5 Drag & Drop

1. Glissez et déposez sur le Web
2. Glisser-déposer Cross-navigateur
3. Transfert de données avec une opération de glisser-déposer 

Atelier et cas pratique.