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.
3# Javascript asynchrone, Promise
Les promesses en Javascript ou comment gérer efficacement le code asynchrone. A travers un exemple, je montre : 1. C'est quoi une promesse 2. cycle de vie d'une promesse 3. Créer une promesse pour requête HTTP avec XMLHttpRequest 4. Ecrire l'exécuteur de la promesse 5. Utiliser la promesse avec les méthodes then() et catch() 6. Utiliser Promise.all() Cette vidéo fait partie de la série js-async : 1 - https://youtu.be/7Gevq7rZIPI 2 - https://youtu.be/VAw4-umCOck 4 - https://youtu.be/y-JAqyqSPc8
2# Javascript asynchrone, Callback hell ?
Le code asynchrone peut devenir difficile à lire et à maintenir. Cette vidéo montre la structure du code nommée Callback hell ou montagnes de callbacks. Cette vidéo fait partie de la série js-async : 1 - https://youtu.be/7Gevq7rZIPI 3 - https://youtu.be/52e_CWjMCf8 4 - https://youtu.be/y-JAqyqSPc8
☕ Caractères unicode et Javascript ⛲⛲⛲
Présentation de l'application web Unicode Viewer. Elle permet de visualiser l'étendu des caractères unicode et leur utilisation. La démo est accessible à https://utf.daaif.net Le code source à : https://github.com/a-daaif/unicode
React Router ou comment créer une application SPA avec ReactJS
Créer une application SPA (Single Page Application) avec React est facile et intuitif. A travers l'exemple d'un Blog, cette vidéo montre : 1. Comment créer une application SPA simple contenant trois pages (Home, A propos et Blog) 2. Comment créer et structurer les composants de la page 3. Installer le package react-router-dom 4. Utiliser les composants BrowserRouter, Route et Link de react-router-dom pour créer le système de navigation de la SPA. 5. Tester avec la barre de Navigation et dans la barre d'adresse 6. Utiliser l'API Fetch et useEffect() pour récupérer des données JSON du serveur. 7. Utiliser useState() pour rafraîchir l'état d'un composant 8. Utiliser des liens paramétrés et récupérer les valeurs des paramètres
5# Création d'un site Web Wordpress de A à Z - Elementor
Utilisation de l'extension Elementor pour la création de la page d'accueil.
4# Création d'un site Web Wordpress de A à Z - Personnalisation
Personnalisation du thème OceanWP . 1. Barre supérieure et réseaux sociaux 2. Entête, logo, menu et recherche 3. Page d'accueil et page du blog 4. Barre latérale 5. Pied de page et Widgets 6. Bas du pied de page.
3# Création d'un site Web Wordpress de A à Z - Installation manuelle
Installation manuelle de Wordpress sur le serveur distant à l'aide de cPanel. 1. Connexion à cPanel 2. Téléversement et extraction de Wordpress 3. Création de la base de données et de l'utilisateur MySql 4. Affectation des droits à l'utilisateur sur la base de données 5. Installation de Wordpress et connexion à l'interface d'adminitration 6. Installation et activation du thème OceanWP 7. Installation et activation des extensions Elementor et Ocean-extra
Javascript pour les débutants - Complément DOM #5 - 2020
Comment créer une hiérarchie d'élément avec l'API DOM de Javascript; 1. document.createElement 2. document.createTextNode 3. element.appendChild 4. Utilisation dans un exemple réel.
Javascript pour les débutants - Les objets et classes #4 - 2020
Comment créer des objets en Javascripts en utilisant la notation littérale et les classes ES6. 1. Objet littéral, dynamique 2. Les attributs et les méthodes 3. les classes ES6 4. Utilisation dans un exemple réel.
Javascript pour les débutants - Array #3 - 2020
Cette vidéo traite l'utilisation de l'objet natif Array de Javascript. Elle présente : 1. Généralité sur les tableaux et les objets en Javascript 2. Création d'un tableau par instanciation en en littéral 3. Les méthodes, leurs implémentation et leur utilisation. a. Array.forEach() b. Array.map() c. Array.reduce() d. Array.sort() e. Array.find() Pour voir la suite de ce cours consultez la vidéo :
2# Création d'un site Web Wordpress de A à Z - Hébergement
Cette vidéo traite les aspects relatifs à l'hébergement Web. 1. Démonstration d'une solution Revendeur d'hébergements Web 2. Utilisation de l'outil Web Host Manager (WHM) pour créer et configurer des packages et des comptes 3. Création et configuration d'un compte utilisateur pour un package donné 4. Accès de l'utilisateur finale avec cPanel et configuration des paramètres du sites; a. Accès au répertoire de base du site, b. Création d'une base de données MySql et d'un utilisateur MySql c. Attribution des droits de l'utilisateur à la base de données MySql d. Choix et paramétrage de la version PHP désirée (Ajout des extensions) e. Installation de Wordpress à l'aide de l'outil Softaculous et sélectionnant les thèmes et les extensions à installer par défaut.
#1 Création d'un site Web Wordpress de A à Z - Nom de domaine
Comment acheter et configurer un nom de domaine.