Louistiti - Tutoriels développement Web

Le 10 février 2019 – J'ai sorti la première version de Léon, un assistant personnel open source : https://github.com/leon-ai/leon

≡
Louis Grenard

Lead Développeur Web @ NOA Labs.

27 ans, diplômé de l'école Epitech (+5) et passionné par les nouvelles technologies, notamment du web et de l'IA. Actuellement à Shenzhen en Chine.

YouTube Twitter Flux RSS
Développé avec
par Louis Grenard

Débuter dans le Développement Web en 9 Points

09
janv
2017

Pour ce premier article de 2017 on va voir 9 points qui selon moi sont importants pour débuter dans le développement Web.

  • Tutoriel vidéo
Lire →

Les nouveautés HTML 5.1

26
déc
2016

Aujourd'hui nous allons voir ce qu'il y a de nouveau dans la nouvelle recommandation du langage HTML.

  • Tutoriel vidéo
Lire →

"//" C'est quoi ? (URL relative au protocole)

12
déc
2016

J'ai une petite question pour vous, avez-vous déjà vu cette notation pour l'appel des ressources : "//mon-site.com/ma-ressourse.js" ?

  • Tutoriel vidéo
Lire →

Tutoriel JavaScript - Comment Copier du Texte

29
nove
2016

Vous souvenez-vous du temps où l'on devait utiliser Flash pour copier du texte ? Aujourd'hui nous allons voir comment le faire avec JavaScript.

  • Tutoriel vidéo
  • Démonstration
Lire →

Tutoriel JavaScript - Scroll and Play : Barre de progression Scroll & Play

21
nove
2016

Aujourd'hui je réponds à Pierre qui nous propose d'ajouter une barre de progression à nos vidéos chargées.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript - Scroll and Play : Jouer les vidéos Scroll & Play

14
nove
2016

La dernière fois on s'était occupé du style, maintenant on va faire jouer nos vidéos en fonction du défilement de notre page.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel HTML / CSS - Comment Créer une Timeline

07
nove
2016

Certains d'entre vous m'ont demandé de réaliser un tutoriel sur la création d'une timeline, c'est donc le sujet que nous allons aborder aujourd'hui.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript / CSS - Scroll and Play : Le style Scroll & Play

31
octo
2016

Aujourd'hui nous allons commencer à créer un système que j'ai nommé "Scroll and Play" !

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript - Créons un Compteur pour les 1 000 abonnés sur YouTube

17
octo
2016

Aujourd'hui nous allons créer un compteur pour les 1 000 abonnés. Merci !

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript / CSS3 - Menu Responsive et Icône Hamburger

03
octo
2016

Dans ce tutoriel nous allons nous intéresser à l'icône hamburger en créant un menu responsive.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript / CSS3 - Création d'un Diaporama

27
juil
2016

Nous allons créer un diaporama en JavaScript en se basant sur la structure du "Module Pattern".

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel JavaScript / CSS3 - Création d'un Module pour Formulaires

17
juil
2016

Aujourd'hui nous allons créer un petit module en JavaScript Vanilla à l'aide de la structure "Module Pattern".

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel - Sécurité Web : XSS (Cross-Site Scripting) Sécurité Web

10
juil
2016

Nous allons nous intéresser à la vulnérabilité Cross-Site Scripting, plus communément appelée "XSS".

  • Tutoriel vidéo
Lire →

Tutoriel PHP - Le Cache Busting

03
juil
2016

Bienvenue ! Nous allons parler ici de notre cache navigateur à travers la technique du cache busting.

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel - Sécurité Web : User-Agent Sécurité Web

26
juin
2016

Nous allons maintenant nous intéresser aux User-Agents et démontrer qu'il ne faut jamais faire confiance à la partie client.

  • Tutoriel vidéo
Lire →

Tutoriel HTML5 / CSS3 - La pseudo-classe :nth-child()

19
juin
2016

Aujourd'hui on se retrouve pour parler d'une pseudo-classe pas assez utilisée, j'ai nommé :nth-child()

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel Python - Tweeter en ligne de commande, sans l'API Twitter : Publier un tweet Tweeter en CLI sans API Twitter

14
fév
2016

Maintenant que l'utilisateur est authentitifé, nous allons voir comment publier notre tweet à partir d'une ligne de commande.

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel Python - Tweeter en ligne de commande, sans l'API Twitter : Authentification Tweeter en CLI sans API Twitter

11
fév
2016

A travers cet épisode on va voir comment authentifier notre utilisateur sur Twitter en utilisant la technique du Web scraping.

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel Python - Tweeter en ligne de commande, sans l'API Twitter : Introduction Tweeter en CLI sans API Twitter

07
fév
2016

Le but de cette série est de vous apporter une première approche au Web scraping à travers une mise en pratique avec Twitter.

  • Tutoriel vidéo
Lire →

CSS3 Carte Interactive E-Commerce Material

30
janv
2016

Une carte interactive style Material Design pour vos sites e-commerce.

  • A propos de moi
Lire →

Tutoriel HTML5 / CSS3 / jQuery - Message Material Design Concept Design

07
sept
2015

Un bouton se transformant en modal window. Un formulaire d'envoi de message comme contenu, avec des animations CSS3 type Material Design.

  • Tutoriel rédigé
  • Démonstration
  • Code source
Lire →

Tutoriel HTML5 / CSS3 / jQuery - Effet d'Ondulation Bouton Material Design

