This commit is contained in:
Nico 2022-08-08 11:22:25 +02:00
parent 8d90764b5f
commit 7c1ae8714c
8 changed files with 122 additions and 146 deletions

View File

@ -30,7 +30,8 @@ export default {
items: [ items: [
{ text: "Sommaire", link: "/dev/" }, // /dev/index.md { text: "Sommaire", link: "/dev/" }, // /dev/index.md
{ text: "Documentations", link: "/dev/docs" }, { 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, collapsible: true,
collapsed: true, collapsed: true,
items: [ items: [
{ text: "Sommaire B1", link: "/dev/B1/" }, { text: "Introduction B1", link: "/dev/B1/" },
{ text: "Introduction", link: "/dev/B1/introduction" }, { text: "HTML B1", link: "/dev/B1/html" }
{ text: "HTML", link: "/dev/B1/html" }
] ]
}, },
{ {
@ -48,9 +48,8 @@ export default {
collapsible: true, collapsible: true,
collapsed: true, collapsed: true,
items: [ items: [
{ text: "Sommaire B2", link: "/dev/B2/" }, { text: "Introduction B2", link: "/dev/B2/" },
{ text: "Introduction", link: "/dev/B2/introduction" }, { text: "HTML B2", link: "/dev/B2/html" }
{ text: "HTML", link: "/dev/B2/html" }
] ]
}, },
{ {
@ -58,9 +57,8 @@ export default {
collapsible: true, collapsible: true,
collapsed: true, collapsed: true,
items: [ items: [
{ text: "Sommaire B3", link: "/dev/B3/" }, { text: "Introduction B3", link: "/dev/B3/" },
{ text: "Introduction", link: "/dev/B3/introduction" }, { text: "HTML B3", link: "/dev/B3/html" }
{ text: "HTML", link: "/dev/B3/html" }
] ]
}, },
{ {

View File

@ -1 +1,39 @@
# Frontend B1 # 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

View File

@ -1 +1,34 @@
# Frontend B2 # 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)

View File

@ -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. 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. 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

27
docs/dev/goat.md Normal file
View File

@ -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)

View File

@ -10,6 +10,7 @@ Nous aborderons l'apprentissage du développement web par le prisme de [lacce
- [Documentations](./docs) - [Documentations](./docs)
- [Outils](./outils) - [Outils](./outils)
- [Les pros](./goat)
## Niveaux ## Niveaux

View File

@ -7,7 +7,7 @@
"serve": "vitepress serve docs" "serve": "vitepress serve docs"
}, },
"devDependencies": { "devDependencies": {
"vitepress": "^1.0.0-draft.8", "vitepress": "1.0.0-alpha.4",
"vue": "^3.2.37" "vue": "^3.2.37"
} }
} }

141
yarn.lock
View File

@ -275,18 +275,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/compiler-core@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/compiler-core@npm:3.2.37" resolution: "@vue/compiler-core@npm:3.2.37"
@ -299,16 +287,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/compiler-dom@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/compiler-dom@npm:3.2.37" resolution: "@vue/compiler-dom@npm:3.2.37"
@ -319,24 +297,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/compiler-sfc@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/compiler-sfc@npm:3.2.37" resolution: "@vue/compiler-sfc@npm:3.2.37"
@ -355,16 +315,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/compiler-ssr@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/compiler-ssr@npm:3.2.37" resolution: "@vue/compiler-ssr@npm:3.2.37"
@ -375,16 +325,10 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"@vue/reactivity-transform@npm:3.2.33": "@vue/devtools-api@npm:^6.1.4":
version: 3.2.33 version: 6.2.1
resolution: "@vue/reactivity-transform@npm:3.2.33" resolution: "@vue/devtools-api@npm:6.2.1"
dependencies: checksum: 34765af0be9b0cc7e3def73b2792b1514e3c348852c5a7503fe07d013f0e907af6c27c0a32c0637dd748caf37c075af8e53ca3220433e0bd34b6f3405f358272
"@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
languageName: node languageName: node
linkType: hard linkType: hard
@ -401,15 +345,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/reactivity@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/reactivity@npm:3.2.37" resolution: "@vue/reactivity@npm:3.2.37"
@ -419,16 +354,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/runtime-core@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/runtime-core@npm:3.2.37" resolution: "@vue/runtime-core@npm:3.2.37"
@ -439,17 +364,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/runtime-dom@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/runtime-dom@npm:3.2.37" resolution: "@vue/runtime-dom@npm:3.2.37"
@ -461,18 +375,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/server-renderer@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/server-renderer@npm:3.2.37" resolution: "@vue/server-renderer@npm:3.2.37"
@ -485,13 +387,6 @@ __metadata:
languageName: node languageName: node
linkType: hard 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": "@vue/shared@npm:3.2.37":
version: 3.2.37 version: 3.2.37
resolution: "@vue/shared@npm:3.2.37" resolution: "@vue/shared@npm:3.2.37"
@ -1824,26 +1719,27 @@ __metadata:
version: 0.0.0-use.local version: 0.0.0-use.local
resolution: "vitepress-starter@workspace:." resolution: "vitepress-starter@workspace:."
dependencies: dependencies:
vitepress: ^1.0.0-draft.8 vitepress: 1.0.0-alpha.4
vue: ^3.2.37 vue: ^3.2.37
languageName: unknown languageName: unknown
linkType: soft linkType: soft
"vitepress@npm:^1.0.0-draft.8": "vitepress@npm:1.0.0-alpha.4":
version: 1.0.0-draft.8 version: 1.0.0-alpha.4
resolution: "vitepress@npm:1.0.0-draft.8" resolution: "vitepress@npm:1.0.0-alpha.4"
dependencies: dependencies:
"@docsearch/css": ^3.0.0 "@docsearch/css": ^3.0.0
"@docsearch/js": ^3.0.0 "@docsearch/js": ^3.0.0
"@vitejs/plugin-vue": ^2.3.2 "@vitejs/plugin-vue": ^2.3.2
"@vue/devtools-api": ^6.1.4
"@vueuse/core": ^8.5.0 "@vueuse/core": ^8.5.0
body-scroll-lock: ^4.0.0-beta.0 body-scroll-lock: ^4.0.0-beta.0
shiki: ^0.10.1 shiki: ^0.10.1
vite: ^2.9.7 vite: ^2.9.7
vue: 3.2.33 vue: ^3.2.33
bin: bin:
vitepress: bin/vitepress.js vitepress: bin/vitepress.js
checksum: b7e2dbcf0a1cbd9517e09acfad108c6f938a01a41d7cf697be001e7ad5662b341411c1744c8dd1e9548e021e534f46bf675398401093258293b749a3079f8faa checksum: f77f1e184c3b6642dbb01717931601412fad2e369a9082b5c68df6d318ad04ead19f09092f2be277dcdcbb837c0d1605f6e9a66f820021b83fc124335f60d534
languageName: node languageName: node
linkType: hard linkType: hard
@ -1877,20 +1773,7 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"vue@npm:3.2.33": "vue@npm:^3.2.33, vue@npm:^3.2.37":
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":
version: 3.2.37 version: 3.2.37
resolution: "vue@npm:3.2.37" resolution: "vue@npm:3.2.37"
dependencies: dependencies: