Bases de hTML-CSS

Cours

Deux langages à la base des pages web : HTML et CSS. Un cours détaillé et deux collections de diapos pour une présentation orale :

Comprendre le HTML et la CSS...

Présentation HTML-CSS...

Exercices

Prise en main de la syntaxe HTML-CSS. Concevoir une petite page web.

Réaliser des animations en CSS...

Utiliser une libairie JavaScript pour réaliser un dialogue interactif...

JavaScript

Tutoriels

Avant de démarrer en JavaScript, il est important de bien prendre en main quelques outils de développements. C'est ce que propose le TP suivant avec l'IDE de Firefox :

Prise en main de l'IDE Firefox pour programmer en JavaScript... Les TPs suivants proposent maintenant de découvrir les bases de JavaScript puis de rendre des pages dynamiques (manipulation du DOM) :

Introduction à la programmation en JavaScript...

Modifier du contenu HTML et CSS dynamiquement, interagir avec une page web...

Mini-projets

Le projet "mur d'eau" est d'un niveau débutant, sans prérecquis particulier. Le projet pong, assez long et complet, également mais nécessite de maîtriser d'avoir des bases en HTML-CSS. Le simulateur d'épidémie est plus difficile et peu guidé.

Contrôler un mur d'eau interactif virtuel en JavaScript...

Programmaer le jeu Pong en JavaScript (TP en construction)...

Construire de A à Z un simulateur d'épidémie dans un navigateur...