Ressources Développement Web
Tous les outils, cours et modules pour maîtriser le développement web : HTML5, CSS3, JavaScript, jQuery, PHP et plus encore.
📚 Modules d'apprentissage HTML/CSS
Explorez nos modules progressifs pour maîtriser le développement web, de la base aux concepts avancés comme Flexbox, Bootstrap et les animations.
Programme à télécharger pour coder
Programme à télécharger pour coder
fichier echo.html à renommer echo.php pour comprendre à coder en php et établir une connexion PhpMyAdmin/Mysql
Programme à télécharger pour coder
Module 1 à 13 en zip
Tous les modules regroupés
Module 1: les bases
Fondamentaux HTML/CSS
Module 2: Typographie
Styles et polices
Module 3: Utilisation du float
Mise en page avec float
Module 4: Positionnement et images arrondies
Float, inline-block, border-radius
Module 5: Positionnement et transparence
Opacité et positionnement avancé
Module 6: Formulaire de contact
Création de formulaires
Module 7: Menu déroulant
Position absolute, z-index
Module 8: Typographie avancée
Styles typographiques
Module 9: Media queries
Responsive, ombres, border-radius
Module 10: jQuery Flexslider
Plugin jQuery et pseudo-classes
Module 11: Bootstrap
Framework CSS
Module 12: Canvas, SVG, transitions
Animations et dégradés
Module 13: Flexbox
Layout responsive
Module 14: Fancybox & Flexslider
Galeries et sliders
🛠️ Outils essentiels pour développeur
Validez votre code, générez des dégradés, et découvrez les ressources indispensables pour un développement web de qualité.
W3C HTML Validator
Valider son HTML
W3C CSS Validator
Valider son CSS
Font Awesome
Icônes vectorielles
Font Awesome (zip)
Téléchargement
ColorZilla Gradient Editor
Générateur de dégradés CSS
Awwwards
Inspiration design
CSS Design
Galeries CSS
CSS Mania
Inspiration CSS
Alsacréations Forum
Entraide développement
Babylon Design
Ressources design
Bootstrap
Documentation officielle
Template HTML de base
Structure de base
Template CSS de base
Styles de base
Reset CSS
Réinitialisation des styles
Normalize.css
Normalisation des styles
📖 Cours CSS - Documentation complète
Maîtrisez toutes les propriétés CSS avec la documentation officielle MDN et des tutoriels détaillés.
MDN - HTML
Documentation complète
MDN - CSS
Documentation CSS
MDN - CSS3
Nouvelles fonctionnalités
Les balises HTML
Référence des balises
font-family
Propriété des polices
color
Couleurs en CSS
background-color
Couleur de fond
Bien indenter son code
Bonnes pratiques
background-image
Images de fond
padding
Espacement interne
max-width
Largeur maximale
float
Flottement
clear
Annulation du flottement
clear (LearnLayout)
Tutoriel interactif
Modèle de boîte
Schéma explicatif
inline-block
Affichage en ligne/bloc
vertical-align
Alignement vertical
min-width
Largeur minimale
line-height
Hauteur de ligne
border
Bordures
list-style-type
Style de liste
box-sizing
Modèle de boîte
background-size
Taille du fond
background-position
Position du fond
Pseudo-éléments
::before, ::after
Pseudo-classes
:hover, :nth-child
content
Contenu généré
Préfixes CSS
Compatibilité navigateurs
Pleeease Play
Responsive Web Design
Introduction
Tailles d'écrans
Référence des devices
Dimensionner les fonts
Unités rem
Media Queries (MDN)
Responsive
Media Queries
Tutoriel Alsacréations
border-radius
Coins arrondis
box-shadow
Ombre portée
text-shadow
Ombre de texte
Dégradés CSS
linear-gradient, radial-gradient
Audio HTML5
Balise audio
Vidéo HTML5
Balise video
Bootstrap - Grille
Système de grille
Transitions CSS
Animations fluides
Transformations CSS
rotate, scale, translate
Initiation SVG
Graphiques vectoriels
Canvas
Dessin avec JavaScript
Multi-colonnes CSS
Layout en colonnes
Flexbox
Layout moderne
Guide Flexbox
CSS-Tricks
Flexbox Froggy
Jeu pour apprendre Flexbox
Balise address
Informations de contact
Balise abbr
Abréviations
Liens email
mailto:
Liens numéros
tel:
⚡ JavaScript - Exercices et ressources
Des exercices pratiques pour maîtriser JavaScript, des fondamentaux aux concepts avancés comme les objets et le DOM.
Tous les exercices JS (ZIP)
Pack complet
WindowPrompt
Boîtes de dialogue
Variables et Constantes
Déclaration de variables
Types et Conversions
Manipulation de types
Calcul TVA
Calcul avec remise
Triangle
Boucles et formes
Tableaux
Manipulation de tableaux
Table de Pythagore
Tables de multiplication
Table de multiplication
Exercice interactif
Séparation JS/HTML
Bonnes pratiques
Structure If
Conditions
Structure For
Boucles
Opérateurs arithmétiques
Calculs
Opérateurs de comparaison
Comparaisons
Objet Voiture
Programmation orientée objet
Mastermind
Jeu complet
Liste de courses
Application interactive
La phrase la plus longue
Manipulation de chaînes
Imitation Game
Jeu de logique
Fonctions
Création et utilisation
Dragon Slayer
Jeu RPG
Date du jour
Manipulation des dates
Chifoumi
Pierre-papier-ciseaux
Calculatrice
Application calculatrice
Calculatrice TVA
Calcul de TVA
DOM et actions souris
Événements
Gestionnaire de photos
Galerie d'images
Carrousel
Slider d'images
📘 Cours JavaScript & jQuery
Tutoriels complets et documentations pour approfondir vos connaissances en JavaScript et jQuery.
JavaScript - OpenClassrooms
Cours complet
DevDocs JavaScript
Documentation
JS Orienté Objet (MDN)
POO en JavaScript
jQuery
Site officiel
jQuery UI
Interface utilisateur
jQuery Mobile
Mobile first
jQuery - OpenClassrooms
Simplifiez vos développements
Addressbook jQuery
Application carnet d'adresses
AJAX
Importation de contenu
WebStorage
Stockage local
Ardoise Magique
Dessin interactif
W3Schools jQuery
Tutoriels
Codecademy jQuery
Cours interactif
🐘 PHP - Programmation web dynamique
Ressources complètes pour apprendre PHP, la programmation orientée objet, l'architecture MVC et la gestion des sessions.
PHP.net
Documentation officielle
PHP/MySQL - OpenClassrooms
Cours complet
Module 1 PHP
Bases du PHP
Traducteur PHP
Exercice traduction
TodoList PHP
Application liste de tâches
Dessin SVG
Programmation orientée objet
Gestionnaire de tâches
Application complète
Gestionnaire d'articles
CRUD complet
Bons de commande
SQL et commandes
Blog PHP
Application blog
POO en PHP
Programmation orientée objet
Architecture MVC
Modèle-Vue-Contrôleur
MVC avec PHP
Organisation du code
Blog MVC
Exemple complet MVC
Variables de session
Sessions PHP
Gestion des exceptions
try/catch
Architecture PHP pro
Niveau avancé
Cours SQL
Bases de données
📝 WordPress - CMS
Ressources pour créer et gérer des sites avec WordPress, le CMS le plus populaire.
Ressources multimédia & bonus
Vidéos tutorielles et ressources complémentaires pour enrichir vos connaissances.