Derniers tutorials ajoutés (Tuto.com)

Réaliser de la veille avec NetVibe

Mon, 20 Aug 2018 10:21:11 +0200

Comment réaliser quotidiennement une veille d'inspiration graphique ou simplement concurrentielle efficacement ? Suivre toute l'actualité sur de nombreux sujets devient à notre époque de plus en plus chronophage. Pour vous permettre de gagner du temps dans votre travail de veille quotidienne, je vous propose de nous intéresser au service NetVibes.

NetVibes a été lancé il y a plusieurs années déjà, mais ce service a pas mal évolué au fil de temps. L'occasion de le (re)découvrir grâce à ce tuto en vidéo !

Tuto gratuit : Réaliser sa veille avec NetVibes

Au cours de ce tutoriel gratuit, vous apprendre :

A utiliser Netvibes
Faire une veille de qualité
Paramétrer l'application

Si vous avez des questions, je reste bien sur à votre disposition via les sections entraide et FAQ.
Bonne découverte de Netvibes.

Gratuit : Contrôler la profondeur de champ dans Blender

Mon, 20 Aug 2018 09:54:04 +0200

Voici un tuto gratuit sur la la profondeur de champ dans Blender.
Blender est un logiciel de création 3D gratuit et open source.

Cette petite formation se focalise sur le contrôle de la profondeur de champ (DOF) d'une caméra avec le moteur de rendu Cycles.

Au programme de ce tuto gratuit Contrôler la profondeur de champ dans Blender :

Ce nouveau cours gratuit se compose d'une courte vidéo d'environ 12 minutes pour avoir le contrôle sur le focus de votre caméra. Les notions suivantes seront abordées :

Placer une caméra et la paramétrer pour activer la profondeur de champ
Utiliser le modifier Array pour dupliquer un objet
Utiliser un objet nul comme contrôleur
Régler les paramètres de rendu

Je reste disponible pour répondre à vos éventuelles questions.
La version utilisée dans ce cours est Blender 2.7.9.

Bonne formation !

Dev. FrontEnd#4 : Réaliser un menu responsive facilement

Fri, 17 Aug 2018 09:58:19 +0200

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.

Dans ce tuto nous allons voir ce qu'il y a de plus classique, ce que l'on retrouve le plus couramment sur un site Internet :

Un menu horizontal pour les grands écrans (type écran d'ordinateur)
Un menu hamburger pour les petits écrans (type écran de smartphone)

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).

A la fin de ce tuto, vous serez très à l'aise dans la construction d'un menu responsive !
Je mets à votre disposition le script du tuto. Un QCM vous permettra de tester vos nouvelles connaissances sur le sujet ! Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Office 365 - Administration avancée- Partie 2

Thu, 16 Aug 2018 08:52:04 +0200

En 2015, 60% des entreprises du CAC 40 étaient passées à Office 365 pour gérer tout ou une partie de leur infrastructure informatique. Il est donc important pour les administrateurs ou futurs administrateurs de savoir gérer la messagerie d'entreprise Exchange Online !

Ce tuto d'administration avancée est orientée gestion des boîtes aux lettres utilisateurs et administration Yammer. Voici ce que vous y apprendrez :

Dans cette formation Administration avancée Exchange Online et Yammer

Voici les notions abordées dans ce cours en vidéo :

Activation du Flux d'actualités Yammer
Intégration du logo de l'entreprise au réseau social
Ajout d'utilisateurs externes à l'entreprise
Ajout de la charte d'entreprise
Créer un premier message dans Yammer
Surveiller les mots interdits
Ajouter une adresse mail à une boîte aux lettres
Modifier l'adresse de réponse
Modifier l'adresse de connexion
Délégation de boîte aux lettres
Boîte aux lettres partagées
Salles de réunions
Listes de distribution
Archivage en ligne
eDiscovery
Groupes de sécurité
Archivage
Azure RMS

Des fichiers sources ainsi qu'un QCM sont fournis. Vous pourrez me contacter dans le salon d'entraide du cours si besoin.

Ce tuto s'inscrit dans une suite de tutoriels déjà existant sur l'administration Office 365 !
Bonne formation.

Gratuit Affinity Photo : L'effet Infrarouge

