Tutoriels Vidéo
Parcourez ma collection de tutoriels vidéo sur le développement web, JavaScript, PHP, les bases de données et bien plus encore.
Adieu Adobe - Bienvenue Artcraft
Artcraft est une implémentation open source des applications de la suite Adobe. Adobe reste toujours la référence dans le domaine des arts graphique, mais c'est hors de portée des étudiants. Les applications Artcraft ne remplacent pas complètement Adobe, mais cela donne une implémentation raisonnable à toutes les applications de la suite. En plus, les applications Artcraft ont des serveurs MCP, que vous pouvez utiliser avec vos agent IA pour générer, composer, retoucher et bien autres choses. Si vous vous avoir plus d'informations sur Artcraft, dites-le-moi dans les commentainres.
comfyui - image, vidéo par IA
Comprendre les workflows de Comfyui vous aide créer des images pertienetes par IA gratuitement.
HyperFrames HTML vers VIDEO Simple
HyperFrames rend de la vidéo à partir de HTML. Le skill /hyperframes apprend à votre agent de code (Claude Code, Codex, Cursor…) à écrire ces compositions, à les vérifier, à les prévisualiser et à les rendre en MP4. Lien du manuel d'utilisation : https://hyperframes.daaif.net
React - les bases
Comprendre les bases de React avant d'aborder les framework comme NextJS. Les composants et structure d'une application React Flux des données les props, let l'utilisation du hook useState pour que les composants régissent aux changement de props ou d'états. Gérer les effets de bord en utilisant le hook useEffect. Tous ça à travers une présentation interactive accessible sur https://react2.daaif.net
GIT - Versionnez vos projets, en équipe et à distance avec Git et Github
Cette vidéo a été créé en 2016 et reste d'actualité. J'ai tout simplement amélioré la qualité audio et augmenté légèrement la vitesse. Comment utiliser git pour versionner vos projets en local. Travailler en équipe en utilisant git et un repository central sur Github. Comment résoudre les conflits lors des fusions (merge) de branches. En pratique : 1. git init, 2. git status, 3. git add, 4. git commit, 5. git merge, 6. git branch, 7. git remote, 8. git pull 9. git push Pour les enseignants, comment assigner aux étudiants des devoirs et suivre leurs progression de manière simple. Et pour les étudiants , comment faire ses devoirs dans les délais impartis. Cette vidéo montre l'utilisation de Github Classroom pour travailler à distance et en confinement productif : https://youtu.be/wQl8ZfIPYw0
Licence Universitaire en Développement Web et Mobile (DWM)
Licence Universitaire en Développement Web et Mobile (DWM)
xml schema avec VS Code #02
Les schémas XML avec Visual Studio Code (suite) Utilisation de VS Code pour créer un nouveau schéma XML - Ajout d'éléments et d'attributs - La dérivation * Restrictions * Facettes (... rappel sur les expressions régulières) * Lites * Unions - L'extension * Ettendre un type simple pour ajouter des attributs, voir des éléments. * ...
xml schema avec VS Code #01
Les schémas XML avec Visual Studio Code Démos de rappel de l'utilisation d'une DTD pour valider un document XML Limitations d'une DTD Apports des schémas XML (typage, espace de noms, modularité, héritage, ...) Utilisation de VS Code pour créer un nouveau schéma XML - Ajout d'éléments et d'attributs - Types Simple et Complexe (SimpleType vs ComplexType) - Types complexes (sequence, choice, et imbrications) - Types simples prédéfinis dans le schéma XML - Contraintes d'occurence (minOccurs, maxOccurs) ...
NodeJS #12 - API REST avec ExpressJS et l'ORM Prisma
Création d'une API REST à l'aide du framework ExpressJS et l'ORM Prisma
NodeJS #11 - Express-generator
Utiliser les bonnes pratiques en créant un projet ExpressJS rapidement à l'aide de l'utilitaire Express-generator.
NodeJS #10 - L'ORM Prisma
Aperçu général sur l'ORM prisma et son utilisation pour faire des opération CRUD. Installation et utilisation de la CLI prisma Initailisation d'un prijet prisma Création du Schema définissant les entités manipulées dans notre application. Migration et génération de la base de donnée Visualiser les données à l'aide de prisma studio Utilisation du client prisma @prisma/client pour accéder et manipuler les données dans la base de données.
NodeJS #09 - Les sessions avec ExpressJS
Comment utiliser les sessions dans une application Web. Les concepts sont illustrés à l'aide du framework ExpressJS