Front end: HTML & CSS
Description
Au cours de cette formation, les participants vont apprendre à créer des sites web servant comme façade côté client. Tout d’abord, on commence par découvrir le développement d’applications web clientes grâce au langage HTML et aux feuilles de styles CSS. Ensuite, des notions de base dans la programmation cliente avec JavaScript sont injectées pour apporter de la dynamique au page HTML. Les participants vont aussi découvrir des frameworks près à l’utilisation pour augmenter leur productivité. L’IDE utilisé pour l’écriture du code HTML et CSS est Adobe Dreamweaver. Une bonne partie de la formation sera consacrée à la maitrise de cet outil très puissant.
Le cours est très riche avec plein de travaux pratiques couvrant presque toutes les notions de base dans la programmation web statique. En effet, les parties théoriques sont rapides (pas plus de 30% du cours) et couvrent seulement l’essentiel. A la fin de cette formation, les participants auront acquis toutes les bases leur permettant de se lancer sans appréhension dans le monde du développement de sites web avec HTML, CSS et JavaScript. Pour mettre leurs connaissances directement en pratique, ils vont créer leur propre site web progressivement tout au long cette formation.
Objectifs
- Apprendre le langage de balisage hypertexte HTML.
- Donner du style aux pages web grâce aux feuilles de style CSS.
- Ajouter de la dynamique avec la programmation JavaScript.
Prérequis
Une connaissance de base dans l’algorithmique est souhaitable mais pas obligatoire
Instructeurs
Abdelhadi Lotfi
Abdelhadi Lotfi est un enseignant chercheur, programmeur, concepteur et administrateur de base de données. Il est maître de conférences à l'Institut National des Télécommunications et des TIC (INTTIC). Il a une longue expérience en développement (plus de 15 ans) et maîtrise plusieurs langages de programmation (Javascript, PHP, Java, …).
Expert en conception et administration de bases de données relationnelles, Abdelhadi passe une bonne partie de son temps développer des procédures stockées en MySQL, SQL Server et PostgreSQL. Pour le reste du temps de travail, il fait du développement Full-Stack.
Coté recherche scientifique, il est membre du laboratoire de recherche LaRATIC à l'institut INTTIC et il a plusieurs contributions scientifiques notamment dans l’optimisation des réseaux de neurones.
Le langage HTML
Généralités du HTML
Les balises principales HTML
La reconnaissance par les moteurs de recherche
Les hyperliens
Les listes
Les liens hypertexte
Les autres types de liens
Les listes à puce
Les listes numérotées
Les listes de définition
Les listes de menu et répertoire
Les listes imbriquées
Les styles
Les images et les couleurs
Les tables
Le multifenêtrage
Les formulaires
Les types d’entrées HTML5
La validation des données
Aider les utilisateurs
Le son et la vidéo
Inclure du JavaScript
Les feuilles de style CSS
Introduction au CSS
Effet du CSS sur le HTML
Eléments du code CSS
Les Sélecteurs en CSS
Les couleurs et CSS
Harmonie des couleurs
La couleur et le thème du site
Influence du public ciblé
La symbolique des couleurs
Représentation des couleurs
Texte et mise en forme
Propriétés de formatage du texte
Police, taille et décorations
Propriétés des boîtes
Alignement
Dimensions
Marges extérieures
Marges intérieures
Bordures
Positionnement
Propriétés des tableaux
De la dynamique avec JavaScript
Mise en place des outils de développement
Les structures de données dans JavaScript
Les instructions de contrôle
Les tests conditionnels
Les boucles
Les fonctions