Apprendre JavaScript

Apprendre JavaScript de Zéro à Pro

Développement Web4.6(59)11h 21min54 leçons18 sections

Ce que vous apprendrez

  • Apprendre les bases du langage JavaScript
  • Écrire du code de la bonne façon
  • Comprendre les concepts fondamentaux de la programmation
  • Découvrir les fonctionnalités avancées du langage
  • Gérer les événements dans les pages web
  • Concevoir des interfaces interactives pour les sites
  • Utiliser des bibliothèques dans le développement web
  • Développer des applications web dynamiques

À propos du cours

Ce cours enseigne le langage JavaScript depuis le début. C'est le langage qui rend les pages web vivantes et interactives. Vous commencez par des extraits qui présentent le cours, puis vous apprenez les bases du langage, la façon d'écrire du code et les concepts fondamentaux de la programmation. Vous passez ensuite aux fonctionnalités avancées dans les leçons suivantes, vous apprenez à gérer les événements dans les pages web et à concevoir des interfaces interactives, puis à utiliser des bibliothèques pour développer des applications web. Ce cours convient à toute personne qui veut apprendre JavaScript pour créer des sites et des applications web dynamiques, qu'elle soit débutante en programmation ou qu'elle ait quelques connaissances à approfondir. Vous n'avez besoin d'aucune expérience préalable avec le langage, car les leçons partent de la base et progressent pas à pas, avec de nombreux cours répartis en différents sujets, et vous trouverez à la fin des annexes à télécharger. Il vous suffit d'un ordinateur, d'un navigateur et de l'envie d'apprendre et de pratiquer. À la fin, vous saurez écrire vous-même du code JavaScript, gérer les événements de la page et créer avec confiance des pages web dynamiques et interactives.

Résultats attendus

  • Écrire du code JavaScript efficacement
  • Comprendre les concepts de base et avancés
  • Développer des applications web dynamiques
  • Mettre en œuvre l'interactivité avec JavaScript
  • Améliorer vos compétences en programmation
  • Appliquer des techniques modernes dans le développement web

Avis des apprenants

Ces avis proviennent d'apprenants qui ont acheté le contenu et en ont complété au moins 50% — il n'y a aucun avis de personnes n'ayant pas suivi le contenu.
4.6
★★★★★
59 avis
5★
34
4★
25
3★
0
2★
0
1★
0
  • ★★★★★Mohmed A.·منذ 5 شهرشاهد 100٪

    دورات رائعه سهله وبسيطه للفهم لجميع المستويات

تم عرض كل التقييمات (1)

Contenu du cours

1

Introduction au cours éducatif et aperçu du contenu

2 leçons
  1. Aperçus du coursAperçu rapide du cours JavaScript : les outils et NetBeans, puis les bases, les conditions, les boucles, les strings et la programmation orientée objet, suivis du DOM, des événements, des cookies, de jQuery et du dessin.7:38
  2. La conférenceAperçu du contenu du cours de Java : bases, types de données et opérateurs, outil de saisie du code, boucles, méthodes, puis classes, héritage et classes abstraites, avec une matière répartie en deux niveaux.7:57
2

Introduction à JavaScript et outils requis

2 pièces jointes
  1. Conférence Un
  2. Conférence Deux
3

Variables, effets et opérations

4 leçons
  1. Conférence Un
  2. Conférence Deux
  3. Conférence Trois
  4. Conférence QuatrePoursuit les types d'opérateurs dans les bases de la programmation : opérateurs de comparaison comme égal et supérieur à, opérateurs logiques and, or et not, et opérateurs d'affectation abrégés comme plus égal.6:05
4

Instructions conditionnelles et contrôle du flux de code

4 leçons
  1. Conférence UnExplique le niveau logique en JavaScript et les instructions conditionnelles, avec if, else et les chaînes else if pour tester une valeur comme la note d'un étudiant ou un salaire, avec conversion des saisies par parseFloat.14:21
  2. Conférence DeuxPoursuit les instructions conditionnelles JavaScript avec if et else if, à travers un exemple d'impôt selon le salaire utilisant and pour définir une plage, et un exemple de mention selon la note.18:27
  3. Conférence TroisRefait l'exemple des notes avec une autre logique, puis explique switch case avec une calculatrice qui lit deux nombres et propose un menu d'opérations, avant l'opérateur conditionnel.17:59
  4. Conférence QuatreExplique l'opérateur conditionnel comme alternative compacte à if else qui affecte un résultat à une variable selon une condition en une ligne, ainsi que les if imbriqués.5:55
5

Boucles

