Introduction à la programmation en JavaScript
A course by Javier Usobiaga FerrerConcepteur Web
A course by Javier Usobiaga Ferrer, Concepteur Web
Lancez-vous dans le langage de programmation essentiel pour la création de sites interactifs
JavaScript est considéré comme la «troisième partie du Web» et le langage de programmation conçu pour ajouter une couche d'interactivité à n'importe quelle page Web. Avec HTML et CSS, ils forment les trois langages de programmation les plus importants.
Ce cours est une introduction à JavaScript, partant des bases —syntaxe et variables— et vous élargirez progressivement vos connaissances —conditionnel, tableaux, boucles, événements - en utilisant un jeu de mémoire que vous améliorerez peu à peu peu de la main de Javier Usobiaga, web designer et fondateur du studio Swwweet avec plus de 10 ans d'expérience.
S'il s'agit de votre première approche de la conception Web, il est recommandé de suivre le cours avant, également par Javier Usobiaga, à partir de Introduction au développement Web réactif avec HTML et CSS .
Qu'allez-vous apprendre dans ce cours en ligne ?
25 leçons & 14 vidéos téléchargées
À quoi sert JavaScript?
3 minutes, 16 secondes
Paramètres de l'éditeur
4 minutes, 22 secondes
Intégrer JS à notre site Web
6 minutes, 42 secondes
Éléments et syntaxe
10 minutes, 36 secondes
Variables, chiffres, littéraux
7 minutes, 27 secondes
Opérateurs, fonctions
10 minutes, 19 secondes
Que comprend ce cours ?
Vous commencerez par découvrir Javier, son travail et ses influences dans le monde de la conception et du développement web.
Vous comprendrez ce qu'est JavaScript, ce pour quoi il fonctionne et pourquoi il est l'un des langages de programmation de base du Web, avec HTML et CSS. Vous apprendrez à configurer votre éditeur de code pour qu'il fonctionne plus confortablement, puis vous verrez comment incorporer JavaScript dans un site Web.
Vos premières interactions avec JavaScript impliqueront des variables, des fonctions, des événements et des boucles , que vous apprendrez à écrire avec d'autres fonctions complémentaires de base de JavaScript.
À partir de là, vous commencerez à concevoir votre jeu de mémoire, en commençant par le tableau __ , ou liste de valeurs, qui représente le jeu de cartes qui composent le jeu.
Vous ajouterez des événements et des chances à la distribution des cartes pour introduire progressivement la difficulté dans le jeu.
La prochaine étape sera d'ajouter le premier élément d'interactivité à votre jeu de mémoire: marquer la paire de cartes sélectionnée comme fausse ou correcte. Petit à petit, vous allez créer des fonctions qui résolvent une partie spécifique du script, comme le succès, l'erreur, entre autres, et aussi, gérant les retours sur ces réussites et erreurs.
Suite à l'augmentation de la difficulté, vous ajouterez un chronomètre, des niveaux de jeu, des effets sonores et de nouveaux détails à l'interface de jeu.
Enfin, vous passerez en revue les différentes bibliothèques et ressources qui complètent JavaScript, telles que jQuery, React et Vue.
What is this course's project?
Vous apporterez une amélioration - nouvelles règles, corrections, effets - sur le jeu de mémoire que vous créerez tout au long du cours.
Projets d'élèves du cours
Who is this online course for?
À toute personne intéressée par la conception Web et possédant des connaissances de base en HTML et CSS.
Requirements and materials
Vous aurez besoin de connaissances de base en HTML et CSS, ainsi que d'un ordinateur et d'un éditeur de code.
Avis
- il y a 9 jours
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- j3_87PLUSil y a 1 mois
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- il y a 4 mois
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- il y a 6 mois
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- il y a 6 mois
Great course and very detailed!
Il apprécie également son rôle de professeur de Web Design dans des ateliers et écoles renommés tels qu'Elisava, IDEP.
Usobiaga comprend le Web dans son intégralité, non seulement à quel point il peut être beau sur l'écran de l'ordinateur, mais aussi son utilisation dans différents appareils et circonstances.
Selon ses mots, "je pense que la vitesse à laquelle il se charge ou la réponse à laquelle il répond est aussi important que l'esthétique, et il me semble que dans notre industrie, nous l'oublions souvent".
Contenu
- U1
introduction
- Présentation
- Les influences
- U2
Premiers pas avec JavaScript
- À quoi sert JavaScript?
- Paramètres de l'éditeur
- Intégrer JS à notre site Web
- Éléments et syntaxe
- U3
Premières interactions
- Variables, chiffres, littéraux
- Opérateurs, fonctions
- Auditeurs d'événements
- Modifier le contenu du DOM
- Conditions et booléens
- U4
Un jeu de cartes
- Opérations sur les baies
- Boucles
- Événements en boucle
- Objets en JavaScript. Random ou Math.random ()
- U5
Un jeu de mémoire
- Interaction de base
- Communication entre les fonctions
- Organisation des fichiers
- Gérer les commentaires
- U6
Niveau supérieur
- Chronomètre et compteur
- Niveaux de jeu
- Effets sonores
- Compléter l'interface
- U7
Bibliothèques et ressources
- Bibliothèques JavaScript
- Ressources
- PF
Projet final
- Introduction à JavaScript
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificates
PLUSIf you're a Plus member, get a certificat personnalisé signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Ce cours s’adresse aux personnes ayant des connaissances de base en programmation et en HTML/CSS, sans qu’il soit nécessaire d’être expert. Il est idéal si vous avez déjà quelques bases et souhaitez approfondir l’interactivité et la logique en JavaScript.
Il vous suffit d’un ordinateur avec accès à internet et d’un éditeur de code gratuit comme VSCode, Brackets ou Atom. Des connaissances basiques en HTML et CSS sont aussi recommandées pour tirer pleinement parti du contenu.
Vous apprendrez à manipuler le DOM, gérer les événements, utiliser variables, fonctions, conditions, tableaux et objets, ainsi qu’à créer un jeu de mémoire complet avec niveaux, chronomètre, animations et effets visuels en JavaScript.
Le cours se concentre sur le développement d’applications web interactives avec JavaScript, en mettant l’accent sur la création d’un jeu de mémoire numérique, en appliquant logique, structures de données et techniques modernes de programmation.
Oui, vous réaliserez un jeu de mémoire entièrement fonctionnel, avec gestion des niveaux, chronomètre, gestion des événements, tableaux multidimensionnels, animations et possibilité de recommencer la partie, le tout en JavaScript pur.
On recommande des éditeurs gratuits comme VSCode, Brackets ou Atom. Vous apprendrez à installer des extensions comme Prettier ou Bracket Colorizer et à configurer le formatage et le linting pour améliorer la lisibilité et la qualité du code.
Vous serez capable de créer des jeux web interactifs, des applications modulaires, des interfaces dynamiques, et d’expérimenter avec animations, effets visuels et logique avancée en JavaScript et HTML/CSS.