Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davidbgk/comprendre-javascript

Petits bouts de scripts à caractère didactique, commentés en français.
https://github.com/davidbgk/comprendre-javascript

Last synced: 3 months ago
JSON representation

Petits bouts de scripts à caractère didactique, commentés en français.

Awesome Lists containing this project

README

        

# Comprendre JavaScript

Petits bouts de scripts à caractère didactique, commentés en français.

## Historique

Il s'agit de bouts de scripts que j'ai commencé à partager avec les élèves pour leur enseigner JavaScript dans le cadre de [cours donnés à l'IUT d'Arles](https://larlet.fr/david/blog/2014/cours-iut-arles/).

## Motivations

Je pense qu'ils pourraient être réutilisés pour d'autres cours/formations ou pour s'auto-former. Il se trouve qu'ils me permettent aussi d'apprendre JavaScript en creusant chaque ligne pour pouvoir la commenter.

## Pré-requis

Les élèves doivent connaître HTML/CSS avant d'aborder le cours, ils peuvent avoir joué/bidouillé avec jQuery.

## Contraintes

* rester simple et compréhensible, l'angle d'approche n'est pas du tout la performance et encore moins l'esthétique
* coder en anglais, commenter en français (je n'ai jamais commenté mon code en français mais c'est ce qui est le plus pertinent pour les cours)
* avoir une progression : un premier exemple simpliste (01), un second plus proche des bonnes pratiques (02), un troisième qui fait réfléchir (03) et enfin un exercice pour mettre en pratique (04)
* ne pas dépendre d'une connexion pour pouvoir utiliser les exemples, le dépôt pouvant ainsi être [partagé sur le réseau localement](http://scopyleft.fr/blog/2013/du-code-acentre/)
* ne pas dépasser les 55 caractères en largeur pour pouvoir afficher le code sur un vidéoprojecteur avec une taille de police suffisamment grande
* essayer de ne pas dépasser une cinquantaine de lignes en longueur
* ne pas se soucier des navigateurs anciens mais ne pas non plus coder en ES7 (à préciser)

## Participer

Toutes les contributions sont les bienvenues et passent par des *pulls-requests/issues* pour garder une trace de la discussion. Veuillez les faire en français pour pouvoir impliquer des apprenants plus facilement.

## Ressources

* [Liens du billet associé au dépôt](https://larlet.fr/david/blog/2015/cours-iut-comprendre-javascript/)
* [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
* [A drip of JavaScript](http://adripofjavascript.com/)
* [You Don't Need jQuery](http://blog.garstasio.com/you-dont-need-jquery/)
* [You might not need jQuery](http://youmightnotneedjquery.com/)
* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS/)