Résumé de section

  • OBJECTIFS ET DESCRIPTION DU COURS

    Tout replier Tout déplier

    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

  • RESULTATS D'APPRENTISSAGE (LEARNING OUTCOMES)

    À 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.

     

  • CRITERES D'EVALUATION (LEARNING ASSESSMENT CRITERIA)

    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.

     

  • EVALUATION DE L'APPRENTISSAGE & PONDERATION

  • SYLLABUS, LIVRES & AUTRES SUPPORTS DE COURS

  • SEMAINE 1

    Projects Course overview

    Access to Web Servers

  • SEMAINE 2

    HTML Overview 

    Hands on FTP, Text Editor

    HTML Overview, Commands

    Links, Images, URL 

  • SEMAINE 3

    Inline Style 

    External Style Sheets

    CSS Styling - Fonts, Background and Text 

    Directory Structures

  • SEMAINE 4

    Advance CSS

    Web structure (div, nav, span header, sections, articles) 

    Class, ID’s and selectors

    Float and clear 

    Tables and box models 

  • SEMAINE 5

    Mid-term Exam (HTML and CSS) 

    Javascripting 

  • SEMAINE 6 : EXAMEN A MIS PARCOURS

    EXAMEN A MIS PARCOURS

  • SEMAINE 7

    Forms text, text box and buttons

    Math Expressions

    IF Conditions 

    Nested If

  • SEMAINE 8

    If Condition IF ELSE 

    Complex Condition 

    Switch, Do While FOR

  • SEMAINE 9

    Forms, radio button and checkbox 

    Debugging 

  • SEMAINE 10

    Functions 

     Event Handlers 

  • SEMAINE 11

    Projects Course overview

    Access to Web Servers

  • SEMAINE 12 : EXAMEN FINAL

     Final Exam and Final project