Aller au contenu. | Aller à la navigation

Outils personnels

Navigation
Vous êtes ici : Accueil / Espace pédagogique / Informatique / Cours de B. Emery (ancien cours) / Cours 3INOC 2013-14

Cours 3INOC 2013-14

Les documents du cours.
Objectifs d'apprentissage 2013-14
Ce que vous devez savoir.
Fichier HTML Cours 1 - Introduction au HTML
Les bases du HTML.
Fichier HTML Cours 2 - Principales balises HTML
Liste et descriptions des principales balises de HTML5
Fichier CSS stylesheet Cours 3 - Introduction à la CSS
Liste et descriptions des principales balises CSS
Fichier 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.
Fichier PDF document 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.
Fichier Troff document Cours 6 - Bases du Javascript
Les bases du Javascript, qui est utilisé pour animé les pages et ajouter de l'interactivité.
Fichier Troff document 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.
Fichier object code Cours 8 - Audio et vidéo
Grande nouveauté du HTML5, la lecture native des fichier audio et vidéo.
Fichier 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.
Fichier chemical/x-cache 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
Fichier Cours 12 - Les formulaires
Les champs de données des formulaires.
Fichier Cours 13 - Stockage de données locales
La gestion des cookies (désormais obsolets) et des nouvelles interfaces WebStorage et IndexedDB.
Fichier Pascal source code Cours 14 - Drag & Drop
La gestion du Drag & Drop en HTML5 et JS.
Fichier 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.
Fichier text/texmacs 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!).
Fichier Test1
Fichier Corrigé test 1
Consignes jusqu'à Pâques
A faire pendant les libérations de cours
Fichier Troff document 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.