Fri, 17 Aug 2018 10:00:33 +0200

Il existe un style appelé l'effet infrarouge qui permet de réaliser de magnifiques photos aux couleurs surréalistes. Ce style demande normalement la modification des appareils photos avec la suppression du filtre Infra Rouge. Au cours de ce tutoriel gratuit, vous apprendrez comment réaliser un effet infrarouge à partir d'un appareil photo classique, grâce à une retouche dans Affinity Photo.

Gratuit : l'effet infrarouge dans Affinity Photo

Au cours de la formation gratuite vous découvrirez :

Les calques de teinte et saturation,
Les effets négatifs,
Les calques de corrections sélectives,
Le mélangeur de couches.

En cas d'interrogations, je reste à votre disposition en section FAQ et Entraide.

Si vous souhaitez aller plus loin dans la découverte du logiciel, je vous invite à découvrir le tutoriel sur les fondamentaux de Affinity photo.

Animer un objet 3D sur une photo avec Blender

Thu, 16 Aug 2018 10:27:46 +0200

Voici une formation complète en vidéo, sur la l'animation d'un objet 3D dans une photo avec Blender.
Blender est un logiciel de création 3D gratuit et open source.

Cette formation se focalise sur la découverte d'une méthode de travail complète pour isoler et animer un objet dans une photo avec le moteur de rendu Cycles.
Ce tuto est destiné à tous les futurs utilisateurs souhaitant se familiariser avec le logiciel ou aux intermédiaires souhaitant progresser.

Au programme de ce tuto animer un objet 3D sur une Photo :

Ce nouveau cours se compose de 10 tutos vidéo, pour une durée de plus de 2h20 ! Les notions suivantes seront abordées :

Placer une image de fond et la rendre visible au rendu
Modéliser certains éléments
Appliquer une texture par projection
Placer sa caméra et configurer la scène
Reproduire l'éclairage de la photo
créer un récepteur d'ombre
Rigging de l'objet à animer
Affiner les influences des os
Animer un objet simple
Réglages de rendu

Les fichiers de travail sont fournis avec le cours ainsi que la photo utilisée. Je reste disponible pour répondre à vos éventuelles questions.

La version utilisée dans ce cours est Blender 2.7.9.
Bonne formation !

Méthode complète de création d'un logo !

Thu, 16 Aug 2018 09:05:31 +0200

Une méthode de création complète d'un Logo !

Avoir une identité visuelle forte est de nos jours un paramètre indissociable à la réussite professionnelle d’une entreprise. Ainsi, avoir un logo qui soit simplement beau ne suffit plus. Il faut un logo qui soit également fonctionnel.

Si l'apprentissage technique de la réalisation d'un logo est accessible à tous avec de la patience et du travail, apprendre à créer un logo fonctionnel n'est pas chose aisée sans un minimum de recherche.

Ainsi, j'ai réalisé une méthode de travail qui permettra à quiconque de créer un logo fonctionnel sans avoir besoin de faire de nombreuses recherches fastidieuses. Il suffira d'appliquer la méthode que je détaille au travers de cette formation vidéo.

Au programme de cette formation création d'un logo : méthode complète

Dans un premier temps, je vous présenterai en détail la méthode de travail que nous suivrons tout au long de cette formation.

Nous commencerons par apprendre à :

Comprendre l'importance dune identité visuelle forte
Analyser la demande d'un client
Choisir intelligemment les formes, couleurs et typographies qui composeront notre logo
Comprendre les codes d'un secteur d'activité

Dans un second temps, nous mettrons en pratique tout ce que nous avons vu auparavant pour réaliser un logo de A à Z sur Illustrator.

Qu'est-ce qui fait la force de cette formation ?

La méthode que je vais vous présenter au cours de cette heure de formation a demandé un travail en amont très important dans le but de vous simplifier la tâche au maximum. Ainsi, l'application de la méthode de travail sera grandement facilitée par :

11 fiches détaillant les caractéristiques principales de chaque couleur
5 fiches expliquant les principales évocations de chaque forme
4 fiches regroupant de nombreuses typographies selon leurs familles et par conséquent leurs évocations.
3 fiches expliquant les codes graphiques des principaux secteurs d’activité en France