19
juil
2015

Material Design devient de plus en plus présent. Voici comment réaliser un des effets phares de ce design qui est l'ondulation sur vos composants lors d'un clic.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel HTML5 / CSS3 / jQuery - Bouton d'Action Goutte d'Eau et Morphing Material Design Concept Design

24
mai
2015

Un concept utilisant les animations CSS3 et très peu de JavaScript pour réaliser un bouton d'action flottant Material Design et du morphing.

  • Tutoriel rédigé
  • Démonstration
  • Code source
Lire →

Tutoriel HTML5 / CSS3 - Carte Article UI Concept Design

14
mai
2015

Une carte réalisée seulement avec de l'HTML et CSS, sans JavaScript. Ce tutoriel introduit une nouvelle série j'ai nommé "Concept Design".

  • Tutoriel rédigé
  • Démonstration
  • Code source
Lire →

Un Pac-Man en JavaScript / HTML5 le temps d'une soirée...

27
mars
2015

Je vous mets à disposition un Pac-Man que j'avais développé l'année dernière le temps d'une soirée.

  • Tutoriel rédigé
  • Démonstration
  • Code source
Lire →

Tutoriel - Sécurité Web : HTTP Verb Tampering Sécurité Web

16
fév
2015

A travers cette vidéo nous allons découvrir ce qu'est la pratique HTTP Verb Tampering et comment s'en protéger.

  • Tutoriel vidéo
Lire →

Tutoriel - Sécurité Web : Succession d'actions Sécurité Web

31
janv
2015

Bienvenue sur ce premier épisode concernant la sécurité Web.

  • Tutoriel vidéo
Lire →

Tutoriel - Sécurité Web : Introduction Sécurité Web

25
janv
2015

Bienvenue sur l'introduction à la série concernant la sécurité Web.

  • Tutoriel vidéo
Lire →

Tutoriel PHP - Création d'un Facemash : Développement du processus (5/5) Facemash

21
nove
2014

Cette dernière partie aborde le processus de notre Facemash. Elle permet de mettre à jour les scores en fonction des victoires / défaites.

  • Tutoriel vidéo
  • Code source
Lire →

C'est la reprise !

14
nove
2014

Maintenant que je suis correctement installé, il est temps de reprendre Louistiti.

  • Actualité du site
Lire →

En route pour Pékin !

31
aoû
2014

C'est parti pour dix mois à Pékin pour effectuer ma quatrième année.

  • A propos de moi
Lire →

Tutoriel AJAX - Création d'un Facemash : L'affichage (4/5) Facemash

30
aoû
2014

Cette partie est consacrée à l'affichage dit "fonctionnel". La connexion à notre base, un script d'alimentation de nos données et l'utilisation d'AJAX.

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel - Création d'un Facemash : Architecture base de données (3/5) Facemash

21
aoû
2014

Aujourd'hui nous allons construire l'architecture de notre base de données via phpMyAdmin.

  • Tutoriel vidéo
  • Code source
Lire →

Tutoriel HTML5 / CSS3 - Création d'un Facemash : Intégration du style (2/5) Facemash

17
aoû
2014

A travers cette vidéo nous allons intégrer le style de notre Facemash via HTML5 et CSS3.

  • Tutoriel vidéo
  • Code source
Lire →

Louistiti passe en responsive !

11
aoû
2014

Le Web et ses technologies sont en perpétuel évolution, le mobile n'est pas à négliger sur le Web.

  • Actualité du site
Lire →

Tutoriel - Création d'un Facemash : Introduction (1/5) Facemash

08
aoû
2014

Vous avez sûrement dû voir ou entendu parler de The Social Network. Nous y voyons M.Zuckerberg créer un Facemash, nous allons le reproduire à travers cette série.

  • Tutoriel vidéo
Lire →

Tutoriel JavaScript / jQuery - Créer une calculatrice simple : Le fonctionnel (3/3) Calculatrice

04
aoû
2014

Dernière partie de notre série consistant à créer une calculatrice simple. Aujourd'hui nous allons voir le fonctionnel de celle-ci via JavaScript / jQuery.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel HTML5 / CSS3 - Créer une calculatrice simple : Intégration du style (2/3) Calculatrice

30
juil
2014

Bienvenue dans la deuxième partie de la série consacrée en la création d'une calculatrice simple via HTML5, CSS3, JavaScript / jQuery.

  • Tutoriel vidéo
  • Démonstration
  • Code source
Lire →

Tutoriel - Créer une calculatrice simple : Introduction (1/3) Calculatrice

24
juil
2014

Bienvenue sur cette toute première série consacrée à la création d'une calculatrice simple via HTML5, CSS3, JavaScript / jQuery.

  • Tutoriel vidéo
Lire →

9 plugins Sublime Text que j'utilise

20
juil
2014

Aujourd'hui je vous partage 9 plugins Sublime Text que j'utilise au quotidien pour le développement Web.

  • Tutoriel rédigé
Lire →

Mon environnement de travail pour le Web

19
juil
2014

Aujourd'hui je vous présente mon environnement de travail dédié au développement Web.

  • Tutoriel vidéo
Lire →

Présentation de Louistiti.fr

18
juil
2014

Bienvenue sur Louistiti.fr, cet article vous présentera pourquoi ce site est orienté Web via ses tutoriels, comment il va fonctionner et pour qui il est destiné.

  • Actualité du site
Lire →