Fondations du Développement Frontend

Explorez le fonctionnement interne du web. Découvrez comment les données circulent à travers les réseaux, le rôle des protocoles, ainsi que les mystères des adresses IP et des noms de domaine. Acquérez une compréhension globale de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez la puissance des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à enrichir les éléments grâce aux attributs.

Le cœur de la structure d'un document HTML. Découverte des composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Compréhension de la fonction de chaque élément et de leur contribution à la structure globale d'une page web.

Rendez une page web plus attrayante grâce à l'intégration de médias tels que des images, de l'audio et de la vidéo. Manipulez des données structurées sous forme de tableaux.

Découvrez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en utilisant des concepts et techniques essentiels. Comprenez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

Learn what CSS is, how to connect it with HTML, and how to style HTML elements using selectors. Explore foundational concepts like text colors, user action pseudo-classes, and variables in CSS.

Discover how to style and format text on your web pages. Learn to apply custom fonts and explore various font properties to enhance the appearance of text.

Learn the fundamentals of the box model, which defines the layout and spacing of elements on a web page. Explore concepts such as box sizing, adding space to elements, working with block-level and inline elements, and utilizing structural and functional pseudo-classes for advanced styling.

Discover Flexbox, a powerful CSS layout method for arranging elements in rows and columns. Learn how to control the direction, alignment, and spacing of elements horizontally and vertically, as well as customize individual flex items for precise layouts.

Learn how to enhance the visual appeal of your web pages with CSS. Explore techniques for applying background colors and images, styling images, using decorative pseudo-elements, and adding shadows to create stunning designs.

Découvrez ce que les apprenants peuvent attendre de ce cours avancé sur le style HTML et CSS. Que devez-vous savoir avant de commencer le cours ? Quels sujets seront abordés ?

Positionnez et gérez les éléments sur les pages web. Apprenez les différentes propriétés de positionnement, découvrez comment utiliser l'ordre d'empilement pour contrôler la visibilité des éléments qui se chevauchent, et enfin, gérez le débordement de contenu.

Explorez la puissance des transitions et apprenez à améliorer l'expérience utilisateur. Découvrez comment animer les propriétés de manière fluide et progressive, créant des transitions d'état harmonieuses.

Apprenez à connaître la propriété d'animation et comment elle peut être utilisée pour créer des designs dynamiques et engageants. Découvrez comment créer des animations complexes en utilisant des keyframes et comment contrôler l'animation.

Explorez la propriété de transformation, qui permet de modifier l'apparence et la position des éléments sur une page web. Apprenez à mettre à l'échelle, à faire pivoter, à incliner et à déplacer des éléments en deux et trois dimensions. Combinez plusieurs transformations pour créer des effets plus complexes.

Les principes et techniques utilisés dans la conception adaptative/réactive visent à rendre les sites web et les applications accessibles et visuellement attrayants sur différents appareils, tailles d'écran et orientations.

Apprenez à connaître les préprocesseurs en CSS et comment ils peuvent aider à écrire un code plus efficace et facile à maintenir. Comprenez comment utiliser les préprocesseurs pour simplifier le flux de travail et générer un code CSS plus propre.

Découvrez les fondamentaux de JavaScript, y compris son objectif et sa syntaxe. Apprenez à travailler avec la console pour la sortie et à utiliser des commentaires pour organiser et documenter votre code. Ces compétences fondamentales vous prépareront à une exploration plus approfondie des capacités de JavaScript.

Explorez les éléments de base de JavaScript en distinguant les littéraux et les variables. Comprenez les types de données principaux, y compris `null` et les tableaux, et apprenez à les manipuler à l'aide des méthodes de tableau.

Apprenez à manipuler les types de données de JavaScript grâce à des opérations essentielles. Maîtrisez l'affectation, les opérations mathématiques, l'incrémentation et la décrémentation, les comparaisons, les opérations logiques et la concaténation de chaînes.

Découvrez comment contrôler le flux de vos programmes avec des instructions conditionnelles. Maîtrisez `if`, `else` et `else if` pour indiquer à JavaScript comment prendre des décisions et exécuter du code en fonction de différentes conditions.

Rationalisez votre code en maîtrisant les structures de boucles de JavaScript. Explorez les boucles `while`, `do while` et `for`, et apprenez à contrôler leur comportement en utilisant `break` et `continue`. Déverrouillez la puissance des boucles pour effectuer des tâches répétitives efficacement.

Découvrez la puissance des fonctions en JavaScript. Apprenez à définir des fonctions, à travailler avec des arguments et à utiliser l'instruction `return` pour créer un code réutilisable et efficace. Maîtriser les fonctions améliorera votre capacité à écrire des programmes propres et modulaires.

Obtenez une feuille de route claire de ce qui vous attend, comprenez les prérequis et apprenez des conseils précieux pour vous préparer au succès en explorant les objects, les arrays et les concepts de programmation essentiels.

Explorez les concepts de base des objets JavaScript. Cette section couvre les fondamentaux de la création d'objets, de la gestion des propriétés et de l'implémentation des méthodes.

Plongez dans des techniques avancées pour travailler avec les objets JavaScript. Cette section explore diverses stratégies pour manipuler et interagir efficacement avec les objets.

Embarquez pour un voyage dans les tableaux JavaScript. Cette section fournit une base solide pour créer des tableaux, gérer des éléments et exécuter des opérations de base sur les tableaux.

Maîtrisez les compétences avancées de manipulation des tableaux, en couvrant diverses techniques et méthodes pour gérer efficacement les tableaux dans de multiples scénarios.

Apprenez les fondamentaux des classes JavaScript, des déclarations de classes à la définition de méthodes qui améliorent la fonctionnalité. Découvrez comment utiliser efficacement les objets de paramètres, gérer les propriétés privées et contrôler l'accès avec les accesseurs et les mutateurs. Maîtrisez les propriétés statiques et les méthodes statiques et libérez la puissance de l'héritage de classe en utilisant "extends" et "super()" pour construire un code évolutif et réutilisable.

Maîtrisez la manipulation du DOM pour créer des applications web dynamiques et interactives. Naviguez et modifiez la structure du DOM, mettez à jour le contenu de manière dynamique et appliquez les meilleures pratiques en matière de sécurité et de performance. Différenciez les propriétés et les attributs pour optimiser votre code.

Débloquez l'interactivité de vos applications web en maîtrisant les événements JavaScript. Comprenez la propagation des événements, contrôlez le comportement des événements et implémentez une gestion efficace des événements pour les interactions utilisateur. Optimisez les performances avec des techniques avancées comme la délégation d'événements.

Cette section couvre les éléments essentiels de JavaScript asynchrone, y compris les callbacks, les Promesses et async/await. Vous apprendrez à récupérer des données à partir d'APIs, à intégrer des bibliothèques tierces et à gérer efficacement plusieurs requêtes, développant des compétences pour créer des applications axées sur les données.