Introduction au développement Web
Durée
Durée calendrier
5 semaines
Effort demandé
3 heures par semaine
Qu'est-ce que c'est?
Description
Cette formation vous permettra de vous initier aux bases du développement Web.
Aujourd’hui, Internet fait partie intégrante de nos vies et offre de nombreuses opportunités de carrière. En suivant cette formation, vous apprendrez à concevoir et programmer des pages Web en utilisant les composantes qui en sont la base même : HTML, CSS et Javascript. Vous aurez ainsi un fondement solide pour évoluer vers des formations plus poussées en développement Web et pourquoi pas ... en faire une carrière ?
- Les étapes de conception et réalisation d'un site Web;
- Les principaux outils technologiques du développement Web;
- Les bases de l'intégration avec HTML et CSS;
- Les bases de la programmation avec JavaScript;
Cette formation donne un avant-goût pour le programme AEC Développement Web.
Objectifs
Comprendre le fonctionnement d’internet, comment une page Web est structurée et le rôle du HTML, CSS et Javascript
Être capable de rédiger et de faire la conception graphique d’une page Web simple
Implémenter des comportements dynamiques simples avec Javascript
Clientèle cible
Personnes désirant s’initier au développement Web dans le but éventuel de s’orienter vers ce domaine ou d’ajouter cette compétence à leur champs d’expertise (exemple : designer graphique).
Préalables
Des connaissances de base de l’informatique et de l’Internet sont nécessaires :
- Être en mesure d’utiliser les fonctionnalités de base d’un système d’exploitation (fonctions courantes);
- Être familier avec les logiciels de base (Suite Office, Word, Excel, etc.);
- Être capable de naviguer sur Internet, faire une recherche, naviguer sur les réseaux sociaux.
Matériels requis
Un ordinateur (Mac ou PC), une connexion internet, une caméra Web et un micro fonctionnel
Notes de cours et volume(s) suggéré(s)
La documentation développeur :
- MDN (Mozilla Developper Network) : https://developer.mozilla.org/en-US/
- W3 Schools : https://www.w3schools.com
- Devdocs : https://devdocs.io
Quand on est bloqué :
- google.com
- stackoverflow
Pour tester et pratiquer :
- codepen.io
- freecodecamp.org
- https://www.frontendmentor.io
Formule d'enseignement
Comment cette formation est-elle reconnue?
ATTESTATIONS DE PARTICIPATION
Pour obtenir l'attestation de participation pour un cours de perfectionnement non créditable, il faut avoir assisté aux 2/3 des heures de cours. Une liste de présences est constituée et doit être signée par chaque participant afin d'assurer la conformité des attestations émises.
ATTESTATIONS DE RÉUSSITE
Pour obtenir l'attestation de réussite pour un cours de perfectionnement non créditable, il faut avoir assisté aux 2/3 des heures de cours et avoir réussi l’évaluation.
Que vais-je apprendre?
Contenu
Le fonctionnement d’Internet et introduction au HTML
- L’internet : comment ça marche?
- Anatomie d’une page Web
- Installation et configuration des outils de développement
- Introduction au langage HTML
- Réalisation d’une page personnelle
- Les tables et formulaires
- Publiez votre première page Web
La conception graphique : Introduction au CSS
- Introduction au CSS (en ligne, interne et externe)
- Présentation du projet
- Solutionner les bogues du CSS
- Les sélecteurs, classes vs Ids
- Introduction au design graphique (la couleur, la typographie, l’importance de l’UI et de l’UX)
- Les principales propriétés
- Les divs et le positionnement
Introduction à Bootstrap
- Les librairies CSS : comprendre Bootstrap
- Installation de Bootstrap
- La barre de navigation
- Présentation du projet
- La disposition graphique Bootstrap
- Les conteneurs
- Les boutons Bootstrap
Introduction à la programmation Javascript
- Pourquoi Javascript ?
- Les alertes : ajouter un comportement à notre page Web
- Les types de données
- Les variables
- Les chaînes de caractères
- Les nombres
- Les fonctions
- Opérateurs logiques
- Les boucles
Ajouter du dynamisme à nos pages Web
- Introduction au DOM
- Sélectionner des éléments HTML
- Manipuler et changer le style des éléments HTML
- Modifier le texte et le contenu des propriétés
- Manipuler les attributs de éléments HTML
- Pour aller plus loin
*L'ordre des sujets abordés pourrait varier
Formateur
Samuel GUSTAVE a étudié en France à l’ESTE (École Supérieure de Technologie Électronique – Ecole d’ingénieur) et a obtenu un baccalauréat en génie électrique. Il est ensuite venu à l’Université de Sherbrooke pour suivre les cours de la maîtrise en génie électrique.
En presque 20 ans d’expérience dans le domaine informatique, il a occupé plusieurs emplois dans la gestion de systèmes informatiques bancaires, la maintenance des systèmes et la programmation. Il a particulièrement développé une expertise dans les IDE Windev/Webdev (www.pcsoft.fr) avec lesquels il a eu l’occasion de concevoir et maintenir des applications Windows et Web dans les secteurs de la santé et de la foresterie.
À travers les années, il a pu intervenir dans des technologies aussi diverses que variées telles que : HTML, CSS, PHP, Javascript, Python, Java, C#, C++, et bien sûr Windev /Webdev.
Il est toujours enthousiaste à l’idée de transmettre sa passion du développement logiciel et d’aider ses étudiants à mettre en pratique leurs acquis par des méthodologies d’apprentissage dynamiques et innovatrices.
Formation pouvant être adaptée à vos besoins
Nous pouvons adapter cette formation aux réalités et aux besoins de votre organisation.
Qui va m'accompagner?
Qui offre cette formation?
Pour plus d'informations
Du lundi au jeudi de 13 h 45 à 21 h 45
Le vendredi de 10 h à 18 h
M. Thomas Baril Lessard
Agent de soutien administratif
418-688-8310 poste 2270
tbaril-lessard@cegepgarneau.ca
En tout temps, vous pouvez également communiquer avec le secrétariat de la formation continue au 418-687-5851 ou par courriel au dfc@cegepgarneau.ca