Tous les fichiers sources sont bien sûr fournis ainsi qu'un QCM.
Je vous attends donc pour débuter ensemble cette formation dédiée à la création d'un logo !

Création d'un portrait style aquarelle sur Photoshop

Thu, 16 Aug 2018 08:45:39 +0200

Découvrez comment réaliser un portrait inspiré de la technique de l'aquarelle sur Photoshop. Vous apprendrez les bases de l'utilisation de l'outil pinceau, l'installation de brushes et les options à connaitre. Cette formation en vidéo vous permettra également d'apprendre à réaliser l'effet d'aquarelle mêlant dessin traditionnel pour un portait ou pour tout autre types de thématiques de votre choix.

Création d'un portrait style aquarelle sur Photoshop

Ce tuto vidéo vous permettra d'apprendre :

Les outils de brushes,
Les outils de transformation manuelle,
Les calques de réglages,
Les options de luminosité, contraste et colorimétrie,
Les calques,

En cas de besoin je reste bien sur à votre disposition via les sections FAQ et Entraide
Si vous souhaitez également aller plus loin dans l'utilisation de Photoshop, le bundle sur les bases de Photoshop CC 2018 est la pour vous.

Gratuit : Les bases de la création et la mise en forme d'un tableau Excel

Thu, 16 Aug 2018 11:05:59 +0200

Dans ce tuto gratuit Microsoft Excel en vidéo, nous allons apprendre les bases d’Excel à savoir la création et la mise en forme d’un tableau de saisie.

Avec ce tuto gratuit sur bases de la création d'un tableau Excel

Ce tuto est destiné aux débutants qui découvrent Excel.

Après une présentation rapide du logiciel, vous apprendrez les options de mises en forme les plus couramment utilisées et les méthodes les plus rapides pour les appliquer aux cellules que vous souhaitez.

Par la suite, vous réaliserez votre premier tableau avec notamment l’application du format comptabilité, la mise en place de bordures...

Enfin, nous terminerons le cours en intégrant une nouvelle ligne ainsi qu’une nouvelle colonne à notre tableau, en fusionnant des cellules, en renommant l’onglet de la feuille.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne découverte d'Excel !

CSS-Grid et Flexbox :: 2 techniques complémentaires

Wed, 08 Aug 2018 14:05:11 +0200

Tester par la pratique la complémentarité de FlexBox et CSS Grid, grâce à ce tuto !

Nous avons appris ensemble lors de précédents cours à utiliser les technologies Flexbox et CSS-Grid.
Je vous ai toujours dis dans mes différents cours théoriques que Flexbox et CSS-Grid ne sont pas des technos concurrentes mais complémentaires.

Dans le tuto que je vous propose aujourd'hui, nous allons mettre en pratique cette complémentarité entre Flexbox et CSS Grid.
Je vais vous apprendre à utiliser correctement ces deux technologies. Pour cela, nous allons réaliser ensemble, un site Internet évidemment en version responsive.

Nous apporterons un peu de complexité supplémentaire, en fixant certains éléments du site afin de les rendre toujours visibles à l'écran.

Il s'agit ici d'un tuto de type atelier pratique, car pour bien évoluer en tant que frontend developpeur, il faut absolument pratiquer, pratiquer et toujours pratiquer. C'est ce que je vous propose de faire ici !

Pour suivre, cet atelier dans de bonnes conditions, il est préférable de connaître les technologies suivantes :

Flexbox (Découvrir mon cours sur Flexbox)
CSS-Grid (Découvrir mon cours sur CSS-Grid)
Les positionnements en CSS (Découvrir mon cours sur les positionnements en CSS)

Comme à mon habitude, je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions. Un QCM est fourni en fin de cours pour tester vos nouvelles compétences d'intégrateur web !

Excel Création de Graphiques Avancés

Thu, 09 Aug 2018 17:10:29 +0200

Apprenez à créer des Graphiques simples et avancés dans Excel !

