Qu'est-ce que ledéveloppement
Web ?
• • Création et gestion de sites et applications
Web.
• • Se compose du front-end (interface
utilisateur) et du back-end (serveur, base de
données).
• • Utilise des langages comme HTML, CSS,
JavaScript, et des frameworks modernes.
3.
Front-end vs Back-end
•• Front-end : Partie visible par l’utilisateur
(HTML, CSS, JS, frameworks comme React,
Vue).
• • Back-end : Gère les données et la logique
serveur (PHP, Node.js, Python, bases de
données comme MySQL, MongoDB).
• • Full-Stack : Développeur maîtrisant à la fois
le front-end et le back-end.
4.
HTML - Structured'une Page Web
• • HTML (HyperText Markup Language) définit
la structure d’une page Web.
• • Utilisation de balises comme <html>,
<head>, <body>, <p>, <div>, <img>, <a>.
• • Exemple :
• <!DOCTYPE html>
• <html>
• <head>
• <title>Ma page</title>
5.
CSS - Miseen forme des pages
• • CSS (Cascading Style Sheets) est utilisé pour
styliser les pages Web.
• • Sélecteurs : Classes (.), ID (#), éléments (h1,
p, div).
• • Exemple :
• body { background-color: lightblue; }
• h1 { color: navy; text-align: center; }
6.
JavaScript - Dynamiserles pages
Web
• • JavaScript est un langage de programmation
utilisé pour rendre les pages interactives.
• • Il permet de manipuler le DOM, d'ajouter
des événements et des animations.
• • Exemple :
• document.getElementById('btn').addEventList
ener('click', function() {
• alert('Bonjour !');
• });
7.
Technologies et Frameworks
•• Front-end : React, Angular, Vue.js.
• • Back-end : Node.js, Django, Laravel, Spring
Boot.
• • Bases de données : MySQL, PostgreSQL,
MongoDB.
• • Autres : APIs, WebSockets, Cloud
Computing.
8.
Outils de Développement
•• Éditeurs de code : VS Code, Sublime Text,
Atom.
• • Gestion de versions : Git, GitHub, GitLab.
• • Navigateurs et DevTools pour le debug.
• • Environnements : Docker, VirtualBox.
9.
Conclusion
• • Ledéveloppement Web est un domaine
vaste et en constante évolution.
• • Il implique plusieurs technologies et outils
pour créer des sites modernes et performants.
• • Se former et pratiquer est essentiel pour
devenir un bon développeur Web.
