Vous n'êtes pas connecté. Connexion
|
|
Accueil > Intranet Michel Buffa > Cours HTML5/NodeJS/Angular etc. Master 2 NTDP 2015-2016
Cours HTML5/NodeJS/Angular etc. Master 2 NTDP 2015-2016De $1Table des matièresIntroductionDans ce cours nous allons vous présenter les grandes parties de HTML5, puis nous ferons des rappels sur JavaScript. Enfin, nous développerons des exemples utilisant les APIs de HTML5 en JavaScript. Michel Buffa est l'auteur de deux MOOCs gratuits (en anglais) sur HTML5, couvrant toute la spécifications, mais aussi avec des sections dédiées à l'écriture de jeux HTML5 et au multimédia avancé: OutilsNous n'allons pas utiliser d'outils particuliers pour cette formation, uniquement des outils "standards" tels que Eclipse, Sublime Text 2, Notepad++ ou les outils que vous appréciez pour éditer du code. Néanmoins, de nombreux exemples HTML5/JS/CSS seront proposés sur des envrionnements de développement en ligne tels que https://plnkr.co/, http://jsbin.com/, http://jsfiddle.net/, http://dabblet.com/ ou http://codepen.io/, particulièrement adaptés pour faire de petits exemples partageables (vous pouvez modifier les exemples, vous les approprier, mais jamais les casser, car pour chaque modification une version est générée, avec son URL unique). ICI UN DOCUMENT QUI EXPLIQUE COMMENT CONFIGURER EFFICACEMENT DES OUTILS/EDITEURS/IDEs pour faire du JavaScript de manière optimale : Partie 1 : découverte des APIs de HTML5Supports de cours :
Autres ressources : JavaScript :
CSS :
Partie 2: écriture d'un moteur de jeu en HTML5/JavaScriptSéance 1
Ici exemple avec les rectangles fait en live pendant le cours : dans la partie JS les différentes manières de faire des objets en JavaScript : http://jsbin.com/qodisu/edit
Séance 2
A rendre pour la semaine prochaine (seul ou en binome):
Vous rendrez le jeu lors de la prochaine séance (je passerai vous voir, vous me donnerez un zip + un README, lien jsbin.com aussi accepté, pratique pour des démos). NTDP Casablanca: programmes réalisés en classe et mini projetFait en classe, en live coding:
Jeu du lapin avec les boules de Noël:
Librairie pour charger des sons et les jouer dans un jeu: HowlerJS Explosions avec moteur de particules (prendre le fichier particules.js dans les sources du lapin et regarder dans le jeu et dans ce jsbin comment c'est utilisé): Mini projet à rendreVous devez faire un jeu en continuant ce que vous avez fait pendant la semaine de cours. IL EST IMPERATIF QUE CE SOIT LA SUITE DU TP ! Que le code respecte les bonnes pratiques vues en cours et aussi dans les MOOCs HTML5. Si vous piquez des trucs sur le Web, et que vous citez les sources, ça va. Si vous piquez à un autre groupe, si vous le dites, ça va (mais faut pas exagérer...), etc... Copiez, mais intelligemment et honnêtement ! Si vous ne respectez pas ces règles -> zéro sans hésiter. Le jeu sera fait en binôme: Vous livrerez une archive .zip ou .rar :
Modalités de rendu:
Mots clés:
|
Powered by MindTouch Deki Open Source Edition v.8.08 |