Développement web

Apprenez les nouvelles techniques et technologies de création et de gestion des sites web. Devenez un développeur des sites (applications) web.

Un tutoriel d’utilisation du package opcodesio/log-viewer pour lire et afficher dans le navigateur le contenu (logs) du fichier /storage/logs/laravel.log d’un projet Laravel
image de couverture

Développement web

Laravel : Visualiser les logs laravel.log avec log-viewer

Logomark
Un tutoriel pour gérer le comportement de l'action wire:click sur un élément HTML avec l'attribut onclick et l'évènement Javascript confirm()
image de couverture

Développement web

Laravel livewire : wire:click avec Javascript onclick confirm

Logomark
Un tutoriel pour afficher les messages d’erreur de validation avec Laravel, sur un formulaire stylisé avec Bootstrap 5
image de couverture

Développement web

Laravel - Bootstrap : Afficher les erreurs de validation d’un formulaire

Logomark
Un tutoriel d'utilisation du package Laravel Breeze pour mettre en place l'authentification (login, register, password reset, ...) des utilisateurs dans un projet Laravel.
image de couverture

Développement web

Laravel Breeze : implémenter l'authentification

Logomark
Un tutoriel pour télécharger le framework JavaScript VueJs 3 en utilisant npm, le compiler avec laravel-mix puis l'intégrer pour l'utiliser dans un projet Laravel
image de couverture

Développement web

Installer Vue.js 3 dans Laravel

Logomark
Un tutoriel pour mettre en place une REST API qui retourne les données au format JSON dans un projet Laravel.
image de couverture

Développement web

Laravel : Créer une API REST

Logomark
Un tutoriel d'utilisation du logiciel Laragon pour créer un nouveau projet Laravel dans Windows
image de couverture

Développement web

Créer un projet Laravel avec Laragon

Logomark image/svg+xml
Un tutoriel pour copier et coller le contenu d'un champ de saisie de texte HTML dans le presse-papier en utilisant l'API JavaScript Clipboard
image de couverture

Développement web

JavaScript : Copier-coller dans le presse-papier
Un tutoriel pour générer dynamiquement les éléments <title> et <meta> pour le SEO en utilisant le package cagilo/cagilo dans un projet Laravel
image de couverture

Développement web

SEO Laravel : Gérer les meta tags avec Cagilo

Logomark
Un tutoriel pour mettre en place les opérations CRUD (Create, Read, Update, Delete) avec upload d’image dans un projet Laravel. Exemple d'un blog.
image de couverture

Développement web

Laravel : Créer le CRUD d'un blog

Logomark
Un tutoriel pour créer une liste d'options <select> dynamique pour choisir un pays et une ville à travers un composant Livewire dans un projet Laravel.
image de couverture

Développement web

Laravel Livewire : liste déroulante pour choix de pays et ville

Logomark
Un tutoriel pour formater un timestamp en jour, mois, année, heures, minutes et secondes avec les fonctions PHP date() et gmdate().
image de couverture

Développement web

PHP : Convertir un timestamp en date, heures, minutes et secondes
Deux méthodes JavaScript pour afficher une image choisie au formulaire HTML d'upload de fichier avant de l'envoyer vers le serveur
image de couverture

Développement web

JavaScript : Prévisualiser une image avant l'upload
Un tutoriel pour afficher sur une page web les éléments qui se trouvent au niveau de la barre de défilement (scroll bar) avec wow.js en les animant avec animate.css
image de couverture

Développement web

Wow.js et animate.css : Afficher et animer les éléments au niveau de la scroll bar
Un tutoriel pour télécharger la police d’écriture Font Awesome via npm dans un projet Laravel, l’importer et le compiler avec laravel-mix puis afficher les icônes sur une page web.
image de couverture

Développement web

Installer Font Awesome via npm et laravel-mix dans Laravel

Logomark
Un tutoriel pour exporter au format Excel xlsx, ods ou csv les données d’une collection ou d’un modèle et importer les données d’une feuille de calcul via le package rap2hpoutre/fast-excel dans un projet Laravel
image de couverture

Développement web

Laravel : importer et exporter une collection en Excel avec Fast Excel

Logomark
Un tutoriel pour mettre en place le framework CSS Bootstrap 5 dans un projet Laravel 8 en utilisant npm et laravel-mix pour compiler les assets JavaScript et Sass
image de couverture

Développement web

Installer Bootstrap 5 via npm et laravel Mix dans Laravel

Logomark
Un tutoriel pour mettre en place un système d’upload de fichier avec une barre de progression pour suivre l’avancement de l’upload dans un projet Laravel - Vue.js
image de couverture

Développement web

Laravel - Vue.js : Uploader un fichier avec une barre de progression

Logomark
Deux méthodes expliquées pour télécharger VueJs 2 en utilisant npm, le compiler avec Laravel Mix puis l'intégrer pour l'utiliser dans un projet Laravel >= 6.x
image de couverture

Développement web

Installer Vue.js 2 dans Laravel

Logomark
Un tutoriel pour créer un code QR (Quick Response) avec le package simplesoftwareio/simple-qrcode dans un projet Laravel.
image de couverture

Développement web

Laravel : Générer un QR code avec simple-qrcode

Logomark