4 leçons
  1. Conférence UnExplique les boucles en JavaScript, en particulier la boucle for : afficher un message plusieurs fois, calculer une factorielle en croissant et en décroissant, et modifier le pas du compteur.23:44
  2. Conférence DeuxExplique les boucles imbriquées, une boucle for dans une autre, et les applique à l'affichage d'une table de multiplication, en montrant que le compteur extérieur reste fixe pendant que l'intérieur varie.13:25
  3. Conférence Trois17:49
  4. Conférence QuatrePoursuit les boucles avec un exemple while pour un mot de passe répété sous deux conditions, mot de passe faux et tentatives sous une limite, puis explique les mots-clés break et continue dans une boucle for.9:42
6

Diviser le code en fonctions

5 leçons
  1. Conférence UnPrésente la différence entre la programmation non structurée, où le code est répété par copier-coller, et la programmation structurée, qui découpe le code en fonctions pouvant être appelées plusieurs fois.13:02
  2. Conférence DeuxPoursuit les functions JavaScript avec des exercices de création et d'appel, et la séparation dans un fichier externe relié à la page par une balise script et son chemin.16:22
  3. Conférence TroisExplique les paramètres de function : au lieu de figer une valeur dans la fonction, on la passe à l'appel, avec des exemples comme additionner deux nombres saisis par l'utilisateur ou trouver le plus grand.19:35
  4. Conférence QuatreExplique la valeur de retour return d'une function : au lieu d'afficher le résultat, elle le renvoie pour poursuivre les calculs, comme une function qui totalise les notes d'un étudiant puis une autre qui calcule le pourcentage.19:09
  5. Conférence CinqRévise les fonctions JavaScript à travers des exemples pratiques de fonctions qui retournent une valeur, comme le calcul d'une factorielle et la détermination d'une note selon le score, avec les paramètres par défaut et return.12:29
7

Travailler avec des tableaux

4 leçons
  1. Conférence UnExplique les tableaux (Arrays) en mathématiques et en programmation : un ensemble d'éléments sous un seul nom accessibles par leur indice, à une ou deux dimensions, et pourquoi ils évitent de créer une variable distincte pour chaque valeur.3:24
  2. Conférence DeuxExplique le travail avec les arrays : les déclarer de deux façons, les remplir et les afficher à l'envers avec une boucle for, et déclarer un array vide puis le remplir.14:53
  3. Conférence TroisApplique les arrays dans un exemple qui lit des valeurs de l'utilisateur et remplit le tableau avec une boucle for, puis travaille avec trois tableaux dont le troisième contient la somme des deux premiers, et les affiche.14:37
  4. Conférence QuatrePoursuit les arrays avec un exemple comparant la saisie de l'utilisateur à des mots de passe stockés dans un tableau via une boucle, puis des fonctions utiles comme sort, reverse, push et pop.16:25
8

Travailler avec du texte par programmation

2 leçons
  1. Conférence UnExplique la manipulation des chaînes (Strings) en JavaScript : lire les caractères et leurs codes, concaténer, indexOf, substring, replace pour remplacer un caractère, et tester le début ou la fin d'une chaîne.20:50
  2. Conférence DeuxAborde la gestion de Date et de l'heure et les fonctions qui en extraient les parties comme le jour, le mois et l'année, puis Number et les fonctions Math comme la racine carrée.11:50
9

Programmation orientée objet (POO)

5 leçons
  1. Conférence UnPrésente la programmation orientée objet en JavaScript : créer une class contenant plusieurs functions, en tirer un object et appeler ses functions, pour mieux organiser le code.9:38
  2. Conférence DeuxPoursuit la programmation orientée objet en créant une class avec des functions d'addition, soustraction, multiplication et division, un menu en switch case, et l'appel des functions depuis un object.13:06
  3. Conférence TroisS'exerce aux class et object en JavaScript : prendre plusieurs objects de la même class, appeler une fonction dessus et affecter une valeur comme l'id avec des functions set et get sans constructor.17:17
  4. Conférence QuatrePoursuit class et object avec un constructor et des functions set et get, puis une class rectangle avec longueur et largeur qui calcule sa surface, en appelant les functions de chaque object et en liant le fichier à une page HTML.11:09
  5. Cours CinqExplique l'héritage en programmation orientée objet avec JavaScript : une nouvelle classe s'appuie sur une classe existante, reprend ses membres et les étend, en appelant le constructeur parent avec super.20:31
10

Travailler avec le navigateur par programmation

4 leçons
  1. Cours UnPrépare le Browser Object Model de JavaScript en créant des boutons HTML reliés à des fonctions qui affichent un message ou une boîte confirm où l'utilisateur choisit OK ou Annuler.14:28
  2. Cours DeuxPoursuit le Browser Object Model avec des fonctions qui ouvrent une nouvelle fenêtre sur une URL via window.open, ferment la fenêtre actuelle et affichent les dimensions de l'écran, toutes reliées à des boutons.9:42
  3. Cours TroisExplique l'objet location du Browser Object Model, l'URL en haut du navigateur, son changement avec assign, la différence entre ouvrir une nouvelle page et remplacer sur place, et la lecture d'infos comme host et protocol.6:44
  4. Cours QuatrePoursuit le Browser Object Model avec l'objet history pour reculer et avancer entre les pages via les boutons back, forward et go, puis l'objet navigator pour afficher des infos du navigateur comme son nom, sa version et la prise en charge des cookies.8:04
