Accueil > Intranet Michel Buffa > L3 Miage : technos Web et préparation pour le Hackaton santé

L3 Miage : technos Web et préparation pour le Hackaton santé

De $1

Introduction

Dans ce cours on va étudier les technologies Web front end (HTML5/CSS3/JS) en vue du Hackaton santé. On se focalisera donc sur les aspects WebApps et multimédia (animation, dessin, audio et video).

Obligatoire : vous inscrire aux MOOCS suivants sur la plateforme edX :

Ces cours sont fait par le W3C (organisme qui fait les standards du Web), Michel Buffa est l'auteur de trois d'entre eux. Ils sont 100% gratuits à moins que vous ne vouliez afficher un certificat sur votre profil LinkedIn.

Certains cours ne démarreront que le premier Octobre, ce n'est pas grave.

Séance 1 : quelques rappels HTML/CSS/JS, présentation d'outils de développement

Transparents sur le canvas HTML5:

URLs des exemples codé par le prof en classe:

A FAIRE POUR LA PROCHAINE SEANCE:

  • Vous inscrire aux quatre MOOCs (voir début de page)
     
  • Contrôle continu (noté): suivre les semaines 3 et 4 du MOOC HTML5 coding essentials and best practices et répondre aux quizzes à la fin des semaines 3 et 4, vous serez noté sur les résultats.
    • Vous me donnerez lors de la prochaine séance le mail que vous avez utilisé pour vous inscrire sur edx. Je pourrai voir vos résultats et ça fera une note de contrôle continu.

  • A RENDRE (noté): une animation d'un bonhomme dessiné dans un canvas, en respectant les bonnes pratiques vues dans le MOOC et en cours (sauvegarde/restauration du contexte, translate/rotate/scale au choix, etc.)
    • Vous le rendrez sous la forme d'un URL jsbin ou codepen, vos noms doivent figurer dans votre exemple en ligne.
    • Si vous avez tout piqué sur le Web et si ça ne respecte pas les bonnes pratiques du cours -> zéro.

Cours et TP2  : objets en JS partie 1

Thème: objets simple (pas d'héritage, variable statiques etc.)

A faire pour semaine prochaine:

  • Vous inscrire au MOOC JavaScript Intro sur W3Cx (je suis en support dans les forums, je regarde tous les matins)
  • Retardataires du MOOC HTML5 coding essentials: finir ce qui était à faire
  • Bonhomme en objet
  • Si vous y arrivez : plusieurs bonhommes (avec une classe et plusieurs instances)
  • Si vous y arrivez : plusieurs types d'objets par ex: un bonhomme, une voiture ou autre... des obstacles.... bref, ce que vous voulez...

Pour ceux qui tracent vite... inscrivez vous au MOOC HTML5 Apps and Games Week 2 sur les jeux HTML5, et fin Week 1 sur WebAudio. FACULTATIF

Cours 3 et TP 3: héritage, tableaux, évènements

A RENDRE NOTE POUR LA SEMAINE :

  • Votre bonhomme en objet
     

  • Créer plusieurs objets, si possible de plusieurs types (bonhomme, mouton, obstacle, cercle, on s'en fiche, c'est pour tester les sous-classes)
     
  • Utiliser au moins 3 ou 4 elements input de HTML5 (color, range, number par exemple) pour paramétrer votre jeu (vitesse, taille, nombre, couleur etc)

     
  • Voir https://codepen.io/w3devcampus/pen/M...?editors=0011n comme exemple

 

Mots clés:
FichierTailleDateAttaché par 
 Jeu MBDS MadagascarNewSansDuplications.zip
Aucune description
16.75 Ko07:12, 30 Mar 2017MichelBuffaActions
 skywardbound 2016-02-02.zip
Aucune description
21.16 Ko07:22, 30 Mar 2017MichelBuffaActions
Images (1)
Voir 1 - 1 sur 1 images | Voir tout
Aucune description
sreenshot...  Actions
Commentaires (0)
Vous devez être connecté pour poster un commentaire.