Si vous pensez que les graphiques parlent beaucoup plus que 10 000 mots, cette formation Excel en vidéo est donc pour vous. Outils incontournables dans le monde des entreprises, vous apprendrez, dans un premier temps, à créer des graphiques simples comme un histogramme, une courbe, un secteur. Dans un second temps, vous maîtriserez la création de graphiques avancés comme des graphiques de type tachymètre, anneaux dynamiques...

La liste des graphiques Excel abordés dans cette formation est disponible dans la table des matières.

Après avoir suivi cette formation, vous serez en mesure de représenter visuellement des analyses...
Vous aurez à votre disposition les fichiers sources afin que vous puissiez vous entraîner. Un salon d'entraide est également à votre disposition.

Bonne création de graphiques dans Microsoft Excel !

Réaliser une scène simple complète sur Blender

Thu, 09 Aug 2018 16:48:10 +0200

Voici une formation complète en vidéo, sur la création et l'animation d'une scène en (presque) Low Poly avec Blender.
Blender est un logiciel de création 3D gratuit et open source. Cette formation se focalise sur la découverte d'une méthode de travail complète de production d'une scène type cartoon/low poly.

Ce tuto est destiné à tous les futurs utilisateurs souhaitant se familiariser avec le logiciel ou aux intermédiaires souhaitant progresser.

Au programme de atelier pratique Blender:

Ce nouveau cours se compose de 22 tutos vidéo, pour une durée d'environ 4h30 ! Les notions suivantes seront abordées :

Modélisation (Plusieurs techniques)
Uv mapping
Utilisation des Nodes (Cycles)
Utiliser la transparence des matériaux
Simuler et animer une étendue d'eau
Interaction d'un objet avec l'eau
Utiliser les contraintes
Utiliser les systèmes de particules (Émetteur et Hair)
Créer et modifier un ciel avec Dynamic Sky (Inclus dans Blender)
Réglages de rendu

Les fichiers de travail sont fournis avec le cours ainsi que les textures utilisées. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

La version utilisée dans ce cours est Blender 2.7.9.
Bonne formation !

Indesign : Texte de substitution personnalisé

Tue, 31 Jul 2018 16:18:17 +0200

Comment personnaliser le texte de substitution dans Indesign ?

Dans ce petit tuto Indesign rapide je vous propose de modifier le texte de substitution par défaut par votre propre texte de substitution !

Plutôt que d'avoir un "lorem ipsum" qui reste simple, avoir un texte de substitution personnalisé et adapté à la mise en page est bien plus agréable. Cette solution permet de proposer du texte de romans, des textes techniques, de médecine, mécanique...

En plus je vous donne 2 autres petites astuces sur l'export de texte simple et un usage de la fonction rechercher- remplacer.

Un QCM est proposé à la fin de ce tuto pour tester vos nouvelles connaissances.
Je reste disponible dans le salon d'entraide du cours pour répondre à vos éventuelles questions.

Bon tuto !

Adobe Audition : La postproduction du son pour films, documentaires, interviews et clips

Tue, 31 Jul 2018 09:51:34 +0200

Améliorez la qualité du son de vos productions audiovisuelles avec Audition

Le son représente au moins 50% de toute œuvre audio-visuelle, et plus de 70% des émotions. Et l'indicateur par excellence du travail amateur, c'est le son. Une raison pour laquelle les films et documentaires sont rejetés par les festivals.
Passez au niveau professionnel avec des étapes claires, simplifiées, et efficaces.
Ce serait dommage de passer énormément de temps et d'effort sur l'image pour un produit qui à la fin sera considéré amateur, de qualité médiocre.

Cette formation Adobe Audition va vous prendre du niveau par le quel nous sommes passés, à un niveau avancé, même si vous faite vous-même toute la postproduction. Il ne s'agit pas d'une formation académique, mais un condensé des techniques que j'applique dans mon quotidien de réalisateur.

Ce que nous allons aborder dans cette formation Audition

Le workflow du traitement du son
Comment importer votre montage Adobe Premiere dans Audition
Comprendre les fréquences
Comment corriger différents types de bruits
La compression
Le limiteur
L'égaliseur paramètrique
Le déesseur
Comment normaliser
Le traitement de la musique
Comment exporter

Des techniques avancées, nécessaires mais simplifiées pour vous, pour que vous soyez fier de votre œuvre artistique et que le son soit un de vos point fort.

