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.
TP - Techniques de sélection dans Photoshop 2/2
Cette vidéo présente la réalisation du TP sur les techniques de sélection avec Photoshop. - Outils Sélection rectangulaire et elliptique - Outils Lasso, Lasso polygonal et Lasso magnétique - Outil Déplacement - Outil recadrage
Image numérique - Introduction
L'image numérique, pièce fondamentale de la communication digitale. Différents types d'images numériques bitmaps et vectorielles La notion de pixel, de couleur et de résolution Les modèles colorimétriques RGB, HSL et LAB Généralités sur la perception d'une couleur Histogramme et plage tonale d'une image Outils.
The Return of 'Write Less, Do More' by Rich Harris
Rich Harris est le créateur de Svelte. Rich travaille au New York Times et est un passionné des IT. Le talk montre ce qui l'a influencé dans son parcours et comment il a imaginé Svelte. Rich est aussi le créateur du bundler Rollup. Pour voir la vidéo : https://www.youtube.com/watch?v=BzX4aTRPzno Svelte Summit 2020 : https://www.youtube.com/watch?v=vHHLLJA0b70
Introduction aux technologies du Web #2/3
Premier cours de la rentrée 2020-2021. Introduction aux technologies Web. Utilisation de l'IDE Visual Studio Code pour éditer le code en local ou sur un serveur distant.
Introduction aux technologies du Web #1/3
Premier cours de la rentrée 2020-2021. #1/3 Introduction aux technologies Web.
Serveur Web Apache - 2. Virtual Hosting
Comment héberger plusieurs sites web sur la même instance du serveur Web Apache. Cette technique s'appelle le Virtual Hosting, elle est incontournable en production, et on peut l'utiliser dans le processus de développement pour organiser ses projets.
Serveur Web Apache - 1. Config de base
Comment configurer les serveur Web Apache. 1. Fichiers de configuration et leurs structure 2. Les directives et les sections de configurations (Listen, Directory, AllowOverride, Require, ...) 3. Répertoire de base du site web (DocumentRoot) 4. Options et droits d'accès aux ressources (Options, Require, ...) 5. Les répertoires virtuels (Alias) Voir la suite : https://youtu.be/JqwsTUkbEVA
xampp - Environnement de développement pour PHP
Comment mettre en place un environnement de développement pour PHP. Il vous faut un serveur Web comme Apache, configurer pour passer les requêtes à l'interpréteur PHP. Un serveur de bases de données comme MySQL ou MariaDB avec PhpMyAdmin pour le gérer. Dans cet vidéos, je montre les aspects important à tenir en compte pour mettre en place un tel environnement : 1. Aperçu et installation de XAMPP 2. Description détaillée de Xampp Control Panel 3. Démarrage et diagnostique des erreurs des serveurs 4. Localisation des programmes et des fichier de configuration. Dans la vidéo suivante, je vais montrer la configuration de base du serveur Web Apache.
sp-slides ou comment créer des présentations html dynamiques
sp-slides permet de créer des présentation html pour expliquer les concepts du Web en général. sp-slides est Open Source. 1. Créer une nouvelle présentation 2. Exécuter la présentation 3. Ajouter des slides simples 4. Ajouter des slides contenant du code HTML, CSS et JS dynamique 5. Synchroniser les slides avec les séquences d'une ou plusieurs vidéos Youtube. J'ai développé cette application pour mes besoins personnels, car aucune des solutions Open Source ne répond vraiment à mes attentes. Voici quelque liens de présentations que vous pouvez utiliser comme exemple : 1. https://gc.daaif.net 2. https://css-layouts.daaif.net 3. https://js2.daaif.net
Simple Web Server avec Express et Node JS.
Créer un site Web pour servir des pages statiques. 1. Initialisation d'une application Node avec npm init 2. Installation du package Express 3. Création du fichier d'entrée de l'application 4. Ajout du dossier publique et des pages html 5. Démarrage de l'application 6. Ajout de feuilles de style. Le but est de montrer qu'on peut créer un vrai Serveur Web avec quatre ligne de code.
4# Javascript asynchrone, async/await
async/await permettent d'écrire du code asynchrone comme s'il s'agit d'un code synchrone. Cela simplifie la lisibilité du code. Cette vidéo fait partie de la série js-async : 1 - https://youtu.be/7Gevq7rZIPI 2 - https://youtu.be/VAw4-umCOck 3 - https://youtu.be/52e_CWjMCf8
1# Javascript asynchrone, pourquoi et comment ?
Comment s'exécute le code asynchrone dans Javascript ? Pourquoi l'ordre d'exécution des instructions peut être difficile à prédire ? A travers des exemples simple, je montre : 1. Création et appelle d'une fonction asynchrone 2. Création d'une fonction utilisant XMLHttpRequest pour faire une requête GET et récupérer un fichier JSON. 3. Comment synchroniser plusieurs appels asynchrone ? Cette vidéo fait partie de la série js-async : 2 - https://youtu.be/VAw4-umCOck 3 - https://youtu.be/52e_CWjMCf8 4 - https://youtu.be/y-JAqyqSPc8