Détails du cours

Installation des outils de développement

Installation de Visual Studio Code;
Installation de QGIS;
Installation de XAMP;

Introduction à la programmation web

Comment fonctionne Internet;
Comment fonctionne un site web;
Front-End VS Back-End;

L’essentiel du HTML5 pour appréhender Leaflet

Créer un document HTML;
Head et Body;
Les titres;
Les paragraphes et les listes;
Les images;
Les liens;
Les formats;
Les tables;
Les bloques;
Les « Layouts »;
Les formulaires, les boutons, et les « inputs »;
Les commentaires;
Les ID et les classes;
Création de l’interface HTML;

L’essentiel du CSS3 pour appréhender Leaflet

Inclure un fichier CSS dans son document html;
Les sélecteurs;
Modifier le rendu du texte;
Modifier l’arrière-plan d’un élément;
Les largeurs et les hauteurs;
Le positionnement;
Les types d’affichages (display);
Les marges externes et internes;
Les bordures;
Les media query

L’essentiel de JavaScript pour appréhender Leaflet

Déclarer une variable et les types de données;
Les opérateurs;
Les opérateurs conditionnels;
Les boucles;
Les fonctions;
JavaScript et le DOM;
Le scope;
Le hoisting;

L’essentiel de JQuery pour appréhender Leaflet

Sélectionner des éléments avec JQuery;
Les évènements avec JQuery;
Les effets avec JQuery;
Modifier le DOM avec JQuery;
Sélectionner les parents et les enfants d’un élément;
AJAX

Les bases de Leaflet

Créer sa première carte avec Leaflet;
Changer les fonds de carte avec Leaflet;
Ajouter un marqueur à sa carte;
Ajouter un pop-up;

Le GeoJSON

Transformer une Shapefile en GeoJSON avec QGIS
La structure du GeoJSON;
Ajouter un GeoJSON a une carte Leaflet;
Styler les GeoJSON dans Leaflet;
Créer un pop-up avec les attributs du GeoJSON;
Interagir avec le tableau de bord en fonction d’évènement sur la carte

Centrer la carte sur la position de l’utilisateur

Utiliser l’API HTML de géolocalisation pour récupérer la position de l’usager;
Centrer la carte sur la position de l’utilisateur;
Créer un marqueur pour la position de l’utilisateur

Créer un géocodeur avec l’API Nominatim – Open Street Map

Créer le formulaire;
Récupérer la valeur du formulaire;
Passer la valeur à l’API Nominatim
Récupérer la position et centrer la carte sur celle-ci
Créer un marqueur pour la position de l’utilisateur

Pour aller plus loin

Les bases de données à référence spatiales
Les serveurs cartographiques
Générer des GeoJSON dynamiques côté serveur
Créer des applications transactionnelles

Avantages :

Un support de cours pour chaque participant
Soutien du formateur après la formation
Nous vous offrons en session publique:
- Thé, café
- Dîner dans un restaurant à proximité
- Stationnement( seulement dans certaines villes)
- La connexion internet sans-fil

Objectifs :

L’objectif de ce cours est de donner une compréhension sommaire des technologies web nécessaire à la réalisation d’un interface cartographique web. À la fin de ce cours, l’étudiant aura en main une interface cartographique web réalisée à l’aide de l’API Leaflet qu’il sera en mesure de modifier afin de personnaliser le style, d’afficher différentes couches d’information, d’afficher différentes couches de base, etc. L’étudiant aura appris à récupérer la position de l’utilisateur final de la plateforme à l’aide de l’API HTML de géolocalisation. Il aura également appris à créer un géocodeur (transforme une adresse en coordonnées géographiques) à l’aide de l’API Nominatim d’Open Street Map.

NOS FORMATEURS

De Grandpré

En plus d’un diplôme en Géographie, M. De Gr...

[ Fiche ]

Nos formations se font présentement en classe virtuelle(à distance), nous proposerons des formations en classe physique seulement si la situation sanitaire le permettra

Montréal (en ligne) :

13/07/2020 au 15/07/2020
17/08/2020 au 19/08/2020
21/09/2020 au 23/09/2020

Québec (en ligne) :

27/07/2020 au 29/07/2020
31/08/2020 au 02/09/2020
05/10/2020 au 07/10/2020

Gatineau / Ottawa (en ligne) :

20/07/2020 au 22/07/2020
24/08/2020 au 26/08/2020
28/09/2020 au 30/09/2020

Autres villes :

Sherbrooke
Saguenay(Chicoutoumi)
Winnipeg

Préférentiel*

1019 $

par participant.e

Durée : 3 jour(s), soit 21 heures.
Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.

Voir le plan de cours en PDF

Lieux: Montréal, Gatineau / Ottawa , ville de Québec.

Voir les avis clients

Prix régulier: 1199 $

*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.

Interessé par cette formation ?

Soumission pour mon employeur M'inscrire maintenant

Recevez cette formation dans votre entreprise

Formation pour entreprise

Soumission gratuite et sans engagement

Inscription avec paiement par carte de crédit

Autre(s) cours dans cette catégorie

→ Formation: Introduction aux systèmes d’information géographique (SIG) avec ArcMaP → Formation Qgis | Cours Qgis → Formation PostgreSQL : bases de données à référence spatiale

Mark Plouffe, Gouvernement du Canada/ Government of Canada

“ I want to thank you both for providing my resources some excellent training(Cobol) over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “

Maryse Duguay - Analyste fonctionnelle Base de donnée - Montréal

“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “

Martin Côté - Analyste Assurance Qualité - Travailleur autonome – Montréal

“ Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité/Adaptabilité/Professionnalisme/Courtoisie. Merci!“

Formation : cartographie web avec l’API JavaScript Leaflet

Montréal, Gatineau , Québec, Sherbrooke, Winnipeg, et Saguenay (Chicoutimi). Formation personnalisable en session privée. Cette formation se donne présentement en classe virtuelle (à distance).