Je reste disponible pour vos éventuelles questions dans le salon d'entraide de ce tuto.
Bonne formation.

Astuce Photoshop gratuite : L'effet Infrarouge

Thu, 09 Aug 2018 17:31:31 +0200

Il existe un style photographique appelé l'effet infra rouge qui permet de réaliser de magnifiques photos aux couleurs surréalistes. Ce style demande normalement la modification des appareils photos avec la suppression du filtre Infra Rouge. Au cours de ce tutoriel gratuit, vous apprendrez comment réaliser un effet infrarouge à partir d'un appareil photo classique, grâce à une retouche dans Photoshop.

Astuce Photoshop gratuite : L'effet Infrarouge

Au cours de la formation vous découvrirez :

Les calques de teinte et saturation,
Les effets négatifs,
Les calques de corrections sélectives,
Le mélangeur de couches.

En cas de questions, je reste à votre disposition en section FAQ et Entraide.
Si vous souhaitez aller plus loin dans l'utilisation du Photoshop, le bundle sur les bases de Photoshop CC 2018 et fait pour vous.

Cloner Tinder de A à Z en Angular.js et Ionic

Wed, 01 Aug 2018 14:17:02 +0200

Apprenez à créer votre app mobile hybride (Android et iOS avec le même code)

Besoin de rapidement apprendre à développer une application mobile sous Android ou iOS ? En 6 heures, vous allez recréer un Tinder like permettant de ré-utiliser certains concepts ou morceaux de code pour votre propre application mobile.

Dans cette formation, je vais vous guider à travers toutes les étapes pour développer une application mobile type Tinder. Nous allons créer à partir de zéro toutes les fonctionnalités basiques de Tinder. Pas besoin d'être un as en HTML, CSS ou Javascript pour suivre cette formation. Vous avez juste besoin de suivre pas à pas ma méthode. De cette manière, vous ne deviendrez pas expert en développement web, mais vous obtiendrez une méthode concrète qui vous permettra d'être rapide et efficace, adaptable à tous vos projets en particulier pour les entrepreneurs.

Au cours de la formation, je suis disponible pour toutes questions - demandes d'explications supplémentaires - accompagnement sur la réalisation de votre Tinder like.

Méthode d'apprentissage :

On n'apprend pas à coder avec de la théorie. Décidez ce que vous voulez construire et apprenez à le construire. Avoir un objectif final en tête vous guidera et chaque progrès réalisé vers cet objectif vous motivera. Vous rencontrerez des défis inattendus qui vous frustreront, mais c'est ainsi que vous apprendrez. C'est ce que j'appelle l'apprentissage en profondeur. Vous apprendrez donc à construire un projet fonctionnalité par fonctionnalité. Vous pourrez entrer dans les détails techniques vraiment plus tard, ainsi vous aurez un contexte pratique à appliquer à la théorie.

Technologies utilisées :

Pour la réalisation de ce clone Tinder nous allons utiliser 3 technologies principales :

Ionic 1 (framework privilégié à Ionic 3)
AngularJS 1.5 (avec la librairie AngularFire 2.0.2)
Firebase > 4

Ces 3 technologies sont très utilisées pour le développement mobile, puisqu'elles permettent de développer rapidement une application mobile sous Android et iOS. L'avantage est de n'avoir à maintenir qu'un seul code, puisque ce dernier est le même pour les 2 plateformes (hybride). Même si nous n’utiliserons pas les dernières versions de ces technologies, l'approche et la philosophie vous aideront dans la réalisation d'un projet d'application mobile concret et hybride !

Formation par la pratique :

Le principe de cette formation est de reproduire pas à pas des lignes de code (chaque ligne de code est expliquée afin de comprendre ce que vous codez et le résultat de tel fonction ou concept sur votre application mobile). Cela ne fera pas de vous un expert en développement web ou mobile mais cela vous donnera l'envie de creuser le sujet et d'aller chercher des réponses à vos questions.

Alors foncez !

Près de 6 heures de formation vidéo
Accès au code source
Une communauté pour s'entraider

