From 7c1ae8714c9231556a11402247d9fe52340eb84a Mon Sep 17 00:00:00 2001 From: Nico Date: Mon, 8 Aug 2022 11:22:25 +0200 Subject: [PATCH] programs --- docs/.vitepress/config.js | 18 ++--- docs/dev/B1/index.md | 40 +++++++++- docs/dev/B2/index.md | 35 ++++++++- docs/dev/code-camp/index.md | 4 - docs/dev/goat.md | 27 +++++++ docs/dev/index.md | 1 + package.json | 2 +- yarn.lock | 141 +++--------------------------------- 8 files changed, 122 insertions(+), 146 deletions(-) create mode 100644 docs/dev/goat.md diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js index 6cdbd95..4468702 100644 --- a/docs/.vitepress/config.js +++ b/docs/.vitepress/config.js @@ -30,7 +30,8 @@ export default { items: [ { text: "Sommaire", link: "/dev/" }, // /dev/index.md { text: "Documentations", link: "/dev/docs" }, - { text: "Outils", link: "/dev/outils" } + { text: "Outils", link: "/dev/outils" }, + { text: "Les pros", link: "/dev/goat" } ] }, { @@ -38,9 +39,8 @@ export default { collapsible: true, collapsed: true, items: [ - { text: "Sommaire B1", link: "/dev/B1/" }, - { text: "Introduction", link: "/dev/B1/introduction" }, - { text: "HTML", link: "/dev/B1/html" } + { text: "Introduction B1", link: "/dev/B1/" }, + { text: "HTML B1", link: "/dev/B1/html" } ] }, { @@ -48,9 +48,8 @@ export default { collapsible: true, collapsed: true, items: [ - { text: "Sommaire B2", link: "/dev/B2/" }, - { text: "Introduction", link: "/dev/B2/introduction" }, - { text: "HTML", link: "/dev/B2/html" } + { text: "Introduction B2", link: "/dev/B2/" }, + { text: "HTML B2", link: "/dev/B2/html" } ] }, { @@ -58,9 +57,8 @@ export default { collapsible: true, collapsed: true, items: [ - { text: "Sommaire B3", link: "/dev/B3/" }, - { text: "Introduction", link: "/dev/B3/introduction" }, - { text: "HTML", link: "/dev/B3/html" } + { text: "Introduction B3", link: "/dev/B3/" }, + { text: "HTML B3", link: "/dev/B3/html" } ] }, { diff --git a/docs/dev/B1/index.md b/docs/dev/B1/index.md index 486b2fc..f62faee 100644 --- a/docs/dev/B1/index.md +++ b/docs/dev/B1/index.md @@ -1 +1,39 @@ -# Frontend B1 \ No newline at end of file +# Découverte et bases + +Au cours de votre première année de formation en développement web, vous apprendrez à écrire du HTML et du CSS afin de créer des pages web simples. + +## Programme + +:::info Voici à titre indicatif le programme prévisionnel pour la première année. +Les sujets seront tous évoqués mais pas forcément dans l'ordre affiché. +::: + +1. Introduction et test du niveau de la classe +2. Historique et enjeux du web + 1. Structure et architecture (client-serveur/front-back) + 2. Protocoles (http, TLS, DNS, ftp…) + 3. Langages (HTML, CSS, JS, PHP, etc.) + 4. Évolutions +3. Organiser son espace de travail +4. Navigateurs + 1. Uniformité/différences ([caniuse](https://caniuse.com/)) + 2. Inspecteurs (version développeur) +5. Éditeur [VSCodium](https://github.com/VSCodium/vscodium) (vscode) + 1. Config + 2. Plugins +6. Bases HTML + 1. Balises basiques + 2. HTML sémantique + 3. Structurer le contenu +7. Bases CSS + 1. Propriétés basiques + 2. Gérer les images + 3. Responsive/Mobile first +8. Ressources externes + 1. Images + 2. Maquettes + 3. SVG + 4. Webfonts + 5. Optimisations +9. Développement local +10. Mise en ligne diff --git a/docs/dev/B2/index.md b/docs/dev/B2/index.md index be747ea..6798b16 100644 --- a/docs/dev/B2/index.md +++ b/docs/dev/B2/index.md @@ -1 +1,34 @@ -# Frontend B2 \ No newline at end of file +# Approfondissement + +Au cours de votre deuxième année de formation en développement web, vous apprendrez à créer des pages complexes et dynamiques. + +## Programme + +:::info Voici à titre indicatif le programme prévisionnel pour la deuxième année. +Les sujets seront tous évoqués mais pas forcément dans l'ordre affiché. +::: + +1. Introduction et test du niveau de la classe +2. HTML avancé + 1. formulaires + 2. templating +3. CSS avancé + 1. Pseudo elements + 2. Propriétés logiques + 3. Variables +4. Contenus + 1. CMS + 2. API + 3. BDD mysql +5. Bases JS + 1. Présentation (front/back) + 2. Sélectionner le DOM + 3. Modifier les styles + 4. Ajouter des événements + 5. Ajouter des conditions +6. Versioning (git) +7. JS avancé (contenus dynamiques) + 1. Rest + 2. Fetch + 3. Graphql +8. Webapp (node) diff --git a/docs/dev/code-camp/index.md b/docs/dev/code-camp/index.md index 7891a1b..7a29ed1 100644 --- a/docs/dev/code-camp/index.md +++ b/docs/dev/code-camp/index.md @@ -216,7 +216,3 @@ D'après [Access42 :](https://access42.net/) Selon moi, développer de manière accessible devrait être la norme. La façon normale de créer un site et non pas un correctif ou une surcouche à appliquer. C'est pourquoi les contenus ici présents intègrent (le plus possible) les bonnes pratiques d'accessibilité numérique par défaut. - -## Mise en ligne - -## Bonus diff --git a/docs/dev/goat.md b/docs/dev/goat.md new file mode 100644 index 0000000..553ab20 --- /dev/null +++ b/docs/dev/goat.md @@ -0,0 +1,27 @@ +# Personnes à suivre + +Retrouvez ici une liste non exhaustive de référentes et référents mondiaux dans les domaines du développement web. + +## Français + +- [Julien Moya](https://twitter.com/JulienMoya) +- [Marie et Julien](https://twitter.com/mariejulien) +- [HTeuMeuLeu](https://twitter.com/HTeuMeuLeu) + +## Anglais + +- [Mia](https://twitter.com/TerribleMia) +- [Heydon Pickering](https://twitter.com/heydonworks) +- [Andy Bell](https://twitter.com/hankchizljaw) +- [Manuel Matuzović](https://twitter.com/mmatuzo) +- [Adam Argyle](https://twitter.com/argyleink) +- [Michelle Barker](https://twitter.com/MicheBarks) +- [Cassie Evans](https://twitter.com/cassiecodes) +- [Bramus](https://twitter.com/bramus) +- [Lea Verou](https://twitter.com/LeaVerou) +- [Una](https://twitter.com/Una) +- [Chris Lilley](https://twitter.com/svgeesus) +- [Sarah Drasner](https://twitter.com/sarah_edo) +- [Jason Lengstorf](https://twitter.com/jlengstorf) +- [CSS-Tricks](https://twitter.com/css) +- [Chris Coyier](https://twitter.com/chriscoyier) diff --git a/docs/dev/index.md b/docs/dev/index.md index bb24703..6b9ee59 100644 --- a/docs/dev/index.md +++ b/docs/dev/index.md @@ -10,6 +10,7 @@ Nous aborderons l'apprentissage du développement web par le prisme de [l’acce - [Documentations](./docs) - [Outils](./outils) +- [Les pros](./goat) ## Niveaux diff --git a/package.json b/package.json index 8161f47..f8b8ce7 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "serve": "vitepress serve docs" }, "devDependencies": { - "vitepress": "^1.0.0-draft.8", + "vitepress": "1.0.0-alpha.4", "vue": "^3.2.37" } } diff --git a/yarn.lock b/yarn.lock index c41a75f..4a0df6e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -275,18 +275,6 @@ __metadata: languageName: node linkType: hard -"@vue/compiler-core@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/compiler-core@npm:3.2.33" - dependencies: - "@babel/parser": ^7.16.4 - "@vue/shared": 3.2.33 - estree-walker: ^2.0.2 - source-map: ^0.6.1 - checksum: bae1a7db26ab208fe8f0b09f443387e0951a1d1b35f80d89cad2285a818dc9dece783b98ccee4dbece59fde57f20a2f17afb183f710fdbc852e568bdf871265e - languageName: node - linkType: hard - "@vue/compiler-core@npm:3.2.37": version: 3.2.37 resolution: "@vue/compiler-core@npm:3.2.37" @@ -299,16 +287,6 @@ __metadata: languageName: node linkType: hard -"@vue/compiler-dom@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/compiler-dom@npm:3.2.33" - dependencies: - "@vue/compiler-core": 3.2.33 - "@vue/shared": 3.2.33 - checksum: 498f313c81d287ab4ee5861508121ab130728f3b643544041acdadfce9840c2ea05b972169437ef1462443d4d0bc9674105db7b6cfa75f6e46ef470f2a098112 - languageName: node - linkType: hard - "@vue/compiler-dom@npm:3.2.37": version: 3.2.37 resolution: "@vue/compiler-dom@npm:3.2.37" @@ -319,24 +297,6 @@ __metadata: languageName: node linkType: hard -"@vue/compiler-sfc@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/compiler-sfc@npm:3.2.33" - dependencies: - "@babel/parser": ^7.16.4 - "@vue/compiler-core": 3.2.33 - "@vue/compiler-dom": 3.2.33 - "@vue/compiler-ssr": 3.2.33 - "@vue/reactivity-transform": 3.2.33 - "@vue/shared": 3.2.33 - estree-walker: ^2.0.2 - magic-string: ^0.25.7 - postcss: ^8.1.10 - source-map: ^0.6.1 - checksum: f436c49bdce0d00d4b0c8dd9a9a8e76167898fc10e79578425391d0b0a712e8d8f3aad257066d6e0ecdde3c6c38e6280f93ea741865ea1cab823b71440578a24 - languageName: node - linkType: hard - "@vue/compiler-sfc@npm:3.2.37": version: 3.2.37 resolution: "@vue/compiler-sfc@npm:3.2.37" @@ -355,16 +315,6 @@ __metadata: languageName: node linkType: hard -"@vue/compiler-ssr@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/compiler-ssr@npm:3.2.33" - dependencies: - "@vue/compiler-dom": 3.2.33 - "@vue/shared": 3.2.33 - checksum: 4107f8e9e8f4553ba12cb915d0f51169b67176fbb50e05accf014ee6786e767ae9ec1218ffae266e807d00fbdeb881781a615d777531385581cce2ea5e1afd58 - languageName: node - linkType: hard - "@vue/compiler-ssr@npm:3.2.37": version: 3.2.37 resolution: "@vue/compiler-ssr@npm:3.2.37" @@ -375,16 +325,10 @@ __metadata: languageName: node linkType: hard -"@vue/reactivity-transform@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/reactivity-transform@npm:3.2.33" - dependencies: - "@babel/parser": ^7.16.4 - "@vue/compiler-core": 3.2.33 - "@vue/shared": 3.2.33 - estree-walker: ^2.0.2 - magic-string: ^0.25.7 - checksum: 599a68f4bb1b36ac7015ddfc5cbcc97498e9caac5d1b96834185e2d248c22d1f1f4184e33788761112377ce22f9e2e3d79c50b551eec685395368a2480e6385c +"@vue/devtools-api@npm:^6.1.4": + version: 6.2.1 + resolution: "@vue/devtools-api@npm:6.2.1" + checksum: 34765af0be9b0cc7e3def73b2792b1514e3c348852c5a7503fe07d013f0e907af6c27c0a32c0637dd748caf37c075af8e53ca3220433e0bd34b6f3405f358272 languageName: node linkType: hard @@ -401,15 +345,6 @@ __metadata: languageName: node linkType: hard -"@vue/reactivity@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/reactivity@npm:3.2.33" - dependencies: - "@vue/shared": 3.2.33 - checksum: fe801ea75fabfe95f414c32a79fee275917ef458b2b2f0f05834ae9bd4f65fefc9d25b62be55d680674ec4ef301b75ec45501f920efda780e70a214b21dfa02c - languageName: node - linkType: hard - "@vue/reactivity@npm:3.2.37": version: 3.2.37 resolution: "@vue/reactivity@npm:3.2.37" @@ -419,16 +354,6 @@ __metadata: languageName: node linkType: hard -"@vue/runtime-core@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/runtime-core@npm:3.2.33" - dependencies: - "@vue/reactivity": 3.2.33 - "@vue/shared": 3.2.33 - checksum: 8eaba9a5d94461cd8a1adb805a2874f751e08abcc9169ca47a5d4479c20b5cf9c7323adbaa99047e85b6d32240764f4232078c24199a22a2c7044717c12a6984 - languageName: node - linkType: hard - "@vue/runtime-core@npm:3.2.37": version: 3.2.37 resolution: "@vue/runtime-core@npm:3.2.37" @@ -439,17 +364,6 @@ __metadata: languageName: node linkType: hard -"@vue/runtime-dom@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/runtime-dom@npm:3.2.33" - dependencies: - "@vue/runtime-core": 3.2.33 - "@vue/shared": 3.2.33 - csstype: ^2.6.8 - checksum: 1fec6328b27c50f8bb73f37324c03c381cad1e48aa134d27539efaa433df57bdcb8f55101972be0f00d093f0310036e569b7211a9ac1c9a75a949141e7112b59 - languageName: node - linkType: hard - "@vue/runtime-dom@npm:3.2.37": version: 3.2.37 resolution: "@vue/runtime-dom@npm:3.2.37" @@ -461,18 +375,6 @@ __metadata: languageName: node linkType: hard -"@vue/server-renderer@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/server-renderer@npm:3.2.33" - dependencies: - "@vue/compiler-ssr": 3.2.33 - "@vue/shared": 3.2.33 - peerDependencies: - vue: 3.2.33 - checksum: effc448e522f70f7271a6e81f6ca925e9b6a5948a9f947a96c7932e907a6a46fc5ae108cecfc6ec43159171055b1f6549139bb163363970829d81b625b921bbb - languageName: node - linkType: hard - "@vue/server-renderer@npm:3.2.37": version: 3.2.37 resolution: "@vue/server-renderer@npm:3.2.37" @@ -485,13 +387,6 @@ __metadata: languageName: node linkType: hard -"@vue/shared@npm:3.2.33": - version: 3.2.33 - resolution: "@vue/shared@npm:3.2.33" - checksum: 0083c9555b44f1c230079fac9270764e51af740f851101ae8972758fe6acf52184f76b4ab0c67a3840096d8f5a0988b99cae3046826b0f15af2431db6127ae48 - languageName: node - linkType: hard - "@vue/shared@npm:3.2.37": version: 3.2.37 resolution: "@vue/shared@npm:3.2.37" @@ -1824,26 +1719,27 @@ __metadata: version: 0.0.0-use.local resolution: "vitepress-starter@workspace:." dependencies: - vitepress: ^1.0.0-draft.8 + vitepress: 1.0.0-alpha.4 vue: ^3.2.37 languageName: unknown linkType: soft -"vitepress@npm:^1.0.0-draft.8": - version: 1.0.0-draft.8 - resolution: "vitepress@npm:1.0.0-draft.8" +"vitepress@npm:1.0.0-alpha.4": + version: 1.0.0-alpha.4 + resolution: "vitepress@npm:1.0.0-alpha.4" dependencies: "@docsearch/css": ^3.0.0 "@docsearch/js": ^3.0.0 "@vitejs/plugin-vue": ^2.3.2 + "@vue/devtools-api": ^6.1.4 "@vueuse/core": ^8.5.0 body-scroll-lock: ^4.0.0-beta.0 shiki: ^0.10.1 vite: ^2.9.7 - vue: 3.2.33 + vue: ^3.2.33 bin: vitepress: bin/vitepress.js - checksum: b7e2dbcf0a1cbd9517e09acfad108c6f938a01a41d7cf697be001e7ad5662b341411c1744c8dd1e9548e021e534f46bf675398401093258293b749a3079f8faa + checksum: f77f1e184c3b6642dbb01717931601412fad2e369a9082b5c68df6d318ad04ead19f09092f2be277dcdcbb837c0d1605f6e9a66f820021b83fc124335f60d534 languageName: node linkType: hard @@ -1877,20 +1773,7 @@ __metadata: languageName: node linkType: hard -"vue@npm:3.2.33": - version: 3.2.33 - resolution: "vue@npm:3.2.33" - dependencies: - "@vue/compiler-dom": 3.2.33 - "@vue/compiler-sfc": 3.2.33 - "@vue/runtime-dom": 3.2.33 - "@vue/server-renderer": 3.2.33 - "@vue/shared": 3.2.33 - checksum: 878a63cc19dc6b2e255929cee3a47ea416668446d44d7c7f61ba785836a112a3814fd014e9472f92183ed05c8113946c4c83c831f2ec142d0c975a84976a2de9 - languageName: node - linkType: hard - -"vue@npm:^3.2.37": +"vue@npm:^3.2.33, vue@npm:^3.2.37": version: 3.2.37 resolution: "vue@npm:3.2.37" dependencies: