Une introduction au développement web, en commençant par la base du HTML. Dans ce module, nous présenterons, installerons et utiliserons le logiciel d'édition de code pour ce cours. De plus, nous verrons comment créer la base d'un projet web et le programmer à l'aide de balise HTML simple.

Une vue rapide des différentes balises HTML plus complexes. Nous voyons comment ajouter des liens, des tableaux et des médias à nos pages Web. Finalement, nous passerons un court instant sur les balises sémantiques et la validation du HTML.

Une présentation de la création de formulaires en HTML et ainsi que de l'utilisation de leurs différents composants pour éventuellement avoir des pages intéractives avec laquelle l'utilisateur pourra intéragir et entrer des données.

Une introduction au design de page Web avec CSS. Nous verrons comment manipuler la couleur de différents éléments, changer la taille et l'espacement entre les éléments, ajouter des bordures ainsi que modifier l'affichage des élément. Le tout sera accompli en utilisant les sélecteurs CSS de base.

Présentation de certaines notions du CSS, tel que les styles de base et les unités de mesure. De plus, nous verrons une panoplie de propriété CSS qui manipulerons différentes parties de vos éléments, tel que le texte, les liste et les tableaux.

Présentation des meilleures techniques en CSS pour modifier la mise en page d'un site web ainsi que de positionner ses éléments aux bons endroits. Nous ferons donc une introduction à l'affichage flex ainsi qu'aux différentes méthodes de positionnement.

Démonstration de l'utilisation du design réactif, une façon d'avoir un site web fonctionnel autant sur un grand écran que sur un petit. Nous verrons aussi comment utiliser le mouvement dans les pages web avec les transitions, les transformations et les animations.

Introduction au langage de programmation Javascript. Nous verrons les différents éléments de base d'un langage de programmation, comme les variables, les conditions, les boucles ainsi que les structures de données de ce langage. Finalement, nous introduisons aussi les outils de développement, comme les débogueurs pour Javascript.

Présentation des fonctions, des objets et des modules en Javascript. Ils sont des concepts bien différents des langages de programmation que vous connaissez déjà par le fait que Javascript est un langage fonctionnel.

Une vue rapide du modèle objet de document (DOM) pour y rechercher des éléments HTML, les manipuler légèrement et leur ajouter des évènements. Le tout commencera à lier le HTML, le Javascript et le CSS ensemble pour la première fois pour en faire des applications plus complexe.

Démonstration de la manipulation plus complexe du DOM avec javascript afin d'insérer, modifier ou supprimer des éléments, des propriétés ou des évènements dans le HTML de vos projets Web. Nous verrons aussi les impacts de ces manipulations sur la performance de vos pages Web.