{"id":18976631,"url":"https://github.com/paul-schuhm/developpement-cote-client-js","last_synced_at":"2025-07-11T16:08:46.891Z","repository":{"id":217435820,"uuid":"743852158","full_name":"paul-schuhm/developpement-cote-client-js","owner":"paul-schuhm","description":"Supports de cours pour le développement côté client avec Javascript (Introduction), 1ere année","archived":false,"fork":false,"pushed_at":"2025-01-28T11:37:13.000Z","size":4765,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-28T12:31:32.499Z","etag":null,"topics":["animation","dom","dom-manipulation","form-validation","javascript","p5js","pedagogie","web"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/paul-schuhm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-16T05:59:32.000Z","updated_at":"2025-01-28T11:37:16.000Z","dependencies_parsed_at":"2024-11-08T15:32:19.351Z","dependency_job_id":"c2525b9a-1cf0-49ea-bc0e-e920924c1ee1","html_url":"https://github.com/paul-schuhm/developpement-cote-client-js","commit_stats":null,"previous_names":["paul-schuhm/developpement-cote-client-js"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paul-schuhm%2Fdeveloppement-cote-client-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paul-schuhm%2Fdeveloppement-cote-client-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paul-schuhm%2Fdeveloppement-cote-client-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paul-schuhm%2Fdeveloppement-cote-client-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paul-schuhm","download_url":"https://codeload.github.com/paul-schuhm/developpement-cote-client-js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239978060,"owners_count":19728271,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","dom","dom-manipulation","form-validation","javascript","p5js","pedagogie","web"],"created_at":"2024-11-08T15:25:39.071Z","updated_at":"2025-02-21T07:45:03.595Z","avatar_url":"https://github.com/paul-schuhm.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Développement côté client avec Javascript\n\nCe 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.\n\n- [Développement côté client avec Javascript](#développement-côté-client-avec-javascript)\n  - [Utiliser le dépôt](#utiliser-le-dépôt)\n    - [Prérequis](#prérequis)\n    - [Récupérer le contenu du dépôt](#récupérer-le-contenu-du-dépôt)\n  - [Démos](#démos)\n  - [Module 02 - Premiers pas avec Javascript](#module-02---premiers-pas-avec-javascript)\n  - [Module 03 - Les objets Javascript](#module-03---les-objets-javascript)\n  - [Module 04 - Pages web interactives : manipuler le DOM avec Javascript](#module-04---pages-web-interactives--manipuler-le-dom-avec-javascript)\n  - [En cas d'oubli ou d'erreur](#en-cas-doubli-ou-derreur)\n  - [Références](#références)\n    - [Documentation officielle](#documentation-officielle)\n    - [Ouvrages](#ouvrages)\n\n\n## Utiliser le dépôt\n\nVous 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`.\n\nComme le contenu du dépôt va évoluer au cours du temps, le mieux est d'utiliser le programme [git](https://git-scm.com/). Avec git, vous allez pouvoir **récupérer tout le contenu *à jour* du dépôt en une seule commande**.\n\n### Prérequis\n\nTélécharger et installer [git](https://git-scm.com/downloads) pour votre système d'exploitation.\n\n\u003e Sur macOs et GNU/Linux, vérifier que le programme `git` est sur le `PATH`.\n\n### Récupérer le contenu du dépôt \n\nOuvrir un terminal. \n\n\u003e Sur Windows, vous pouvez utiliser l'application Git Bash (installée avec git), qui est un terminal dédié à git.\n\nVé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. \n\n\u003e Comment ajouter un répertoire au `PATH` ? [Voir comment faire sur Windows](https://learn.microsoft.com/fr-fr/previous-versions/office/developer/sharepoint-2010/ee537574(v=office.14)), [comment faire sur macOS](https://quick-tutoriel.com/ajouter-rapidement-un-nouveau-repertoire-au-path-de-mac-osx/).\n\nAu besoin, déplacez-vous dans un dossier de votre choix avec la commande `cd`. Cloner le dépôt avec la commande suivante :\n\n~~~bash\ngit clone https://github.com/paul-schuhm/developpement-cote-client-js\n~~~\n\nLe 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\n\n~~~bash\ngit pull\n~~~\n\nToutes les mises à jour (nouvelles démos, corrections, exercices, etc.) seront téléchargées automatiquement sur votre machine.\n\n## Démos\n\n- [Accéder aux démos](./demos/)\n- [Accéder aux démos faites en cours (live)](./demos/0live/)\n\n## Module 02 - Premiers pas avec Javascript\n\n- [Accéder aux exercices](./exercices/module-02-exercices.md)\n- [Accéder à la correction des exercices](./exercices/module-02/corrections/)\n\n## Module 03 - Les objets Javascript\n\n- [Accéder aux exercices](./exercices/module-03/module-03-exercices.md)\n- [Accéder à la correction des exercices](./exercices/module-03/corrections/)\n\n## Module 04 - Pages web interactives : manipuler le DOM avec Javascript\n\n- [Accéder aux exercices](./exercices/module-04/module-04-exercices.md)\n- [Accéder à la correction des exercices](./exercices/module-04/corrections/)\n\n\u003e Les propositions d'exercice sont présentes sur la dernière page du support de cours PDF du module 4.\n\n## En cas d'oubli ou d'erreur\n\nSi vous constatez un oubli (correction manquante) ou une erreur, merci de me contacter.\n\n## Références\n\n### Documentation officielle\n\n- [Les bases de JavaScript](https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/JavaScript_basics) de la MDN pour apprendre la déclaration et l'utilisation de variables\n- [Principaux blocs en JS](https://developer.mozilla.org/fr/docs/Learn/JavaScript/Building_blocks) de la MDN, pour apprendre l'usage des conditions, des boucles et l'écriture de fonctions. [Faire l'auto-évaluation](https://developer.mozilla.org/fr/docs/Learn/JavaScript/Building_blocks/Image_gallery)\n- [Notre premier code JavaScript](https://developer.mozilla.org/fr/docs/Learn/JavaScript/First_steps/A_first_splash)\n- [JavaScript asynchrone](https://developer.mozilla.org/fr/docs/Learn/JavaScript/Asynchronous) de la MDN, pour apprendre les bases de la programmation asynchrone. [Faire l'évaluation](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Sequencing_animations)\n\n### Ouvrages\n\n\n![](./assets/oreillyjsdefinitiveguide.png)\n![](./assets/oreillyphpmysqljs.png)\n![](./assets/alg+datastructures.jpg)\n- [JavaScript: The Definitive Guide, 7th Edition](https://www.oreilly.com/library/view/javascript-the-definitive/9781491952016/), 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\n- [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](https://www.amazon.fr/D%C3%A9velopper-MySQL-JavaScript-jQuery-HTML5/dp/2893776183/ref=sr_1_1), un excellent ouvrage pour découvrir l'écosystème du web (développement client, serveur). [Disponible en ligne ici](https://github.com/domaingood/learning_php/blob/master/Learning%20PHP%2C%20MySQL%20%26%20JavaScript%2C%206th%20Edition.pdf). [La version 5 est trouvable facilement](https://www.amazon.fr/D%C3%A9velopper-Mysql-Javascript-Jquery-HTML5/dp/2893775764/ref=sr_1_2) se trouve facilement en occasion ou en ligne\n- [Algorithmes + datastructures](https://www.amazon.fr/Algorithms-Data-Structures-Niklaus-Wirth/dp/0130219991), de Niklaus Wirth (RIP), publié chez Longman Higher Education, 1986. Une référence pour apprendre à écrire des programmes. Trouvable en ligne facilement\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaul-schuhm%2Fdeveloppement-cote-client-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaul-schuhm%2Fdeveloppement-cote-client-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaul-schuhm%2Fdeveloppement-cote-client-js/lists"}