INSA
FUN
date_range Starts on January 29, 2018
event_note End date February 26, 2018
list 17 sequences
assignment Level : Introductive
chat_bubble_outline Language : French
card_giftcard 256 points
Users' reviews
-
starstarstarstarstar

Key information

credit_card Free access
verified_user Free certificate
timer 32 hours in total

About the content

Vous avez envie de développer des animations ou des petits jeux pour le web, mais sans trop savoir comment vous y prendre ; vous avez peut-être entendu parler d'HTML5, mais vous n'avez pas de connaissance particulière des langages web. En revanche, vous avez quelques notions d'algorithmique et peut-être que vous programmez déjà un peu. Ce MOOC est pour vous. Mais si vous avez déjà une expérience de développement web, ce MOOC vous intéressera également, car il vous propose de découvrir quelques unes des nouveautés introduites par HTML5 et de les mettre en oeuvre de façon efficace sur un projet d'animation ou de jeu.

Une première partie sera consacrée à différents langages. Nous introduirons sucessivement les langages HTML, CSS et JavaScript. Dans ce MOOC, j'ai fait le choix de ne pas aborder tous ces langages de façon exhaustive, mais d'en présenter les grands principes et fonctionnalités et de les illustrer sur de nombreux exemples. Ce survol a pour objectif de vous doter d'une boîte à outils qui vous permettra de créer de petits projets et de vous rendre plus efficace si vous devez approfondir par la suite tel ou tel langage. En revanche, nous n'aborderons pas dans ce MOOC les langages ou architectures (tels que PHP, Ajax, MySQL) qui permettent à une page web de communiquer avec un serveur.

Dans une deuxième partie, nous préciserons grâce à de nombreux exemples ce qu'HTML5 apporte de nouveau, notamment l'utilisation de contenus sonores et vidéo, les fonctionnalités de dessin, les animations et le glisser-déposer.

La troisième et dernière partie est sans doute la plus importante. Elle sera l’occasion d'introduire des éléments de méthode. En effet, nous verrons qu'il est essentiel de séparer les tâches de conception et de développement. Nous proposerons une méthodologie de conception propre à la création de petites animations avec HTML5. Un projet sera l'occasion pour vous de mettre en oeuvre vos connaissances et d'utiliser toutes les briques mises en place.

more_horiz Read more
more_horiz Read less
report_problem

Prerequisite

Ce cours s'adresse à toute personne possédant des notions d'algorithmique ; la connaissance d'un langage de programmation est un plus.

dns

Syllabus

Partie 1 : Langages

Semaine 0

  • HTML. Que recouvre cet acronyme ? Un peu d'histoire

Semaine 1

  • HTML : structure, balises
  • Introduction à CSS

Semaine 2

  • Introduction à JavaScript
  • Introduction à jQuery

Semaine 3

  • JavaScript : événements

Semaine 4

  • JavaScript : objets
  • jQuery (partie 2)

Partie 2 : HTML5 - morceaux choisis

Semaine 5

  • Nouvelles balises de structure
  • Contenus embarqués

Semaine 6

  • Dessin
  • Animation

Semaine 7

  • Interactivité
  • Glisser-déposer

Partie 3 : Méthodologie

Semaine 8

  • Méthodologie de conception d'une animation HTML5
  • Etude de cas : le jeu des balles
  • Projet de développement (à rendre fin de semaine 9)
record_voice_over

Intructors

Dr Jean-Yves Plantec
Jean-Yves Plantec est Maître de conférences à l'INSA de Toulouse au département de Génie Mathématique et Modélisation et chercheur à l'IRIT dans le domaine des jeux sérieux.

store

Content designer

The Institut National des Sciences Appliquées (INSA) (National Institute of Applied Sciences) is a grande école – a French engineering university.

There are 6 INSA establishments organised as a network and located in major French regional cities Lyon, Rennes, Rouen, Strasbourg, Toulouse, Blois and Bourges. All INSAs share the same philosophy, at the same time preserving an individual identity based on their respective histories, origins, economic environments and on poles of excellence developed from specific competences.

The INSA network represents the largest engineer training group in France: 12% of all engineers who obtain their degree in France each year, graduate from one of the INSA establishments. To date, almost 50,000 INSA engineers contribute to the social and economic fabric worldwide. The INSA are public establishments with a scientific, cultural and professional orientation. They are under the aegis of the Ministry of Higher Education and are accredited by the "Commission des Titres" to deliver Engineering Degrees.

assistant

Platform

France Université Numérique is the broadcaster of the online courses of French higher education institutions and their partners.

It operates several platforms of diffusion, of which the best known, FUN MOOC, is the first French-speaking academic platform worldwide. Thanks to many partner institutions, this platform offers a vast catalog of courses enriched daily with various themes and current events.

You are the designer of this MOOC?
What is your opinion on this resource ?
Content
0/5
Platform
0/5
Animation
0/5