https://cegepmv.github.io/420-211/0-intro/index.html1. HTML, DOM et CSS Une petite révision des concepts vus dans le cours de création de sites Web : HTML Manipulation simple du DOM Style avec CSS 2. Conditions JS Introduction à l’opérateur && et l’opérateur ternaire 3. Objets JS Introduction aux objets JavaScript : déclaration, affectation et accès aux paramètres. 4. Fonctions JS Les différentes syntaxes pour déclarer une fonction en Javascript : Fonctions nommées Fonctions anonymes Fonctions fléchées 5. JS depuis ES5 Introduction aux syntaxes modernes de javascript introduites depuis la version 5Hugofr-frhttps://cegepmv.github.io/420-211/0-intro/1-html-dom-css/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/1-html-dom-css/index.htmlCette section constitue un rappel des notions essentielles vues dans le cours Création de sites web. Elle vise à s’assurer que tous les étudiants partagent une base commune avant d’aborder le développement d’applications Web avec un cadriciel moderne (React). L’objectif n’est pas de tout revoir en profondeur, mais de réactiver les concepts clés : la structure HTML, le DOM, la manipulation avec JavaScript et les principes fondamentaux du CSS. Structure d’un document HTML Un document HTML est composé d’éléments organisés de façon hiérarchique, formant une structure en arbre inversé appelée DOM (Document Object Model).https://cegepmv.github.io/420-211/0-intro/2-conditions-js/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/2-conditions-js/index.htmlJavascript dispose de manières alternatives pour exprimer les conditions. Celles-ci sont plus utilisées que la syntaxe if/else traditionnelle. Opérateur ternaire Les conditions qui définissent deux alternatives utilisent l’opérateur ternaire, ainsi nommé pare qu’il prend trois opérandes : un pour la condition à évaluer, un pour la cas vrai et un pour le cas faux. La syntaxe est CONDITION ? Cas vrai : Cas faux. Par exemple, les deux structures suivantes sont équivalentes:https://cegepmv.github.io/420-211/0-intro/3-objets-js/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/3-objets-js/index.htmlAvec JavaScript, on utilise souvent des objets. Un objet est une manière de regrouper sous un même nom une structure de données qui contient plusieurs valeurs. Par exemple, une variable nommée car peut contenir différentes informations reliées à une voiture, comme le nom de la marque, le modèle et l’année: const car = { brand: "Hyundai", model: "Ioniq 5", year: 2022 } Chacune de ces informations est une propriété de l’objet. Pour référer aux valeurs des propriétés d’un objet, on utilise un point (par exemple car.model):https://cegepmv.github.io/420-211/0-intro/4-fonctions-js/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/4-fonctions-js/index.htmlChaque fois que l’on souhaite effectuer une tâche répétitive, on utilise des fonctions. En Javascript, il existe plusieurs syntaxes pour déclarer une fonction. Fonctions nommées Une fonction nommée commence par le mot-clé function, suivi du nom de la fonction (dans l’exemple ci-dessous : logCompliment). Le corps de la fonction et ses instructions (i.e. son bloc d’instruction) sont définis entre des accolades : function logCompliment() { console.log("Vous vous débrouillez très bien !") ; } Une fois la fonction déclarée, vous l’invoquez ou l’appelez pour la voir s’exécuter :https://cegepmv.github.io/420-211/0-intro/5-es5-js/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/5-es5-js/index.htmlDepuis la version 5 de ECMAScript (et surtout avec la version 6), la syntaxe de JavaScript a beaucoup évolué pour aller vers une meilleure cohérence et une meilleure robustesse dans le code produit. Ce chapitre résume les évolutions les plus importantes. Déclaration de variable avec let et const Le mot-clé var est utilisé en JavaScript pour déclarer des variables. var i = 0; Cependant la notion de déclaration de variable est particulière en JavaScript par rapport à la plupart des autres langages de programmation proches. var n’empêche pas de déclarer à nouveau une variable avec le même nom et la portée des variables est particulière à JavaScript. Si la variable est déclarée au plus haut niveau, il s’agit d’une variable globale mais si elle déclarée ailleurs, sa portée correspond à la fonction dans laquelle elle est déclarée. Cela peut entraîner des effets de bord difficiles à comprendre :https://cegepmv.github.io/420-211/0-intro/6-prog-fonctionnelle/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/6-prog-fonctionnelle/index.htmlLa programmation fonctionnelle est un paradigme de programmation qui insiste sur l’évaluation d’appel de fonctions plutôt que sur l’utilisation de variables et de blocs imbriqués (for, if…). Les fonctions ont toujours été des objets de plein droit en JavaScript. Il est par exemple possible de créer des fonctions anonymes et de les affecter à des variables ou de les passer en paramètre d’autres fonctions. Impératif vs déclaratif La programmation fonctionnelle fait partie d’un paradigme de programmation plus large : la programmation déclarative.https://cegepmv.github.io/420-211/0-intro/7-git-github/index.htmlMon, 01 Jan 0001 00:00:00 +0000https://cegepmv.github.io/420-211/0-intro/7-git-github/index.htmlIntroduction Git est un système de gestion de versions distribué, conçu pour suivre et gérer les modifications apportées aux fichiers au fil du temps. Il est largement utilisé dans le développement logiciel, permettant une collaboration efficace entre les développeurs tout en conservant un historique complet des changements. Les principales fonctionnalités de Git incluent : La gestion simultanée de plusieurs versions d’un projet. La possibilité de revenir à des états antérieurs en cas de besoin. La facilitation du travail en équipe sur un même projet, tout en minimisant les conflits liés aux modifications. Mise en contexte Avant que Git voit le jour, les équipes travaillaient principalement de deux façons: les commentaires de journal et des logiciels de versionnage centralisés.