{"id":20549298,"url":"https://github.com/zenika-training/formation-html5-avance","last_synced_at":"2026-02-05T16:32:45.920Z","repository":{"id":27477844,"uuid":"30957550","full_name":"Zenika-Training/formation-html5-avance","owner":"Zenika-Training","description":null,"archived":false,"fork":false,"pushed_at":"2016-07-18T20:46:21.000Z","size":28255,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-14T08:08:33.770Z","etag":null,"topics":["outdated","training"],"latest_commit_sha":null,"homepage":null,"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/Zenika-Training.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}},"created_at":"2015-02-18T08:26:32.000Z","updated_at":"2023-07-26T09:06:25.000Z","dependencies_parsed_at":"2022-09-03T09:10:39.816Z","dependency_job_id":null,"html_url":"https://github.com/Zenika-Training/formation-html5-avance","commit_stats":null,"previous_names":["zenika-training/formation-html5-avance"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Zenika-Training/formation-html5-avance","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zenika-Training%2Fformation-html5-avance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zenika-Training%2Fformation-html5-avance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zenika-Training%2Fformation-html5-avance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zenika-Training%2Fformation-html5-avance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zenika-Training","download_url":"https://codeload.github.com/Zenika-Training/formation-html5-avance/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zenika-Training%2Fformation-html5-avance/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259783060,"owners_count":22910299,"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":["outdated","training"],"created_at":"2024-11-16T02:17:14.585Z","updated_at":"2026-02-05T16:32:45.888Z","avatar_url":"https://github.com/Zenika-Training.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Détails du modèle dans le [wiki](https://github.com/Zenika/Formation--Modele/wiki)\n\nDocumentation du [framework](https://github.com/Zenika/zenika-formation-framework)\n\n\n## Supports PDF et Live\n\nLes supports peuvent être obtenus à ces adresses :\n\nVersion release : https://zen-formation-html5-avance.appspot.com/ [![Circle CI](https://circleci.com/gh/Zenika/formation-html5-avance/tree/release.svg?style=svg\u0026circle-token=2db9d589c3e04a16ec90df263f003eec7cf11eed)](https://circleci.com/gh/Zenika/formation-html5-avance/tree/release)\n\nVersion courante : https://master-dot-zen-formation-html5-avance.appspot.com/ [![Circle CI](https://circleci.com/gh/Zenika/formation-html5-avance/tree/master.svg?style=svg\u0026circle-token=2db9d589c3e04a16ec90df263f003eec7cf11eed)](https://circleci.com/gh/Zenika/formation-html5-avance/tree/master)\n\n\n## Organisation\n\n``` shell\n├── CahierExercices       # Contient les enoncés des TP\n│   ├── Cahier.md         # Le fichier peut être découpé en autant de fichier que de TP\n│   ├── parts.json        # Contient la liste des fichiers des énoncés\n│   ├── README.md         # Explication détaillé de cette section\n│   └── ressources        # Contient les images utilisées dans les énoncés des TP\n├── Exercices             # Contient des starters dans TP ainsi que les corrections des TP\n├── Installation          # Contient les éléments logiciels à fournir aux stagaires\n│   └── README.md         # Explication détaillé de cette section\n├── PLAN_en.md            # Plan commercial en anglais (affiché sur le site public des formations)\n├── PLAN.md               # Plan commercial (affiché sur le site public des formations)\n├── README.md             # ce fichier (ne pas effacer son contenu)\n├── REFERENCES.md         # Références utiles pour donner ou préparer la formation (destiné aux formateurs)\n├── run.sh                # Permet lancer la formation avec Docker sous Linux ou Windows (Git Bash)\n├── SessionsNotes         # Contient l'ensemble des notes faites par les formateurs après chaque cession (organisation des TP, timing, ...)\n│   └── README.md         # Explication détaillé de cette section\n└── Slides                # Contient l'ensemble des slides\n    ├── \u003cnum\u003e_\u003cslide\u003e.md  # Contenu des slides\n    ├── ...\n    ├── README.md         # Explication détaillé de cette section\n    ├── ressources        # Contient les images et autres éléments utilisés dans les slides\n    └── slides.json       # Contient la liste des fichiers des slides\n```\n\n*Note : Chaque répertoire contient un fichier `README.md` précisant son usage*\n\n\n## Utilisation avec Node.js\n\nPour générer et afficher la formation, il est nécessaire d'avoir `node` et `npm` d'installé (voir [node.js](http://nodejs.org)).\n\nInstallation de Node.js :\n\n- https://nodejs.org/en/download\n- https://nodejs.org/en/download/package-manager/\n\nExécuter la commande suivante :\n\n```shell\nnpm install\n```\n\nPour afficher les slides, exécuter la commande suivante :\n\n```shell\ngrunt\n```\n\nPour générer les `.pdf` des slides :\n\n```shell\ngrunt pdf\n```\n\n\n## Utilisation avec Docker\n\nPour ceux qui veulent se passer de l'installation de `node` et `npm`, il est possible d'utiliser [Docker](https://www.docker.com).\n\nInstallation de Docker :\n\n- Linux : https://docs.docker.com/linux/step_one/\n- Mac : https://docs.docker.com/mac/step_one/\n- Windows : https://docs.docker.com/windows/step_one/\n\nLancer une des commandes suivantes :\n\n```shell\n./run.sh dev   # pour afficher les slides\n./run.sh prod  # pour afficher la page de garde\n./run.sh pdf   # pour générer les `.pdf` des slides\n./run.sh clean # pour terminer le conteneur Docker\n```\n\nIl est également possible de combiner les commandes :\n\n```shell\n./run.sh clean pdf prod\n```\n\n### Windows\n\nAfin de pouvoir éxécuter un script `run.sh`, il faut disposer d'un émulateur de shell Unix-like : soit Git Bash (recommandé et fournit avec Git) soit Cygwin.\n\n\n## Commandes RevealJS\n\n- `Alt + click`: zoom in, zoom out\n- `Up`, `Down`, `Left`, `Right`: Navigation\n- `f`: Full-screen\n- `s`: Show slide notes\n- `o`: Toggle overview\n- `b`: Turn screen black\n- `Esc`: Escape from full-screen, or toggle overview\n\nhttps://github.com/hakimel/reveal.js/wiki/Keyboard-Short\n\n\n## Troubleshooting\n\nEn cas de problème lors de l'installation ou de l'utilisation, consultez la page dédié dans le wiki du Framework : [Troubleshooting](https://github.com/Zenika/zenika-formation-framework/wiki/Troubleshooting).\n\n\n## Intégration Continue\n\nChaque formation dispose d'une version web (disponible uniquement via un compte @zenika.com).\nLe mini-site de la formation contient les slides live, les slides PDF, le cahier d'exercice PDF, un lien vers le dépôt GitHub de la formation ainsi qu'un lien vers le catalogue de formation.\n\nAinsi il est important de bien remplir le fichier `package.json` avec\n\n- `name` : nom technique de la formation (sans espace)\n- `description` : le nom de la formation de la forme \"Formation XXX\"\n- `homepage` : le lien vers la page du catalogue correspondante (e.g. http://www.zenika.com/formation-angularjs.html)\n- `repository.url` : l'URL vers ce repository\n- `config.deploy.name` : l'id de l'instance AppEngine (faire une demande à dsi@zenika.com)\n\n### Utilisation des branches\n\n2 branches sont automatiquement déployées sur AppEngine:\n\n- `master` : il s'agit de la branche contenant les développements courants.\n  - Elle est déployée sur `https://master-dot-{id AppEngine}.appspot.com`\n- `release` : branche contenant la dernière version stable, utilisée en session de formation.\n  - Elle est déployée sur `https://{id AppEngine}.appspot.com`\n\n### Serveur d'IC\n\nLe build et le déploiement sont réalisés par [CircleCI](https://circleci.com).\nÀ ce titre, un fichier `circle.yml` est présent à la racine de ce projet.\nIl n'y a à priori, aucune raison d'éditer ce fichier.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzenika-training%2Fformation-html5-avance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzenika-training%2Fformation-html5-avance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzenika-training%2Fformation-html5-avance/lists"}