MAJ mai 2018: Suite à la RGPD, Facebook a restreint les informations qu'ont peut récupérer depuis l'API Graph Facebook, il n'est donc plus possible de récupérer la description, mais heureusement on peut toujours obtenir prénom, nom, date de naissance, lieu et les photos de profil. Quoiqu'il arrive le code et la logique utilisés dans cette formation sont tout à fait adaptable à de nombreux projets donc le problème de la RGPD n'en est pas réellement un.
N'hésitez plus et rejoignez cette formation au plus vite, vous ne le regretterez pas, à bientôt :)

Dev FrontEnd #3 : Menu hamburger

Wed, 01 Aug 2018 09:48:11 +0200

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.

Concernant le menu en lui-même, nous utiliserons la technologie des flexbox pour le réaliser.

Cela viendra ainsi aider à la compréhension de quand on utilise la technique du CSS-Grid et quand on utilise la technique des Flexbox qui je le rappelle sont complémentaires !
Enfin, nous nous servirons de JavaScript pour animer notre menu. Nous coderons deux fonctions, une pour faire apparaître le menu et une pour le faire disparaître.

Je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions.
Un QCM est également fourni pour tester vos nouvelles connaissances.

Bon tuto !

Gratuit : SQL Server - Tout sur le SELECT

Wed, 08 Aug 2018 12:10:11 +0200

Voici un tuto gratuit en vidéo dédié à l'instruction SQL "Select". Cette instruction permet de sélectionner des données dans une plusieurs tables et d'afficher, filtrer et trier le résultat obtenu.

Pour suivre ce tutoriel, vous pouvez télécharger une version gratuite de SQL Server chez Microsoft. Avec le cours, vous trouverez dans les fichiers de travail, le fichier SQL qui vous permettra de créer les tables d'exemples que nous verrons dans le cours.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bon tuto !

LibreOffice Calc

Mon, 23 Jul 2018 15:59:42 +0200

Que diriez-vous d'une suite bureautique comparable à Microsoft Office et totalement gratuite ? Impossible ? Mais si, c'est tout à fait possible avec LibreOffice. C'est ce que je vais vous montrer dans plusieurs formations vidéo dédiées à LibreOffice.

Cette deuxième formation est sur LibreOffice Calc, l'équivalent de Microsoft Excel. Une formation sur LibreOffice Writer, l'équivalent de Microsoft Word, est déjà disponible. Une autre formation à venir s'intéressera à Impress, l'équivalent de Microsoft PowerPoint.

Si vous connaissez la suite Office, vous n'aurez pas beaucoup de difficultés à vous adapter à LibreOffice, quoique…
Dans LibreOffice, les commandes sont regroupées dans des menus et des barres d'outils alors que dans Office, elles sont regroupées dans un ruban. Une période d'adaptation sera donc nécessaire à tous ceux qui viennent du monde Microsoft…

Il n'y a aucun prérequis nécessaire pour suivre cette formation. Lorsque vous l'aurez terminée, vous saurez créer des classeurs, y insérer des données, les mettre en forme, faire des calculs et des graphiques à partir de ces données, mettre en place des filtres, créer des tableaux croisés dynamiques, créer et exécuter des macros, et beaucoup d'autres choses encore.

Je reste disponible pour répondre à vos éventuelles question dans le salon d'entraide de cette formation dédiée à Calc. Un QCM est également mis à disposition pour tester et valider vos nouvelles compétences.

Dev. FrontEnd#2 :: Mise en place d'un Popup

Mon, 23 Jul 2018 11:17:01 +0200

Pour ce deuxième tuto dédié à la pratique développement web du côté Front-End, je vous propose de voir comment mettre en place une Popup sur notre site web.
Pour cela , nous allons utiliser :

Du HTML
Du CSS
Du JavaScript

Afin de donner une logique à notre travail, nous allons reprendre beaucoup d'éléments vu au précédent tuto (Créer une Popin animée) afin d'apprendre à acquérir une logique de travail lorsque l'on a à réaliser un job.

Le but étant de se sentir de plus en plus à l'aise et de pratiquer, pratiquer et encore pratiquer pour devenir meilleur !
Je mets à votre disposition, l'ensemble des scripts utilisés dans ce tuto ainsi qu'un QCM pour tester vos connaissances acquises.

Bon tuto !