11

Travailler avec le contenu et les outils de la page web

5 leçons
  1. Cours UnExplique le Document Object Model et comment le document représente les composants de la page, l'accès à un élément par son id, la modification de son contenu avec innerHTML et le lien avec un bouton.15:14
  2. Cours DeuxManipule les composants d'un formulaire via le DOM en donnant un nom et un id aux champs, en lisant et écrivant leurs valeurs avec getElementById, en préparation de calculs sur ces valeurs.9:28
  3. Cours TroisCompare les façons d'atteindre les éléments de la page via le DOM : id avec innerHTML pour les éléments sans valeur, name ou value pour les champs de saisie, puis construit une calculatrice à boutons et introduit la validation.18:51
  4. Cours QuatreApplique la validation de saisie à la calculatrice basée sur le DOM : vérifier qu'un champ n'est pas vide et que la valeur est un nombre, afficher un message d'erreur et placer le focus, via une function qui renvoie true ou false.13:54
  5. Cours CinqExemple pratique dans Android Studio pour additionner deux nombres, montrant comment programmer un bouton pour lire les valeurs saisies, les additionner et afficher le résultat, en écrivant du code Java dans l'application.10:16
12

Programmation des événements de la page web

3 leçons
  1. Cours UnDéfinit les events JavaScript comme click, double click, mouse move, focus et key press, et comment le développeur programme la réaction de la page à chacun.5:49
  2. Cours DeuxApplique les événements par des exemples : demander un mot de passe avec prompt dans une boucle au chargement de la page, un événement de déplacement de la souris et un événement focus sur un champ.21:55
  3. Cours TroisPoursuit les événements avec des exemples : passer this à une fonction pour qu'elle traite l'élément cliqué, l'événement onload, la mise en majuscules d'une valeur, et les événements mouseover et mouse out.24:48
13

Sauvegarde des données utilisateur avec des cookies JavaScript

2 leçons
  1. Cours UnExplique les cookies en JavaScript : leur sens, comment les créer, afficher tous ceux de l'appareil, les supprimer et en vérifier un, avec une interface de démonstration de champs et de boutons.19:03
  2. Cours DeuxRéalise le projet cookies en pratique : créer un cookie avec nom, valeur et expiration, puis des fonctions pour lister, supprimer et récupérer des cookies, reliées aux boutons de la page.12:23
14

Expressions régulières

2 leçons
  1. Cours UnPrésente les expressions régulières et l'idée de comparer une valeur à un modèle, puis un premier exemple créant un objet regex et testant la présence d'un mot dans un texte avec test.15:37
  2. Cours DeuxDéveloppe l'exemple d'expression régulière en validant la saisie : texte se terminant par un mot ou un signe dollar, saisie limitée aux lettres a à z, et substitution avec replace.24:11
15

Intégration XML/JSON/JavaScript

2 leçons
  1. Cours UnDéfinit XML et JSON et leur lien avec JavaScript, la création d'un fichier XML avec enregistrements et tables, et sa lecture en code pour atteindre un nœud précis et ses enfants.21:44
  2. Cours DeuxPoursuit XML et JSON avec JavaScript en créant un fichier XML pour une société et ses employés, puis un fichier JSON des mêmes données, converti en objet avec parse pour lire des champs comme le prénom et le nom.10:23
16

Travailler avec jQuery

1 leçons
  1. CoursPrésente jQuery comme framework bâti sur JavaScript, comment télécharger le fichier et l'ajouter à la page, puis relier des boutons à des événements click et cibler des éléments au lieu de getElementById.13:34
17

Dessin sur toile

2 leçons
  1. Première conférenceExplique le dessin sur une page web avec JavaScript via l'élément canvas et son contexte ctx, pour tracer rectangles, cercles, lignes et tracés remplis, en préparant la bibliothèque p5.js.13:07
  2. Deuxième conférencePrésente la bibliothèque de dessin p5.js : télécharger le fichier et le relier à la page, construire un dessin avec setup et draw sans canvas manuel, et tracer rectangles et cercles qui suivent la souris.14:45
18

Add-ons

1 pièces jointes
  1. Téléchargez les pièces jointes ici

Formateur

Ing. Azab Mohamed Azab

Ing. Azab Mohamed Azab

Conférencier à l'Académie arabe des sciences, de la technologie et du transport maritime, ainsi qu'au ministère égyptien de l'Intérieur, spécialisé en technologie et information.
69K vues28 cours

Cours similaires