|
Résumé de section
-
1. Objectifs du cours
Une introduction à Internet, au World Wide Web et au développement Web pour les étudiants ayant un fort intérêt pour la technologie. Les élèves créeront des pages Web interactives en écrivant du HTML et du CSS et en programmant en JavaScript. Les sujets abordés comprennent les origines du Web, les rôles et les opérations des navigateurs Web et des serveurs Web, l'interaction avec les applications Web via des formulaires et l'utilisation de feuilles de style pour séparer la structure et la mise en forme des documents.
L'objectif principal de ce cours est de fournir une compréhension générale de l'informatique en se concentrant sur le Web et ses technologies. Les objectifs spécifiques comprennent :
-
Expliquer comment les sites Web sont organisés ;
-
Développer des pages Web utiles ;
-
Rédiger des programmes simples ;
-
Apprendre à rechercher de la documentation pour apprendre par vous-même
-
Diagnostiquer les problèmes de code informatique en traçant les états du programme, en prédisant les résultats et en expliquant les écarts entre les résultats prévus et le comportement réel ;
-
Expliquer le rôle des programmes et des algorithmes pour résoudre des problèmes scientifiques ;
-
Identifier les difficultés et les limites de l’utilisation de la technologie informatique pour résoudre des problèmes.
2. Prérequis
Prérequis (s): AUCUN.
3. Concepts technologiques couverts par le cours
-
Une introduction à Internet, aux navigateurs et au Web (WWW)
-
Création de pages Web à l'aide du langage Hypertext Markup Language (HTML)
-
Formatage des pages Web à l'aide de feuilles de style en cascade (CSS)
-
Conception de site Web centrée sur l'utilisateur
-
Programmation de pages Web avec JavaScript et certains fichiers DHTML
-
-
À l’issue de ce cours, l’apprenant sera capable de :
LO1. Comprendre et expliquer le fonctionnement du Web, des serveurs et navigateurs, ainsi que l'organisation des sites Web.
LO2. Créer des pages Web statiques conformes aux standards HTML5.
LO3. Styliser les pages Web avec CSS en utilisant les différentes méthodes de sélection et les modèles de mise en page.
LO4. Implémenter des interactions dynamiques basiques avec JavaScript (manipulation du DOM, conditions, boucles, fonctions).
LO5. Intégrer des formulaires HTML et les traiter avec JavaScript.
LO6. Décrire les principes de base du référencement Web (SEO).
LO7. Diagnostiquer et corriger des erreurs dans le code HTML, CSS ou JavaScript.
LO8. Appliquer une démarche de conception centrée utilisateur pour l'organisation du contenu Web.
-
Chaque critère est aligné avec les résultats d'apprentissage et spécifie les standards attendus. Les évaluations sont critère-référencées.
Pour LO1
- Expliquer les rôles des composants principaux du Web (serveur, client, navigateur, DNS, URL).
- Identifier l'architecture d'un site Web typique.
Pour LO2
- Créer une page HTML valide contenant des en-têtes, paragraphes, listes, tableaux et images.
- Utiliser correctement les balises HTML structurelles (header, nav, section, article, footer).
Pour LO3
- Appliquer des styles CSS internes et externes en respectant la spécificité et l'héritage.
- Créer des mises en page responsives avec boîtes, float, flex ou grid.
Pour LO4
- Rédiger des scripts JavaScript qui manipulent les éléments DOM et gèrent des événements.
- Utiliser des structures de contrôle (if, switch, for, while) et des fonctions personnalisées.
Pour LO5
- Intégrer correctement des formulaires HTML avec différents types de champs.
- Capturer et valider les données utilisateur via JavaScript.
Pour LO6
- Expliquer les bonnes pratiques SEO (balises meta, titres, hiérarchie du contenu, accessibilité).
- Identifier les facteurs qui influencent le classement d'un site dans les moteurs de recherche.
Pour LO7
- Utiliser des outils de débogage pour identifier les erreurs.
- Corriger les erreurs de syntaxe ou de logique en expliquant la cause.
Pour LO8
- Analyser les besoins utilisateurs pour structurer une interface claire.
- Justifier les choix de navigation, structure et design du site Web produit.
-
Projects Course overview
Access to Web Servers
-
HTML Overview
Hands on FTP, Text Editor
HTML Overview, Commands
Links, Images, URL
-
Inline Style
External Style Sheets
CSS Styling - Fonts, Background and Text
Directory Structures
-
Advance CSS
Web structure (div, nav, span header, sections, articles)
Class, ID’s and selectors
Float and clear
Tables and box models
-
Mid-term Exam (HTML and CSS)
Javascripting
-
EXAMEN A MIS PARCOURS
-
Forms text, text box and buttons
Math Expressions
IF Conditions
Nested If
-
If Condition IF ELSE
Complex Condition
Switch, Do While FOR
-
Forms, radio button and checkbox
Debugging
-
Functions
Event Handlers
-
Projects Course overview
Access to Web Servers
-
Final Exam and Final project
|