// BTS SIO · Option SLAM · 2ème année

Parcours de certification
complémentaires — BTS SIO SLAM

HTML & JavaScript

🎍 HTML Essentials 🎍 JS Essentials 1
const dev = {
  name: "Étudiant BTS SIO",
  level: "SLAM 2A",
  certs: [
    "HTML Essentials",
    "JS Essentials 1"
  ],
  goal: "FullStack Dev"
};
01 · ACCROCHE

Pourquoi HTML & JavaScript
au cœur de tout ?

🌐
100%
des sites web reposent sur HTML sans exception
⚡
#1
JS — langage le + utilisé au monde (Stack Overflow 2024, 12 ans consécutifs)
🚀
Full Stack
JS couvre client (React) et serveur (Node.js) — un seul langage
🎍 Badges hébergés sur Credly — vérifiables en ligne par tout recruteur via lien public
02A · HTML ESSENTIALS
Ouvrir le badge

Modules étudiés — HTML Essentials ↗ Badge

Clique sur le titre pour afficher la certification vérifiable
M1
Introduction to HTML
Qu'est-ce que HTML, naissance du Web, évolution vers HTML5
M2
Structure & Syntaxe
Balises, attributs, encodage de caractères, document bien formé
M3
Sémantique HTML5
header, main, section, article, nav, footer — accessibilité & SEO
M4
Formulaires & Tables
Types input, validation native, label/aria, structure de tableaux
M5
Multimédia & Hyperliens
img, audio, video, canvas, liens internes/externes
M6
Compatibilité & Responsive
Compatibilité multi-navigateurs, viewport, meta tags, design adaptatif
6 modules 30+ activités pratiques Examen final Cisco Badge Credly vérifié
02B · JAVASCRIPT ESSENTIALS 1
Ouvrir le badge

Modules étudiés — JS Essentials 1 ↗ Badge

Clique sur le titre pour afficher la certification vérifiable
M1
Introduction à JavaScript
Historique, environnement d'exécution, navigateur & Node.js, premiers scripts
M2
Variables, Types & Cast
var/let/const, types primitifs, conversion implicite/explicite, commentaires
M3
Opérateurs & Interaction
Opérateurs arithmétiques, logiques, prompt/alert/confirm, user input
M4
Contrôle de flux
if/else, switch, boucles for/while/forEach, logique algorithmique
M5
Fonctions & Portée
Déclaration, paramètres, valeur de retour, portée lexicale, closures
M6
Erreurs, Exceptions & Debug
try/catch, types d'erreurs, console.log, débogage, bonnes pratiques
6 modules 30+ labs & quiz Cert. JSE Entry-Level Badge Credly vérifié
03 · COMPÉTENCES ACQUISES

Ce que j'ai concrètement appris

HTML Essentials
►
Sémantique HTML5 header, main, section, article
►
Formulaires avancés validation native, aria
►
Structure de document hiérarchie, SEO
►
Multimédia img, audio, video, canvas
JS Essentials 1
►
Logique algorithmique variables, conditions, boucles
►
Fonctions & portée closures, scope lexical
►
DOM & événements querySelector, addEventListener
►
Débogage try/catch, console, erreurs
04 · APPLICATION PRATIQUE

Des compétences mises en œuvre sur le terrain

Ouvrir le portfolio
💼
↗ Site
Portfolio personnel
HTML sémantique + JS vanilla. Filtrage de projets, animations, formulaire de contact.
HTML5 JS CSS
🏢
Stage — AGEDI
Validation côté client, manipulation DOM, intégration API REST en équipe.
JS Angular API REST
🎓
Projets BTS SLAM
Interfaces dynamiques, accessibilité, React + Express + MongoDB.
HTML React MVC
05 · PROJECTION PROFESSIONNELLE

Ma trajectoire vers le Full Stack

💡 JavaScript est le seul langage couvrant front-end (React), back-end (Node.js) et mobile (React Native) — ces certifications en sont la fondation.
AUJOURD'HUI ✅
HTML + JS
Fondations certifiées Cisco Netacad
ÉTAPE 2
JS Ess. 2
Async/await, POO, modules ES6+
ÉTAPE 3
React / Vue
Frameworks front-end modernes
🎯 OBJECTIF
Full Stack Dev
Node.js + React
06 · CONCLUSION

Ces certifications construisent
mon profil de développeur web

✅
Compétences certifiées & vérifiables
📖
Apprentissage autonome documenté
🚀
Socle pour React, Node.js, Vue.js
💼
Profil crédible dès la sortie du BTS
Prochaines étapes
01 — JS Essentials 2 02 — React (Meta Front-End) 03 — Node.js & Express 04 — Projet Full Stack perso
Merci de votre attention — Je suis disponible pour vos questions.
1 / 8