Cette semaine, nous examinons la syntaxe CSS, la spécificité et les noms de classe sémantiques. Nous abordons le chargement des feuilles de style CSS, le modèle de boîte CSS et les propriétés associées, ainsi que les différences entre les éléments en ligne, en bloc et en bloc en ligne dans la mise en page en cases. La semaine couvre également le débogage CSS à l'aide des DevTools du navigateur et l'application du modèle de boîte pour créer diverses mises en page en cases. Le principal travail de cette semaine consiste à créer des CSS pour une page HTML existante afin de lui donner l'apparence souhaitée.

Cette semaine, nous abordons certains concepts courants de la conception de sites web, tels que les textes et les images de remplacement, les questions qui déterminent et compliquent la sélection des polices de caractères, ainsi que d'importantes questions d'accessibilité telles que le respect de la taille du texte et du texte alternatif. Nous examinons certains malentendus courants concernant les droits d'auteur et leur impact sur le travail d'un développeur web. Nous explorons davantage d'options de mise en page avec CSS, en apprenant à connaître Flexbox, Grid Areas et les grilles multicolonnes. Nous discutons des significations et de la mise en œuvre du Responsive Web Design et de l'Adaptive Design dans les pages Web. Le travail principal de cette semaine fournit une mise en page approximative avec des changements entre les tailles d'ordinateur de bureau et les tailles mobiles et vous demande d'écrire le HTML et le CSS pour créer une solution.

Cette semaine, nous nous concentrons sur la structure et la présentation des formulaires HTML, en abordant la syntaxe de divers éléments liés aux formulaires et les besoins et erreurs de base en matière d'accessibilité, ainsi que la validation limitée basée sur le HTML disponible pour les formulaires. Je présente les mises en page courantes pour les étiquettes et les champs des formulaires, y compris les exceptions, et j'explique en quoi ces mises en page sont ou ne sont pas bénéfiques pour votre expérience utilisateur. Nous abordons également les différentes options de la propriété position et la manière dont ces options sont utilisées pour résoudre des problèmes de conception Web courants, y compris la construction d'un menu de navigation "déroulant". La principale tâche de cette semaine consiste à faire correspondre une mise en page demandée à un formulaire qui soumettra des données à un serveur Web fourni.

Cette semaine, nous présentons les conventions de nommage des classes BEM (Block, Element, Modifier) et explorons leur utilisation, leur raisonnement et leurs avantages potentiels. Nous abordons des concepts UI/UX courants tels que les images de héros, les appels à l'action (CTA), le concept du "pli", les panneaux, les cartes et la navigation par fil d'Ariane. Nous nous plongeons également dans la syntaxe et l'application pratique des transformations, transitions et animations CSS. Enfin, nous apprendrons à restreindre toute animation afin de respecter les paramètres de l'utilisateur concernant la réduction des mouvements et nous ajouterons des mouvements à notre exemple de navigation par liste déroulante.

Cette semaine propose une introduction à JavaScript, en mettant l'accent sur les concepts clés et les applications pratiques. Vous explorerez comment charger JavaScript et comprendre sa syntaxe de base à travers les lectures et les quiz de cette semaine. Des sujets tels que les variables, les fonctions, les tableaux, les objets, les conditionnelles, les boucles et la portée lexicale seront abordés, ainsi que des animations vidéo pour illustrer des concepts plus complexes. Nous nous pencherons également sur le Modèle Objet du Document (DOM), une méthode de manipulation dynamique des pages web à l'aide de JavaScript. Enfin, nous explorerons les techniques de débogage utilisées pour identifier et corriger les erreurs. Pour renforcer votre apprentissage, vous réaliserez un devoir dans lequel vous construirez un jeu "Pierre-Papier-Ciseaux" qui intègre des boutons et des interactions avec la console, démontrant ainsi les compétences de base susmentionnées.

Cette semaine, nous approfondissons votre compréhension de JavaScript en introduisant des concepts syntaxiques avancés, notamment les opérateurs de propagation et de repos, la déstructuration, le JSON et les expressions régulières. Vous explorerez comment interagir avec le Modèle (DOM) en manipulant le contenu des nœuds et en gérant les événements JavaScript, le tout renforcé par des quiz pour vérifier votre compréhension. Cette semaine couvre également la validation de formulaire basée sur JavaScript, en soulignant les meilleures pratiques, les pièges courants et l'importance d'équilibrer la commodité du front-end avec la sécurité du back-end. La semaine se termine par un devoir dans lequel vous créez une fonction de soumission de formulaire avec une validation JavaScript intégrée, en appliquant les concepts clés des leçons pour assurer la fonctionnalité des applications Web.