Ce dépôt contient tout le code source Javascript (et HTML) du module Développement Front-End (côté client), 1ère année (B1). Vous y retrouverez les démos réalisées en cours, les exercices et leurs corrections.
- Développement côté client avec Javascript
Vous pouvez consulter le contenu du dépôt directement sur le web, comme n'importe quel site web. Vous pouvez également télécharger le contenu sous forme d'archive en cliquant sur Code (bouton vert) puis Download ZIP.
Comme le contenu du dépôt va évoluer au cours du temps, le mieux est d'utiliser le programme git. Avec git, vous allez pouvoir récupérer tout le contenu à jour du dépôt en une seule commande.
Télécharger et installer git pour votre système d'exploitation.
Sur macOs et GNU/Linux, vérifier que le programme
gitest sur lePATH.
Ouvrir un terminal.
Sur Windows, vous pouvez utiliser l'application Git Bash (installée avec git), qui est un terminal dédié à git.
Vérifiez l'installation de Git en tapant simplement git dans votre terminal. Si git est correctement installé, vous devriez voir une liste de commandes. Sinon, assurez-vous que git est inclus dans votre variable d'environnement PATH, qui répertorie les emplacements où le programme est recherché lorsque vous souhaitez le lancer.
Comment ajouter un répertoire au
PATH? Voir comment faire sur Windows, comment faire sur macOS.
Au besoin, déplacez-vous dans un dossier de votre choix avec la commande cd. Cloner le dépôt avec la commande suivante :
git clone https://github.com/paul-schuhm/developpement-cote-client-jsLe dépôt est téléchargé sur votre machine dans le dossier developpement-cote-client-js. Pour récupérer le contenu mis à jour, ouvrez un terminal à l'emplacement du dépôt (dans le dossier developpement-cote-client-js) puis lancez la commande
git pullToutes les mises à jour (nouvelles démos, corrections, exercices, etc.) seront téléchargées automatiquement sur votre machine.
Les propositions d'exercice sont présentes sur la dernière page du support de cours PDF du module 4.
Si vous constatez un oubli (correction manquante) ou une erreur, merci de me contacter.
- Les bases de JavaScript de la MDN pour apprendre la déclaration et l'utilisation de variables
- Principaux blocs en JS de la MDN, pour apprendre l'usage des conditions, des boucles et l'écriture de fonctions. Faire l'auto-évaluation
- Notre premier code JavaScript
- JavaScript asynchrone de la MDN, pour apprendre les bases de la programmation asynchrone. Faire l'évaluation
- p5.js, a friendly tool for learning to code and make art. Une librairie JavaScript open-source pour le code créatif. Avec un focus pour rendre le code accessible et inclusif pour les artistes, designers, formateurs, débutant·es. Commencer à programmer directement depuis l'éditeur de code en ligne ;
- The Coding Train, l'excellente chaîne YouTube The Coding Train de l'innérrable Daniel Shiffman. Apprendre JavaScript (y compris les fondamentaux !) en programmant des petits projets fun, visuels et créatifs.
- JavaScript: The Definitive Guide, 7th Edition, de David Flanagan, publié chez O'Reilly, 2020. La 6e edition couvre le standard ECMAScript 5 (celle actuellement implémentée par les navigateurs) et reste donc une référence solide. Trouvable pour une dizaine d'euros en occasion
- Développer un site web en PHP, MySQL JavaScript jQuery, CSS3 et HTML5: Un guide étape par étape pour créer des sites web dynamiques, 6e edition, un excellent ouvrage pour découvrir l'écosystème du web (développement client, serveur). Disponible en ligne ici. La version 5 est trouvable facilement se trouve facilement en occasion ou en ligne
- Algorithmes + datastructures, de Niklaus Wirth (RIP), publié chez Longman Higher Education, 1986. Une référence pour apprendre à écrire des programmes. Trouvable en ligne facilement. Se trouver une référence solide comme celle-ci pour apprendre les fondamentaux (écriture de programmes et d'algorithmes).