Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA P

ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 1 / 14 2 - Acquérir les fondamentaux de Javascript 2 - Acquérir les fondamentaux de Javascript Les fondamentaux de Js Introduction en vidéo Durée de la vidéo : 1"41 minutes. Notions de variables et de données IdentiØants Javascript Toutes les variables JavaScript doivent être identiØées avec des noms uniques . Ces noms uniques sont appelés identiØants . Les identiØants peuvent être des noms courts (comme x et y) ou des noms plus descriptifs (age, sum, totalVolume). Les règles générales de construction des noms de variables (identiØants uniques) sont : Les noms peuvent contenir des lettres, des chiffres, des traits de soulignement et des signes dollar. Les noms doivent commencer par une lettre Les noms peuvent aussi commencer par $ et _ (mais nous ne l'utiliserons pas dans ce tutoriel) Les noms sont sensibles à la casse (y et Y sont des variables différentes) Les mots réservés (comme les mots-clés JavaScript) ne peuvent pas être utilisés comme noms Types de données Les variables JavaScript peuvent contenir des nombres comme 100 et des valeurs de texte comme "Hassan ALAMI". En programmation, les valeurs de texte sont appelées chaînes de texte. JavaScript peut gérer de nombreux types de données, mais pour l'instant, pensez simplement aux nombres et aux chaînes. Les chaînes sont écrites entre guillemets simples ou doubles. Les nombres sont écrits sans guillemets. Si vous mettez un nombre entre guillemets, il sera traité comme une chaîne de texte. Microsoft Stream To see this content, sign in New to Microsoft Stream? sign up ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 2 / 14 La déclaration avec LET Avant ES6 (2015), JavaScript n'avait que Global Scope et Function Scope . ES6 a introduit deux nouveaux mots clés JavaScript importants : letet const. Ces deux mots-clés fournissent Block Scope en JavaScript. Les variables déclarées à l'intérieur d'un bloc { } ne sont pas accessibles depuis l'extérieur du bloc : Les variables déclarées avec le mot - clé var NE PEUVENT PAS avoir de portée de bloc. Les variables déclarées à l'intérieur d'un bloc { } sont accessibles depuis l'extérieur du bloc. La déclaration avec CONST Le mot-clé const a été introduit dans ES6 (2015) . Les variables déØnies avec const ne peuvent pas être redéclarées. Les variables déØnies avec const ne peuvent pas être réaffectées. Les variables déØnies avec const ont une portée de bloc : Expressions et opérateurs Opérateurs arithmétiques Operateur Description + Addition - Soustraction * Multiplication ** Puissance (ES2016) / Division % Modulo (Reste de la division) ++ Incrémentation -- Décrémentions Opérateurs d'affectation Operateur Exemple ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 3 / 14 = x = y += x += y -= x -= y *= x *= y /= x /= y %= x %= y **= x **= y = x = y Opérateurs de comparaison Operateur Exemple == Etal à (valeur) === Egal à (valeur et type) != not equal !== not equal value or not equal type > greater than < less than >= greater than or equal to <= less than or equal to Notions de lecture et d’écriture JavaScript peut « afØcher » les données de différentes manières : Écrire dans un élément HTML, à l'aide de innerHTML. Écriture dans la sortie HTML à l'aide de document.write(). Écriture dans une boîte d'alerte, à l'aide de window.alert(). Écriture dans la console du navigateur, à l'aide de console.log(). Pour accéder à un élément HTML, JavaScript peut utiliser la méthode document.getElementById(id). L' attribut id déØnit l'élément HTML. La propriété innerHTML déØnit le contenu HTML : ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 4 / 14 Récupérer le contenu d'une balise <p> InnerHTML est le contenu d'une balise Vous pouvez également récupérer la valeur de toutes lés propriétés telles que l'alignement, les dimensions le styles, … Types primitifs et objets de base En JavaScript, il existe 5 types de données différents pouvant contenir des valeurs : string number boolean object function ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 5 / 14 Il existe 6 types d'objets : Object Date Array String Number Boolean Et 2 types de données qui ne peuvent pas contenir de valeurs : null undeØned Données primitives Une valeur de données primitive est une valeur de données simple et unique sans propriétés ni méthodes supplémentaires. L' opérateur typeof peut renvoyer l'un de ces types primitifs : string number boolean undeØned Les fondamentaux de Javascript en vidéo Comprendre Javascript en quelques minutes avec cette vidéo explicative. ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 6 / 14 Tuto : Création d'un nouveau projet Dans ce nouveau chapitre, découvrez comment créer un nouveau projet Js. Durée de la vidéo : 5 minutes. Vous trouverez sur le volet de droite les Øchiers de code à télécharger en complément de la lecture de la vidéo. C'est parti ! Maîtriser l'installation et la syntaxe pas à pas Dans ce nouveau chapitre, découvrez comment maîtriser l'installation et la syntaxe sur Js. Durée de la vidéo : 5 minutes. C'est parti ! ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 7 / 14 Tuto : Les commentaires Dans ce nouveau chapitre, découvrez comment insérer des commentaires. Durée de la vidéo : 1"38 minutes. Vous trouverez sur le volet de droite les Øchiers de code à télécharger en complément de la lecture de la vidéo. C'est parti ! ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 8 / 14 Tuto : Les variables Dans ce nouveau chapitre, découvrez comment insérer les variables. Durée de la vidéo : 2"54 minutes. Vous trouverez sur le volet de droite les Øchiers de code à télécharger en complément de la lecture de la vidéo. C'est parti ! ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 9 / 14 ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 10 / 14 Tuto : Les constantes Dans ce nouveau chapitre, découvrez comment insérer les constantes. Durée de la vidéo : 2"10 minutes. Vous trouverez sur le volet de droite les Øchiers de code à télécharger en complément de la lecture de la vidéo. C'est parti ! Tuto : Les types de données Dans cette vidéo de quelques minutes, découvrez les types de données en Javascript. Durée de la vidéo : 15"28 minutes. Vous trouverez sur le volet de droite les Øchiers de code à télécharger en complément de la lecture de la vidéo. C'est parti ! ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 11 / 14 Maîtriser les structures de contrôle Structures alternatives La déclaration if Utilisez l'instruction if pour spéciØer un bloc de code JavaScript à exécuter si une condition est vraie. Syntaxe Exemple : On afØche "Réussi" si la note est supérieure ou égal à 10 La déclaration else Utilisez l'instruction else pour spéciØer un bloc de code à exécuter si la condition est fausse. Exemple : On afØche "Réussi" si la note est supérieure ou égal à 10, sinon on afØche "Echoué" L'instruction else if Utilisez l'instruction else if pour spéciØer une nouvelle condition si la première condition est fausse. Syntaxe : ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 12 / 14 Exemple : Structures itératives Différents types de boucles JavaScript prend en charge différents types de boucles : for - parcourt un bloc de code plusieurs fois for/in - parcourt les propriétés d'un objet for/of - parcourt les valeurs d'un objet itérable while - parcourt un bloc de code tant qu'une condition spéciØée est vraie do/while - parcourt également un bloc de code tant qu'une condition spéciØée est vraie Maîtriser les structures de contrôle Structures alternatives ofppt 2 - Acquérir les fondamentaux de Javascript DRIF - Secteur Digital & IA Page 13 / 14 La déclaration if L’instruction if est utilisée pour spéciØer un bloc de code JavaScript à exécuter si une condition est vraie. Syntaxe : Exemple : On afØche "Réussi" si la note est supérieure ou égale à 10 : L'instruction switch L'instruction switch est utilisée pour sélectionner un choix parmi plusieurs (pour remplacer les blocs if .. else multiples). L'instruction switch évalue une expression et fait correspondre la valeur de l'expression à un des cas déclarés. Elle exécute les instructions associées à ce cas (case), ainsi que les instructions des cas suivants. S'il n'y a pas de correspondance, le bloc de code par défaut est exécuté. Lorsque JavaScript atteint le mot clé break, il sort du bloc switch. Structures itératives Les types de boucles JavaScript, comme la plupart des langages de programmation, prend en uploads/Litterature/ 2-acquerir-les-fondamentaux-de-javascript.pdf