reorganized levels,
added content updated dependencies
This commit is contained in:
parent
6214c827eb
commit
7f356d807a
32 changed files with 11143 additions and 2043 deletions
52
docs/dev/01-debutant/index.md
Normal file
52
docs/dev/01-debutant/index.md
Normal file
|
@ -0,0 +1,52 @@
|
|||
# Débutant – Découverte
|
||||
|
||||
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
|
||||
4. media queries
|
||||
5. flex
|
||||
6. grid
|
||||
8. Ressources externes
|
||||
1. Images
|
||||
2. Maquettes
|
||||
3. SVG
|
||||
4. Webfonts
|
||||
5. Optimisations
|
||||
9. Mise en ligne
|
||||
|
||||
## Concepts et architecture
|
||||
|
||||
- **Internet** = réseau de réseaux, infrastructure globale (TPC/IP)
|
||||
- **Web** = application basée sur le réseau d’internet (HTTP/HTTPS)
|
||||
- **DNS** = annuaire adresse IP/nom de domaine
|
||||
- **FTP**/SFTP = transfert de fichiers
|
||||
- **HTML** = contenus
|
||||
- **CSS** = styles
|
||||
- **JavaScript** = éléments dynamiques
|
||||
- **Fonts** = polices de caractères
|
Loading…
Add table
Add a link
Reference in a new issue