WAREZLANDER

Développer vos compétences digitales

Tuto – Développement Front-End – Menu hamburger

Tuto – Développement Front-End – Menu hamburger

ISO + Fichiers source | Français | 1 H 32 Min | 2.9 Go

Apprenez par la pratique : créer un menu hamburger. Pour ce 3ème tuto entièrement dédié à la pratique du développement côté front-end, je vous propose de réaliser un menu hamburger (également appelé menu burger). Nous n’allons pas nous contenter que de réaliser ce menu hamburger, nous allons également réaliser la maquette du site en utilisant la technologie du CSS-Grid. Nous rendrons notre site responsive et nous ferons apparaître le menu hamburger pour l’écran réservé aux smartphones.

Continuer la lecture

Tuto – Développement Front-End – Réaliser un menu responsive facilement

Tuto – Développement Front-End – Réaliser un menu responsive facilement

ISO + Fichiers source | Français | 41 Min | 1.3 Go

Apprenez à créer un menu responsive complet. J’ai l’immense plaisir de vous proposer ce nouveau tuto vidéo dont la connaissance est une base indispensable de nos jours pour tout développeur Front-End, à savoir la mise en place d’un menu responsive. Pour cela nous utiliserons le CSS 3, notamment les flexbox (je vous invite à suivre mon tuto sur l’apprentissage des flexbox si cela n’est pas déjà fait) et nous utiliserons jQuery (je vous invite à suivre mon tuto sur l’apprentissage de jQuery si cela n’est pas déjà fait).

Continuer la lecture

Tuto – Développement Front-End – Menu hamburger animé

Tuto – Développement Front-End – Menu hamburger animé

ISO + Fichiers source | Français | 50 Min | 1.6 Go

Apprenez à créer un menu hamburger animé ! Dans ce tuto vidéo je vous propose de découvrir comment animer un menu hamburger grâce au langage CSS ainsi qu’à la librairie jQuery. Le premier chapitre de cette formation, sera consacré à la réalisation de cette animation afin de bien nous focaliser sur le code, sans aucun superflu. Puis, dans le second chapitre, nous reprendrons les codes de mon précédent tutoriel « réaliser un menu responsive facilement » afin d’y incorporer notre menu hamburger animé. A la fin de ce cours vous aurez donc appris à créer une animation de menu hamburger et à l’intégrer sur votre site Internet !

Continuer la lecture

Tuto – Développement Front-End – Icônes dans les champs d’un formulaire

Tuto – Développement Front-End – Icônes dans les champs d’un formulaire

ISO + Fichiers source | Français | 1 H 03 Min | 2.1 Go

Vous souhaitez améliorer visuellement vos formulaires ? Les rendre plus modernes et offrir une meilleure expérience utilisateur ? Voici un tuto vidéo qui va vous apprendre comment placer des icônes à l’intérieur d’un champ « input » de formulaire.

Continuer la lecture

Tuto – Développement Front-End – Galerie d’images en JavaScript

Tuto – Développement Front-End – Galerie d’images en JavaScript

ISO + Fichiers source | Français | 36 Min | 1.1 Go

Dans ce nouveau tuto dédié au développement Font-End, nous allons apprendre à réaliser une galerie d’images. Un clic sur une vignette affichera l’image en grand et cela sans devoir rafraîchir la page web. Afin d’exécuter ce script, nous allons utiliser le langage JavaScript. Pour ce qui sera de la mise en page, nous utiliserons la technologie flexbox. Evidemment, nous mettrons en place le côté responsive afin que notre galerie d’images s’adapte à tout type d’écran.

Continuer la lecture

Tuto – Développement Front-End – Galerie d’images sur différentes colonnes en JS

Tuto – Développement Front-End – Galerie d’images sur différentes colonnes en JS

ISO + Fichiers source | Français | 45 Min | 1.4 Go

Dans ce nouveau tuto vidéo dédié à la pratique du développement FrontEnd, nous allons voir ensemble comment mettre en place une galerie d’image dynamique qui va s’afficher sur différentes colonnes. Pour cela, nous utiliserons le langage HTML couplé au langage CSS pour la mise en page, ainsi que le langage JavaScript pour la programmation. Naturellement, nous ferons en sorte que notre galerie d’image en colonne soit responsive.

Continuer la lecture

Tuto – Développement Front-End – Partie fixe et partie scrollable

Tuto – Développement Front-End – Partie fixe et partie scrollable

ISO + Fichiers source | Français | 33 Min | 1.1 Go

Dans ce nouveau tuto dédié à la pratique de développement FrontEnd, nous allons voir ensemble comment mettre en place une partie fixe et une partie mobile sur une page web. La partie gauche de notre page sera toujours visible à l’écran et elle devra occuper la moitié de la largeur de l’écran et toute sa hauteur. La partie droite quant à elle, sera scrollable. Pour ce tuto, nous utiliserons la technologie GRID pour la mise en page de notre fichier web ainsi que la technique des positionnements CSS pour les effets donnés à l’image.

Continuer la lecture

Tuto – Développement Front-End – Bouton de scroll top

Tuto – Développement Front-End – Bouton de scroll top

ISO + Fichiers source | Français | 48 Min | 1.5 Go

Dans ce nouvel atelier pratique en vidéo dédié au développement FrontEnd, nous allons voir ensemble comment mettre en place un lien qui permet à l’internaute de pouvoir remonter tout en haut de la page de votre site. Pour cela, nous installerons un lien visible en bas à droite de l’écran, et lorsque l’internaute cliquera alors sur ce lien, il se retrouvera en haut de la fenêtre. Je vous propose d’étudier 2 méthodes pour arriver au résultat :

Continuer la lecture

Weelearn – Le pouvoir de l’intuition

Weelearn – Le pouvoir de l’intuition

ISO + Livre | Français | 2 H 03 Min | 4.2 Go

Il nous arrive parfois de pressentir des situations où nous aimerions pouvoir faire confiance à notre intuition. Bien souvent nos dogmes et nos modèles éducatifs les interprètent comme « abstraites », nous empêchant ainsi d’être à leur écoute. Vous verrez, en suivant cette formation, que vous pouvez réellement faire confiance à votre intuition ! Qu’elle est là pour vous guider si vous savez véritablement l’écouter et décoder son langage. Bien loin des idées de voyance ou de prédiction, l’intuition se base sur un mode de connaissance, de pensée ou de jugement, perçu comme immédiat.

Continuer la lecture

Weelearn – Cultivez la joie

Weelearn – Cultivez la joie

ISO | Français | 43 Min | 2.1 Go

Osez mettre de la joie dans votre vie. « J’ai décidé d’être heureux parce que c’est bon pour la santé » Voltaire. Ce discours peut nous paraître provocateur: suffit-il vraiment de le vouloir pour être heureux ? Vous souhaitez trouver le bonheur, la voie de l’épanouissement ? Vous désirez réellement voir le verre à moitié plein et prendre la vie du bon côté ? Vous ne voulez surtout plus attendre l’humeur des autres pour ressentir vos propres émotions ! Cette formation va répondre à vos questions et vous aider à construire votre bonheur, par vous-même et pour vous-même.

Continuer la lecture

_blank
_blank

Nouveaux articles