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.
JavaScript pour les débutants #6 - Exercice d'application - Closures
Le but de l'exercice est de montrer l'intérêt des scopes et closures. Dans cet exercice, on crée dynamiquement 10 buttons dans une boucle for. On affiche sur chaque bouton l'indice de boucle et on lui attache un événement click. Quand l'utilisateur clique sur le bouton, on affiche son indice. Les boutons s'auto-détruisent après une durée aléatoire. La suite est ici : https://youtu.be/3yYxcZnGqLw
JavaScript pour les débutants #5 - Fonctions et Closures en JS
Les fonctions sont le couteau suisse de JS. Dans cette vidéo, j'aborde certains aspects fondamentaux des fonctions; les paramètres, les valeurs retournées, les constructeurs d'objets, le scope et les closures.
Javascript pour les débutants #4 - Exercice Calculette
Comment créer une simple calculette en combinant du HTML, du CSS et bien sur du Javascript.
JavaScript pour les débutants #3 - Les types en JS
- Vue générale sur les variables et les types en JS. - Les tableaux et les objets en JS - Aspect dynamique du langage.
JavaScript pour les débutants #2 - Exercice d'application
- Comment accéder aux références des éléments HTML et les manipuler. - Comment créer dynamiquement du HTML et l'ajouter dans l'arbre DOM.
JavaScript pour les débutants #1 - Introduction à JS dans une page Web
Les bases de Javascript : - Ajout d'un script dans une page web - Aperçu sur le BOM et le DOM - Aperçu sur l'interactivité et la gestion des événements dans un document HTML. - ..
Graphiques SVG. Les commandes de l'élément path.
Les commandes de l'élément path: MoveTo, LineTo, HorizontalTo, VerticalTo, ArcTo et CurveTo. Les courbes de bézier : Cubiques, Cubiques lissées et Quadratiques [C, S et Q].
Graphiques SVG. Mettre en place l'environnement de travail.
Mettre en place un environnement de production. - Utiliser Oxygen XML pour créer un graphique. - Configurer PhpStorm (File template) pour créer des fichier SVG et activer l'intellisense. - Exporter un graphique SVG à partir d'Adobe Illustrator. - Ajouter une image SVG à un document HTML - Ajouter SVG en ligne dans un document HTML.
Installer et utiliser bower pour gérer les dépendances.
Installation de nodeJS, de GIT et de bower. Utilisation de bower pour installer les dépendances.
CSS #4 - Le positionnement.
Les feuilles de styles CSS. Les positionnements "absolute", "fixed" et "relative".
CSS #3 - Le flottement
Les feuilles de styles CSS. Disposer les boites en utilisant la technique du flottement.
CSS #2 - Les boites
Les feuilles de styles CSS, c'est une question de boites.