Découvrez nos tutoriels HTML, CSS, PHP, JavaScript et CodeIgniter ! Que vous soyez débutant ou expert, nos ressources claires et pratiques vous guideront pas à pas. Améliorez vos compétences en développement web dès aujourd’hui avec des explications concises et des exemples pertinents. Parcourez notre sélection de tutos et commencer votre apprentissage dès maintenant !
Tutoriel HTML5
- 1. Initiation au HTML
- 2. Structure HTML de base
- 3. La structure sémantique
- 4. Les balises de textes HTML
- 5. Liens et navigation en HTML
- 6. Image, vidéo et audio
- 7. Liste et tableau en HTML
- 8. Les formulaires en HTML
- 9. Accessibilité d’une page web
- Bonus : Outils pour HTML / CSS
- Bonus : Une version HTML6 ?
Balises HTML5
- Les balises meta les plus utilisées
- L’attribut rel pour un lien <a>
- Types de champs <input> HTML5
- La balise <search> en HTML5
- Boite de <dialog> en HTML5
- Fermer <dialog> sans JS
- Popover : popups en HTML
- <datalist> : Liste de suggestions
- Afficher les résultats avec <output>
- L’attribut sandbox en HTML5
HTML5 avancé
- Principes BEM et SOLID en CSS
- Viewport et balise meta-viewport
- Structurer les dates et heures
- Attributs Aria pour l’accessibilité
- Image responsive en HTML
- Le format d’image WebP
- Chargement d’image différé
- Attribut preload pour ressources
- defer et async pour les scripts
- Referrerpolicy et crossorigin
- API Géolocalisation en HTML5
Démo HTML5
- Template HTML responsive Grid
- Template HTML responsive Flexbox
- CV responsive en HTML et CSS
- Portfolio responsive HTML CSS
- Contenu caché et extensible
- Contenu réutilisable et dynamique
- Les customs éléments
- Histogramme en HTML
- Diagramme en courbe en HTML
- Diagramme circulaire en HTML
- Un lecteur vidéo en HTML5
Tutoriel CSS3
- 1. Initiation au CSS
- 2. Sélecteur et spécificité
- 3. Couleur, unité et typographie
- 4. Le Model Box en CSS
- 5. Mise en page avec Flexbox
- 6. Mise en page avec Grid
- 7. Responsive et media query
- 8. Les commentaires en CSS
- 9. La relation parent / enfant
- 10. Class et Id en HTML et CSS
- 11. Les différentes unités CSS
- 12. Liste des sélecteurs CSS
- 13. Liste des pseudo-classes CSS
- 14. Margin, padding et gap
- 15. Les media queries en CSS
- 16. Les variables en CSS
- Bonus : Relier le CSS au HTML
Propriété CSS3
- La propriété animation en CSS
- La propriété aspect-ratio en CSS
- La propriété clip-path en CSS
- La propriété color-sheme en CSS
- La propriété display CSS
- La propriété keyframes en CSS
- La propriété line-clamp en CSS
- La propriété mix-blend-mode
- La propriété object-fit en CSS
- La propriété object-position
- La propriété text-overflow en CSS
- La propriété transition en CSS
- La propriété writing-mode en CSS
- La fonction attr() en CSS
- La fonction calc() en CSS
- La fonction clamp() en CSS
- La fonction light-dark() en CSS
- Les fonctions Min() et Max() en CSS
CSS3 avancé
- Le positionnement CSS
- Mise en page Flexbox ou Grid
- Choisir ses breakpoint responsive
- Les container queries en CSS
- Les unités viewport en CSS
- Centrer un élement en CSS
- La pseudo-classe :has en CSS
- La pseudo-classe :is en CSS
- La pseudo-classe :not en CSS
- La pseudo-classe :target en CSS
- La pseudo-classe :where en CSS
- La portée du CSS avec @scope
- La valeur mansory CSS
- Grilles imbriquées avec subgrid
- La condition if() en CSS
- Normalize.css VS Reset.css
- Les cascade layers en CSS
- L’interface @property en CSS
- Les optimisation CSS
- 10 Erreurs CSS à éviter
Démo CSS3
- 5 Ex. de menu responsive
- 8 Ex. de formulaire responsive
- 5 Ex. de notification CSS
- 5 Ex. de tooltip CSS
- 5 Ex. de loader CSS
- Effet machine à écrire en CSS
- Écrire du texte en cercle
- Mode sombre en CSS
- Gestion des colonnes de texte
- Une combobox en CSS et JS
- Navigation par onglet pure CSS
- Effet parallaxe en CSS
- Couleur curseur champ input
- Contour de texte en CSS
- Texte en dégradé en CSS3
- Couleur de la puce d’une liste
- Personnaliser la barre de scroll
- Point d’attache et scroll
- Animation rotative d’image
PHP 8 Débutant
- 40 fonctions pour les strings
- Balise ouverture et fermeture
- Les short open tag
- Le typage en PHP
- Portée des variables en PHP
- Sécuriser une variable PHP
- Include, require ou require_once
- Guillemets simples ou doubles
- Paramètre de fonction et retour
- Les RegEx en PHP
- Switch ou Match ?
- L’opérateur pipe
- Gestion d’erreur en PHP
- La liste des attributs PHP
- array_first et array_last
PHP 8 Senior
- Toutes les nouveautés PHP 8.5
- Fonction anonyme et closure
- Le symbole arobase @
- Interpolation avec accolades
- Variable super globale
- Documenter avec PHPDoc
- cURL avec PHP 8.5
- API URI : Des URL propres
- La mise en mémoire tampon
- L’attribut NoDiscard PHP 8.5
- Le layout en PHP
- Array dereferencing
- Fibre en PHP : Asynchrone
- Choisir le bon framework PHP
- Framework PHP EasyFrame
La POO en PHP
- 1. Introduction à la POO
- 2. Classe et objet
- 3. Méthode et propriété
- 4. Encapsulation et héritage
- 5. Le polymorphisme
- 6. Abstraction et Interface
- 7. Les traits
- 8. Autoload et namespace
- 9. Gestion des exceptions
- 10. Relation entre les classes
- 11. Getter et Setter
- 12. Les design patterns
- 13. Test et débogage
- Bonus : Base de données PDO
- Bonus : Base de données MySQLI
- Bonus : Les mots-clés en POO
CodeIgniter
- 1. Présentation et installation
- 2. Structure et configuration
- 3. Ma 1ère application web
- 4. Route, Controller et vue
- 5. Route : Guide complet
- 6. Controller : Guide complet
- 7. Model : Guide complet
- 8. Layout header et footer
- 9. Connexion base de données
- 10. Formulaire validé et sécurisé
- 11. Session et cookie
- 12. Connexion et accès sécurisé
- 13. Mise en place d’une pagination
- 14. Envoyé un mail automatique
Les bases MySQL
- PhpMyAdmin : Sauvegarder BDD
- PhpMyAdmin : Importer une BDD
- Adminer : Tutoriel complet
- Une BDD SQL ou NOSQL ?
- Bien structurer ses tables MySQL
- L’auto-incrémentation
- Les types de données MySQL
- Le format date avec MySQL
- Comprendre NULL et NOT NULL
- Index SQL / MySQL
- Clé SQL / MySQL
- Liste des requêtes SQL
- Fonctions MySQL essentielles
MySQL avancé
- MySQL Workbench, l’indispensable
- CDM, LDM, ERD et PDM pour MySQL
- Shématiser la relation 1-N
- Optimiser l’indexation MySQL
- La requête JOIN en SQL
- UUID : L’identifiant unique
- Le type ENUM en SQL
- Le type BLOB en MySQL
- CHECK : La contrainte en SQL
- Explain : Analyser une requête
- Trigger SQL / MySQL
- Trigger et Stored procedure MySQL
- Stocker du JSON avec MySQL
- Export BDD format CSV en PHP
- Fusionner deux BDD MySQL
Les bases du JS
- Comprendre le DOM en JS
- Types de variable en JS
- La portée des variables en JS
- Les RegEx en JS
- Validation d’un formulaire en JS
- Écoute et gestion d’évènement
- L’asynchronisme en javascript
- Débutant : Promise Javascript
- Comparaison Async, Await, Promise
- Largeur et redimensionnement
- Trier les colonnes d’un tableau
- Lazy loading en JavaScript
- Le format JSON
- Le fichier Manifeste en JSON
API Javascript
- Tutoriel IndexedDB partie1 – cours
- Tutoriel IndexedDB partie2 – Démo
- jQuery 4 : Les nouveautés
- API localStorage en JS
- API Clipboard : Copier / coller
- API ResizeObserver en JS
- API IntersectionObserver en JS
- API Web Speech : Lecture audio
- API Picture-in-picture
- API web-share : Partage natif
- API Vibration pour smartphone
- API MediaRecorder et Audio
- API MediaDevices : Cam et Micro
- Démo : Dictaphone en JS
- Service worker : Mise en cache
- Service worker : Notification Push
Node.js
- Comprendre et installer Node.js
- NPM, Package et module
- Le fichier package.json
- Structurer son projet Node.js
- Asynchronisme et Node.js
- Node.js, MySQL et MongoDB
- Lire et écrire des fichiers
- Un serveur node.js Express
- Les variables d’environnement
- Une API REST avec Node.js
- Authentification, token et hash
- Les Frameworks Node.js
- Coder une liste de tâches
- Coder un chat avec les WekSockets
Wordpress 6
- Coder un thème enfant Wordpress
- Coder une extension Wordpress
- Coder un plugin Wordpress
- Coder un plugin de stats d’articles
- Modele et Composition
- Maîtriser les extraits d’article
- Nettoyer les tables Wordpress
- Les Custom Post Type WP
- Les catégories WooCommerce
- Sécuriser son WooCommerce
- Optimiser vitesse WooCommerce
- WooCommerce : Facturation auto
- WooCommerce en PWA
- Aria compatible avec Gutenberg
Stratégie SEO
- SEO : 215 points de controle
- La recherche sur l’intention
- Types d’architecture SEO
- L’architecture en silo
- Le cocon sémantique
- Le cluster SEO
- L’architecture en pyramide
- L’architecture en graphe
- Cartographie maillage interne
- Le maillage interne
- Combien de liens par page ?
- Stratégie de netlinking
- Suivre son positionnement
- Référencement géolocalisé
- Fiche d’établissement Google
- Référencement pour l’IA
- Le storytelling d’un site web
- Volume recherche d’un mot-clé
- Looker Studio : Rapport planifié
- Acheter des faux avis Google
- Le cloaking, une bonne idée ?
Technique SEO
- Minifier, compresser & cache
- Le fichier sitemap.xml
- Le fichier llms.txt
- Le fichier humans.txt
- LCP : Fetchpriority et decoding
- Guide complet : IndexNow
- Analyser les logs d’un server web
- Configurez le CDN Cloudflare
- Détecter l’User Agent en PHP
- .htaccess : Redirection 301, 302, 307
- Schema.org en JSON
- Balisage FAQPage en JSON-LD
- BLC : Tester les liens morts
- Minifier HTML, CSS, JS et JSON
- Police : Convertir TTF en WOFF2
PageSpeed Insight
- 1. Comment le score est calculé
- 2. First Contentful Paint
- 3. Time to First Byte
- 4. Largest Contentful Paint
- 5. Optimiser vitesse et UX
- 6. Optimiser les polices
- 7. Lazy-loading et LCP
- 8. Réduire le JS inutilisé
- 9. Optimiser le score sur mobile
- 10. Score ou Core Web Vitals ?
- 11. Objectif : Score de 100 ?
- 12. PageSpeed Insights VS UX
- 13. Chrome DevTools
- 14. Alternatives à PageSpeed
G.Analytics
- 1. Installer GA4
- 2. Compte, propriété et vue
- 3. Utilisateur, session, événement
- 4. Les rapports Google Analytics 4
- 5. Analyse UX et SEO
- 6. Les meilleures sources de trafic
- 7. Analysez vos meilleures pages
- 8. Le rapport en temps réel
- 9. Personnaliser GA4
- 10. Les évènements personnalisés
- 11. Exploration et parcours
- 12. Entonnoir de conversions
- 13. Google Tag Manager
- 14. Surveillance hebdomadaire
- Bonus : Analyse du taux de rebond
Search Console
- 1. Présentation de la GSC
- 2. Installation de la GSC
- 3. Les bases essentielles
- 4. Requête, mot-clé et page
- 5. Pays, appareils, rich results
- 6. Exploration et Indexation
- 7. Gestion des sitemap
- 8. Principe de cannibalisation
- 9. Site web avec ou sans WWW
- 10. Lister vos backlinks
- 11. Suivre la position d’une page
- 12. L’expérience utilisateur
- 13. Pages qui chutent
- 14. Les insights
- 15. Opportunités et potentiel
- 16. Optimiser vos pages
Rés. sociaux
- Quand poster sur Instagram ?
- Programmer un post Instagram
- Guide pour débuter sur LinkedIn
- Quand poster sur LinkedIn ?
- Programmer un post LinkedIn
- Les offres d’emploi LinkedIn
- Pousser un projet sur GitHub
- Les différentes licences GitHub
- Comment streamer sur Twitch
- Nbr de follower Instagram en PHP
- Nbr de follower YouTube en PHP
- Nbr de follower Pinterest en PHP
- Nbr de follower Twitch en PHP
- Monétiser sa chaîne YouTube
- Programmer message WhatsApp
Méthodologie
- Débuter en programmation web
- Définition front-end et back-end
- Apprendre à coder et raisonner
- Penser comme un programmeur
- Neuroscience et apprentissage
- Méthodologie : Un code lisible
- Principe du code minimaliste
- Bien commenter son code
- Certififer vos connaissances
- Business plan d’un site web
- Rédiger devis et facture
Architecture
- 20 snippets .htaccess essentiels
- Page inexistante : 404 ou redirection
- Une page 404 personnalisée
- Cache serveur et cache navigateur
- Le rôle de l’user-agent
- Le dossier asset en MVC
- La logique headless
- Architecture SPA vs MPA
- Coder une SPA avec Svelte
- L’architecture serverless
- LiteSpeed, Apache ou Nginx ?
- L’automatisation avec n8n
- La fonction main en PHP & JS
- Construire son Minilab
Projet et démo
- Coder une Scroll Bar Progress
- Formulaire de login en PHP
- La pagination en PHP / MySQL
- Coder une API REST en PHP
- Coder un compte à rebours en JS
- Coder un chatbot en PHP et JS
- Coder un agenda en PHP et JS
- Export PHP en CSV ou Excel
- Tracer courbe de fonction en JS
- App de dessin en HTML et JS
- Scraper des prix en PHP
- Convertir une image en Base64
- Nombre aléatoire en PHP
- L’algorithme de Luhn en PHP
WebDesign
Outils Dev
- Les éditeurs WYSIWYG
- Top 10 extensions VS Code
- Raccourcis clavier VS Code
- Composer : Tutoriel complet
- Docker : Guide complet
- Softaculous : Guide complet
- Jujutsu Git : Guide complet
- Espanso : Épandeur de texte
- HomeBrew, le guide complet
- HomeBrew, 20 packages essentiels
- FreshRSS : flux RSS op.source
- InvoicePlane : Facture op.source
- PowerPoint gratuit en ligne
Base du terminal
- Base : Naviguer et se situer
- Base : Fichier et dossier
- Base : lire et afficher un fichier
- Base : Chainer et sauvegarder
- Base : Système et cmd de secours
- Symbole pipe, commande pipeline
- Gestion des environnements
- Path, Shell et Alias
- Les scripts shell
- CronMaster : Tâche cron planifiée
- tmux : Fenêtre et session
- ZSH : Le Shell moderne
- Utiliser Tor depuis le terminal
- Lancer un serveur local
- Connexion SSH : Serveur mutualisé
- Sauvegarde BDD avec Mysqldump
Cmd du terminal
- Liste des commandes du terminal
- Lister ses outils en CLI
- Cmd AWK : traitement texte
- Cmd CHMOD : gérer permission
- Cmd DHCP : attribution IP
- Cmd Find : recherche fichier
- Cmd GREP : recherche texte
- Cmd JQ : manipuler le JSON
- Cmd NANO : éditeur fichier
- Cmd NETSTAT : connexion réseau
- Cmd SED : Modifier fichier texte
- Cmd TEE : sauvegarde fichier
- Cmd TELNET et NETCAT : le réseau
- Cmd WHOIS : analyse domaine
WebSécurité
- Mon site web est-il piraté ?
- Let’s Encrypt, HTTPS et SSL
- .htaccess : Bloquer accès dossiers
- Protection injection SQL
- Protection clickjacking et CSRF
- Les codes de statut HTTP
- Sécuriser les Header HTTP en PHP
- Sécuriser une session PHP
- Upload de fichier sécurisé en PHP
- Sécuriser et stocker password
- Créer un token en PHP
- L’anti-spam reCAPTCHA Google
CyberSécurité
- Les 7 couches du modèle OSI
- Les ports en informatique
- Les enregistrements DNS
- Proxy et reverse proxy
- L’empreinte numérique unique
- Bloquer les bots inutiles
- Bloquer certains user-agent
- Sécuriser ses connexion SSH
- Hashé un mot de passe
- Sécuriser son réseau Wi-Fi
- Être anonyme sur internet
- Surfer sur le darkweb
Les RegEx
Cryptographie
- 1. Introduction à la cryptographie
- 2. Types de cryptographie
- 3. HTTP vs HTTPS
- 4. Crypter un mot de passe
- 5. BCrypt VS Argon2
- 6. Chiffrer / Déchiffrer en JS
- 7. Empreinte SHA256
- 8. OpenSSL et signature
- 9. Courbe elliptique EEC
- 10. Coder une messagerie chiffrée
- 11. Coder un token JWT en PHP
- Challenge : Craquer un hash
Base du pentest
Outils pentesting
- Amass : Scan sous-domaines
- BruteForceAI : Test de formulaire
- Caido : l’outil polyvalent
- DalFox : Scan de failles XSS
- GoBuster : Scan dossier / fichier
- goSearch : Vérifier compte hacké
- HTTPX : Scan massif de domaine
- Hydra : Craquer un mot de passe
- John the Ripper : Guide complet
- NMap : Scan des ports
- NikTo : Scan serveur web
- NSLookup : Adresse IP et DNS
- Owasp Zap : Détecter Faille XSS
- SQLMap : Scan de failles SQL
- SubFinder : Scan sous-domaines
- WhatWeb : audit technique site
- Wireshark : Outil de sniffing
- WPScan : Analyse sécu Wordpress
- rockyou.txt : Le fichier de pentest
Osint
- Qu’est-ce que l’OSINT ?
- Les outils OSINT indispensables
- Méthode d’enquête numérique
- Google dorking et recherche
- Rechercher une personne
- Enquêter sur un pseudo
- OSINT et analyse de photo
- OSINT et analyse audio
- OSINT et faux avis client
- OSINT & Intelligence artificielle
- Cartographie réseau social
- Enquête sur un site web
- ExifTool : Extraire métadonnées
- Sherlock : Rechercher un pseudo
- TheHarvester : Collecte d’infos
I.A
- Bien rédiger ses prompts
- Qu’est-ce que l’IA Agentique ?
- Antigravity : Coder avec l’I.A
- IA et rédaction fiche produit
- ChatGPT classique vs Mode Agent
- Coder en local avec l’IA
- Codex et VS Code
- Codex CLI d’OpenAI
- Installez et utilisez Claude code
- Stitch, d’image à maquette HTML
- G.Vision : Reconnaissance d’Image
- Détecter une image créer par IA
- Voix artificielle par IA
M.Learning
- 1. Introduction au Machine learning
- 2. Régression linéaire simple
- 3. Régression linéaire multiple
- 4. Naive Bayes multinomial
- 5. Clustering et regroupement
- 6. Fréquence passée
- 7. SVM : Support Vector Machine
- 8. KNN : K-Nearest Neighbors
- Bonus : Script ML pour le poker
- Bonus : Script ML pour les paris L1
- Bonus : Machine learning VS IA
Blockchain
- 1. Introduction au Web3
- 2. La Blockchain
- 3. Smart contract No Code
- 4. Le smart contract
- 5. Les NFT
- 6. Un crypto wallet
- 7. Portefeuille Metamask
- 8. Les avantages du Web3
- 9. Lire / écrire blockchain
- 10. dApp : Solde portefeuille
- 11. Wallet login web3
- 12. Page web et Blockchain
- 13. Bonus : Les airdrops
- 14. Bonus : Glossaire du Web3
R et RStudio
- 1. Installation et présentation
- 2. Début avec R et RStudio
- 3. Structure de données
- 4. Manipulation avec DPLYR
- 5. Visualisation avec GGPLOT2
- 6. Condition, boucle et fonction
- 7. Import / Export de données
- 8. Analyses statistiques
- 9. Fonctions et gestion d’erreurs
- 10. Apprentissage automatique
- 11. Markdown et exportation
- 12. Le package Shiny
Apple
- Sécuriser son Mac
- Le compte invité
- Réduire Liquid Glass macOS
- Nettoyer la barre du haut
- Changez la couleur des dossiers
- Créer des raccourcis clavier
- Signature HTML Apple Mail
- Bureau vide pour visio
- iTerm2 : Optimiser le terminal
- btop : Surveillez les performances
- Maccy : Optimiser le copier / coller
- Ext. Safari résumé page web
- Afficher le % de batterie
- Balayage appareil photo
- Suppression code de validation
Astuces
Maths & Web
- La logique booléenne
- La loi géométrique
- La théorie des ensembles
- Les modèles statistiques
- Le tableau de contingence
- Quantificateur et implication
- Discriminant et équation 2nd°
- Les matrices et les vecteurs
- Les dérivées et les gradients
- Les séries et les limites
- L’équation différentielle
- Espérance, variation et corrélation
- Test statistique et A/B Testing
- Comptage et combinaison
- La théorie de la complexité
- Entropie et redondance
- Initiations aux probabilités
- La loi des grands nombres
- La probabilité conditionnelle
- La probabilité pondérée
- La loi uniforme continue
- La loi uniforme discrète
- La simulation Monte-Carlo
- Le théorème de Bayes
- La loi de Poisson
- La loi de Fisher
- L’arbre de décision
- Le diagramme de Venn
- Variance et écart-type
- Comprendre la distribution
- La loi binomiale