Cours 3INOC 2013-14
Les documents du cours.
- Objectifs d'apprentissage 2013-14
- Ce que vous devez savoir.
-
Cours 1 - Introduction au HTML
- Les bases du HTML.
-
Cours 2 - Principales balises HTML
- Liste et descriptions des principales balises de HTML5
-
Cours 3 - Introduction à la CSS
- Liste et descriptions des principales balises CSS
-
Cours 4 - Les tableaux
- La réalisation de table de données et un complément CSS sur les pseudo-classes.
- Cours 4b - propriétés CSS supplémentaires
- Propriétés CSS présentées avant l'épreuve.
-
Cours 5 - SVG
- L'interface graphique de base (dessin vectoriel) de HTML5.
- Cours 5b - Les chemins de découpage en SVG
- Lien vers une explication pour "découper" des objets en SVG.
-
Cours 6 - Bases du Javascript
- Les bases du Javascript, qui est utilisé pour animé les pages et ajouter de l'interactivité.
-
Cours 7 - Programmation en Javascript
- Les principales méthodes, boucles, opérateurs et structures conditionnelles utilisés pour programmer en Javascript. - Errata 3.12.13 : correction du clearTimer
- Cours 7b - Manipuler SVG via JS
- Le DOM des objets SVG n'est pas tout à fait similaire à celui du HTML.
-
Cours 8 - Audio et vidéo
- Grande nouveauté du HTML5, la lecture native des fichier audio et vidéo.
-
Cours 9 - Mise en page avancée
- Le (re)positionnement précis des éléments HTML par la CSS est un peu compliquée mais permet de faire pratiquement n'importe quoi.
-
Cours 10 - Externalisation et mise en cache
- L'externalisation des instructions CSS et JS ainsi que la mise en cache des fichiers. En bonus, quelques instructions pour transformer ses pages en webapp.
- Cours 11* : Utilisation de jQuery
- Lien vers le tutoriel du site OpenClassrooms (site du Zero) sur la librairie jQuery
- Cours 11b* - jQuery Tools
- Un ensemble d'exemples d'utilisation de la librairie jQuery
-
Cours 12 - Les formulaires
- Les champs de données des formulaires.
-
Cours 13 - Stockage de données locales
- La gestion des cookies (désormais obsolets) et des nouvelles interfaces WebStorage et IndexedDB.
-
Cours 14 - Drag & Drop
- La gestion du Drag & Drop en HTML5 et JS.
-
Annexe - Jeu du Memory
- Un exemple de gestion du jeu du memory. Il manque les fichiers CSS externes et les images, mais le code est fonctionnel.
- Annexe 2 - Debugger avec Chrome
- Tutoriel pour apprendre à se servir de la console de développeur intégrée à Chrome.
-
Annexe 3 - Compilation des suppléments
- Tous les petits ajouts donnés en dehors des cours formels sont compilés dans ce fichier.
- Espace annexe de stockage des projets.
- Lien vers vos projets.
- Pack de préparation à la semestrielle
- Notepad++, Chrome portable, l'ensemble des cours, les tuto du site du zéro, les fichiers d'exemple, et le site du w3school, le tout zippé dans un seul fichier à télécharger (plus de 200Mo!).
-
Test1
-
Corrigé test 1
- Consignes jusqu'à Pâques
- A faire pendant les libérations de cours
-
Image pour jeu de taquin
- Réalisez un jeu du taquin (3x3) dont le déplacement est réalisé en cliquant sur la pièce à déplacer.