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 !
Table des matières de cette formation CSS, JavaScript (durée : 54m21s)
-
Mise en place d'un Popup en CSS et JavaScript
- Mise en place et présentation du job 00:08:40
- Un peu de flexbox 00:08:51
- Du CCS sur notre Popup 00:06:34
- Un peu de JavaScript 1/2 00:07:43
- Un peu de JavaScript 2/2 00:04:10
-
Conclusion
- Conclusion 00:04:24
-
Bonus
- Position fixed 00:05:18
- Différence entre Pro et Amateur 00:08:41
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci encore j'apprends tous les jours avec toi Carl
-
Comme d'habitude, détaillé, didactique avec pour projet de developper des automatismes. J'ai réussi grâce à ce tuto à créer des popups sur mon site en construction sans m'arracher les cheveux ... et ça marche ! Vivement la suite de ces séries FrontEnd.
-
Merci pour ce tuto intéressant qui montre que même pour un simple popup il faut aussi penser à pas mal de choses. Je ne suis pas une pro dans ce domaine mais j'aime que les choses soient parfaites quand je mets en ligne. :-)
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, JavaScript
-
Que contient le fichier source ?Le code source du tuto.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés