MG2 Médias recherche un développeur Front-End ! 

Solidement établi depuis 2008, MG2 Media se spécialise dans la stratégie, le développement et le design de plateformes web personnalisées pour accompagner ses clients dans l’atteinte de leurs objectifs.
Le succès de MG2 Media réside dans sa prise en charge de projets clé en main, ainsi que dans son gestionnaire de contenu innovateur et unique, permettant à tous les clients une gestion flexible et simplifiée de leurs outils web.
Tâches et profil recherché :
– Temps plein
– 6 mois d’expériences dans le développement de site web
– Connaissance du XSLT, HTML, CSS, Javascript (avancé)
– Connaissance de React Native (Développement d’application mobile)
– Atout : Connaissance de Java (pour faciliter la compréhension du CMS)
– Atout : Connaissance de Angular.js
– Capacité à bien travailler en équipe
– Capacité à bien travailler tout seul
– Capacité à se conformer aux méthodes de QA
– Test de sélection obligatoire (test d’intégration d’une maquette sur place au bureau ou à distance)

Avantages du poste :
– Équipe de travail jeune et dynamique
– Table de baby-foot sur place
– Panier de fruits pour prendre soin de ta santé
– 5@7 et lunch & learn
– Possibilité d’évolution au sein de l’entreprise
– Offre de formations pour une compréhension complète des fonctions et possibilités de la plateforme web.
– Facilement accessible au Centre-Ville de Montréal (station McGill)
– Multiples activités de Team Building

Veuillez faire parvenir votre CV à l’adresse suivante : Sandrine.Sauve@agiliasolutions.com

MG2 Médias recherche un développeur Front-End !

Solidement établi depuis 2008, MG2 Media se spécialise dans la stratégie, le développement et le design de plateformes web personnalisées pour accompagner ses clients dans l’atteinte de leurs objectifs.
Le succès de MG2 Media réside dans sa prise en charge de projets clé en main, ainsi que dans son gestionnaire de contenu innovateur et unique, permettant à tous les clients une gestion flexible et simplifiée de leurs outils web.

Tâches et profil recherché :
– Temps plein
– 3 à 5 ans d’expériences dans le développement de site web
– Connaissance du XSLT, HTML, CSS, Javascript (avancé)
– Connaissance de React Native (Développement d’application mobile)
– Atout : Connaissance de Java (pour faciliter la compréhension du CMS)
– Atout : Connaissance de Angular.js
– Capacité à bien travailler en équipe
– Capacité à bien travailler tout seul
– Capacité à se conformer aux méthodes de QA
– Test de sélection obligatoire (test d’intégration d’une maquette sur place au bureau ou à distance)

Avantages du poste :
– Équipe de travail jeune et dynamique
– Table de baby-foot sur place
– Panier de fruits pour prendre soin de ta santé
– 5@7 et lunch & learn
– Possibilité d’évolution au sein de l’entreprise
– Offre de formations pour une compréhension complète des fonctions et possibilités de la plateforme web.
– Facilement accessible au Centre-Ville de Montréal (station McGill)
– Multiples activités de Team Building

Veuillez faire parvenir votre CV à l’adresse suivante : Sandrine.Sauve@agiliasolutions.com

Concepts fondamentaux

• Présentation de la formation Crystal Reports et objectifs pédagogiques
• Fonctionnalités et avantages de Crystal Reports
• Définition et structure d’un rapport
• Concepts de base des bases de données relationnelles
• Tables, relations, clés
• Sources de données compatibles avec Crystal Reports
• Connexion aux bases de données (SQL Server, Oracle, Access, Excel, etc.)

Installation et prise en mainn de Crystal Reports

• Installation et configuration de Crystal Reports
• Navigation dans l’interface utilisateur
• Présentation des menus et outils principaux
• Paramétrage des options générales

Création de rapports

• Structure d’un rapport
• Sélection des données avec l’Assistant
• Construction d’un rapport
• Avec l’Assistant
• Sans Assistant (manuel)
• Gestion des zones et sections du rapport

Manipulation des données

• Tri, sélection et regroupement des données
• Utilisation des filtres et des paramètres dynamiques
• Gestion des formules simples et avancées
• Syntaxe des formules
• Crystal Syntax et Basic Syntax
• Opérations et expressions conditionnelles

Mise en forme et personnalisation

• Formatage conditionnel des données
• Mise en forme sans condition
• Polices, couleurs, styles
• Gestion des champs, en-têtes et pieds de page
• Zones et sections : gestion et personnalisation
• Insertion de graphiques

Rapports avancés et tableaux croisés

• Construction d’un état tableau croisé
• Personnalisation et mise en forme des tableaux croisés
• Ajout d’agrégats, sous-totaux et formules dans les tableaux croisés
• Création de sous-rapports et gestion des liens
• Utilisation des paramètres pour interactivité

Programmation dans Crystal Reports

• Introduction au langage de formule dans Crystal Reports
• Utilisation des instructions conditionnelles :
• If et Else
• Select Case
• Utilisation des opérateurs logiques :
• AND : Vérifier plusieurs conditions simultanément
• OR : Autoriser plusieurs conditions alternatives
• Exemples pratiques avec formules conditionnelles

Exportation des rapports

• Différentes options d’exportation
• PDF, Excel, Word, CSV, HTML

Module 1 : Rappel sur l’Écriture de Requêtes SQL

• Écrire des requêtes SQL simples et complexes.
• Utilisation des clauses WHERE, GROUP BY, HAVING, et ORDER BY.
• Joins (INNER, LEFT, RIGHT, FULL) pour combiner des tables.
• Utilisation de sous-requêtes et de requêtes imbriquées.

Module 2 : Optimisation et Alternatives aux Procédures Stockées

• Qu’est-ce qu’une procédure stockée et ses cas d’utilisation ?
• Avantages et limites des procédures stockées.
• Techniques d’optimisation des procédures stockées : indexation, réduction des requêtes imbriquées, gestion des transactions.
• Alternatives : vues matérialisées, requêtes préparées, solutions côté application.

Module 3 : Meilleures Pratiques et Gestion des Données dans MySQL

• Structuration des tables, indexation efficace, et diagnostic des performances.
• Optimisation des requêtes : SELECT spécifique, pagination, et techniques de join.
• Gestion des textes : CONCAT(), SUBSTRING(), REPLACE(), nettoyage et formatage.
• Traitement des nombres : SUM(), AVG(), ROUND(), MOD(), calculs statistiques et financiers.

Module 4 : Fonctions Avancées de Comparaison et de Manipulation de Données

• Fonctions de comparaison de dates : NOW(), CURDATE(), DATEDIFF(), TIMESTAMPDIFF().
• Traitement combiné des textes et des nombres dans MySQL.
• Utilisation d’expressions régulières pour le nettoyage avancé de données.

Module 5 : Utilisation des Curseurs et Techniques de Bouclage

• Définition, syntaxe, et contexte d’utilisation des curseurs dans MySQL.
• Exemples pratiques : parcourir des enregistrements et appliquer des opérations répétitives.

Conclusion et Étude de Cas Finale

• Résumé des concepts clés.
• Étude de cas intégrée : mise en œuvre de l’optimisation, des fonctions avancées et des curseurs.

Introduction à la formation XML

Qu’est-ce que XML ?

Historique des langages structurés : SGML, HTML, XML et XHTML

Avantages et inconvénients de XML

Les outils: éditeurs XML, plugins navigateurs

Document XML

Structure d’un document XML

Contraintes du langage XML

Le contenu d’un document XML

Les espaces de noms

Validation W3C

Atelier pratique: Créer un document XML bien formé

Les espaces de noms

Description et utilisation des espaces de noms.

Combinaison de vocabulaires multiples.

Validation avec les DTD (Document Type Definition)

Structure et déclaration (interne, externe)

Syntaxe générale

Définition d’un élément

Définition d’un attribut

Définition d’une entité

Atelier pratique: Valider son document XML avec la DTD

Validation avec les schémas XML (XSD)

Utilité; des schémas XML

Atelier pratique: Création de schémas XML pour valider la structure et le contenu XML

Le langage Xpath

Fonctionnement

Requêtes XPath

Adressages absolu et relatif

Atelier pratique: Parcours des données à l’aide de XPath

Feuilles de style XSL et transformations XSLT

Les apports de XSL

Fonctionnement de XSL

XSLT vs CSS

Les principes de base de XSLT

Aller plus loin

DOM

Fonctionnement de DOM

Parsing

Introduction aux requêtes XQuery

Introduction à la formation webmestre

Introduction

Qu’est-ce qu’un site Internet?

Qu’elles sont les différentes catégories de site sur Internet ?

Les métiers du Web

Modèle Client/Server:  Les protocoles associés (HTTP ; SMTP ; FTP ; NNTP)

Sites statiques

Sites dynamiques

Outils de développement

Atelier pratique: Mise en évidence et installation des outils de développement

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Présentation des principales balises

Format des balises

Type des balises

Atelier pratique: Création d’un premier site web

Créer des formulaires

Principes de l’interaction avec l’utilisateur

Les champs de saisie, les boutons de sélection

Cases à cocher

Les listes de sélection

Boutons d’envoi

Atelier pratique: Création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages

Insérer et Définir un style

Principes des règles CSS

Associer un style à une balise HTML

Types de sélecteurs : balise, classe, ID, composé

Les couleurs et arrière plans

Organisation en boîtes : bordures et marges

Atelier pratique: mettre en forme notre site web

Web-marketing

Présentation des enjeux du référencement

Connaître les actions de base.

Choix des mots-clés

Soumission dans les moteurs et annuaires

E-mailing, affiliation.

Atelier pratique: référencer les pages de notre site web

Graphisme pour le web

Les différents formats d’images

Présentation du logiciel Gimp ou PhotoShop

Recadrage d’images

Gérer la taille et la résolution de l’image

Atelier pratique: Manipulations élémentaires des images : format, dimension, recadrage

Transférer son site sur un serveur distant

Qu’est-ce que le FTP ?

Installer FileZilla

Atelier pratique: mise en ligne de notre site

Choisir son nom de domaine et son hébergeur

Comment bien choisir son nom de domaine ?

Présentation d’hébergeurs

Comment bien choisir son hébergeur ?

Introduction à la programmation côté serveur

Notion de site dynamique (PHP)

Notions de base en PHP

Traitement des données d’un formulaire en PHP

L’envoi d’un formulaire par email

Atelier pratique: Envoi des données d’un formulaire par mail avec PHP

Découvrir les principes de base de l’ergonomie d’une page Web

La barre de navigation

Fil d’Ariane

Menu déroulant

Onglet

Utiliser JavaScript

Présentation de Javascript

Les base du langage

La gestion des évènements

Atelier pratique: vérification des champs de notre formulaire de contact

Interagir avec une base de données

Présentation de MySQL

Présentation de PhpMyAdmin

Introduction au langage SQL

Atelier pratique: Stocker les données de notre formulaire de contact dans une base de donnée.

Introduction à la formation HTML/CSS

Pourquoi HTML5 ?

Format des balises

Les normes HTML, CSS, XHTML, XML, HTML5

Le W3C et les validateurs

La logique d’encodage, ISO-8859-1, UTF-8,..

Les formulaires

Nouveaux types pour <input>

Nouveaux attributs

Nouveaux éléments <output>,

Les validations de formulaire en HTML5

Atelier pratique : Réaliser un formulaire HTML5

Apprendre les feuilles de style CSS

Fonctionnement et avantages

Insérer et Définir un style

Principes des règles CSS

Associer un style à une balise HTML

Types de sélecteurs : balise, classe, ID, composé

Les couleurs et arrière plans

Organisation en boîtes : bordures et marges

Atelier pratique:mettre en forme notre site web

Mise en forme

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

CSS3

Vue d’ensemble

Syntaxe, préfixes CSS3

Coins arrondis

Ombres portés

Text-Shadow

Box-shadow

Dégradé linéaire

font-face

Sélecteur d’attribut

Le positionnement en CSS3

relatif
absolu
flex
display table

Introduction à la formation HTML5 / CSS3 + cours JavaScript

Modèle Client/Server: Les protocoles associés

Sites (statiques,  dynamiques)

Environnement de développement

Atelier pratique:Mise en évidence et installation des outils de développement

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Type des balises

Format des balises

Atelier pratique: Création d’un premier site web

Mettre du contenu texte, Insérer des liens hypertextes

Les entités HTML

Balise de type bloc

Balise de type en ligne

Retour chariot

Les liens

Les ancres

les liens mailto

Liens relatifs

Liens absolus

Utiliser les images et les médias

Formats d’images pour le web

La balise img

Redimensionnement

Les sons, vidéos

Utiliser des listes

Les listes à puces

Les listes numérotées

Les liste de définitions

Atelier pratique:Créer un menu de navigation

Structurer un page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …

Créer un tableau html

En têtes de tableau

fusion des cellules d’un tableau

Atelier pratique:Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur

Les champs de saisie, les boutons de sélection

Cases à cocher

Les listes de sélection

Bouton d’envoi

Atelier pratique: création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages

Insérer et Définir un style

Principes des règles CSS

Associer un style à une balise HTML

Types de sélecteurs : balise, classe, ID, composé

Les couleurs et arrière plans

Organisation en boîtes : bordures et marges

Atelier pratique:mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Mise en page CSS, positionnement css

Marges intérieures et extérieures

Largeur et hauteur des blocs

Les blocs flottent

Différentes méthodes de positionnement css

Habillage CSS

Gérer l’arrière-plan

Utiliser les images de fond

Mise en pratique

Affichage des blocs et de leur contenu

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

E-marketing

Présentation des enjeux du référencement

Connaître les actions de base.

Choix des mots-clés

Soumission dans les moteurs et annuaires

E-mailing, newsletter et affiliation;

Atelier pratique: référencer les pages de notre site web

Apprendre le langage JavaScript

Déclaration et portée des variables.

Types de données (Number, Boolean, Date, Math, String, Array).

Gestion des chaînes de caractères

Manipulation des dates

Manipulation des tableaux

Opérateurs logiques et arithmétiques.

Boucles (for, while…).

Boîtes de dialogue prédéfinies

Fonctions de base prédéfinies en JavaScript

Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques.

Déboguer et tester JavaScript

Outils de débogage des navigateurs

Déboguer dans l’éditeur de texte

Gérer les Evénements

Les principaux événements JavaScript

ajouter un gestionnaire d’événement

associer un traitement à un événement

Atelier pratique:Changer dynamiquement les propriétés d’une image

Gestion de formulaires HTML

Manipulation de contenu de formulaire

Créer des contrôles de saisie en JavaScript

Fonctions de validation de formulaire.

Evénements liés aux éléments de formulaire : changement, initialisation, clic…

Atelier pratique: Contrôle des champs de formulaire avant soumission

Manipulation de la page (DOM2)

Arbre DOM

Méthodes de sélection d’éléments

Les Propriétés d’état

Les propriétés de relation

Modification du contenu HTML

Modification du style des éléments HTML

Atelier pratique:Mise en oeuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques.

Introduction à AJAX / L’API Fetch

Principe de fonctionnement
Programmation asynchrone
L’objet XMLHttpRequest
Créer une requête fetch()
Gérer les erreurs
Syntaxe async et await

Atelier pratique: Lire le contenu d’un fichier texte

Introduction à la formation Dreamweaver

Introduction

Qu’est-ce qu’un site Internet?

Qu’elles sont les différentes catégories de site sur Internet ?

Modèle Client/Server

Sites statiques

Sites dynamiques

Dreamweaver

Interface du logiciel

L’environnement de travail

Les menus et les palettes

Principes de fonctionnement

Initiation au langage html

Structure d’un document HTML5
Doctype
format des balises
type des balises

Atelier pratique : Création d’un premier site web

Bases de la création de site avec Dreamweaver

Créer une nouvelle page
Incorporer et baliser du texte dans une page
Créer un tableau
Créer des liens
Insérer des listes à puces
Insérer des listes numérotées
Insérer des liste de définitions

Atelier pratique : Créer un menu de navigation

Utiliser les images et les médias

Formats d’images pour le web
La balise img
Les sons, vidéos

Mise en page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableaux
fusion des cellules d’un tableau

Atelier pratique : Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection

Boutons d’envoi

Atelier pratique : création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges

Atelier pratique : mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique : mettre en forme du texte

Les feuilles de styles avec CS Designer

Découvrir CS Designer
Ajouter des styles dans la page
Ajouter des styles dans un document externe
Ajouter des selecteurs
Ajouter des propriétés

Habillage CSS

Gérer l’arrière-plan
Utiliser les images de fond

Affichage des blocks et de leur contenu

Transférer son site sur un serveur distant avec Dreamweaver

Qu’est-ce que le FTP ?
Démonstration avec FileZilla

Atelier pratique : mise en ligne de notre site

Introduction à la formation PHP

Appendre les bases de PHP

Pourquoi utiliser PHP ?
structure d’une page PHP

Insertion de code PHP dans un document html

les types de variables

Déclaration et utilisation de tableaux

les constantes

les opérateurs

les boucles et conditions

variables superglobales

récuperer les données d’un formulaire

envoyer un email

Atelier pratique: Revue des balises principales HTML et des commandes de style, mise en place d’une page modèle

Création de fonctions, utilisation de fonctions prédéfinies

Déclaration de fonctions

Les paramètres et l’instruction return

Création de bibliothèques de fonctions

Fonctions prédéfinies : exemples, organisation, documentation

Fonctions pour les dates, tableaux, chaînes de caractères

Fonctions include et require

Atelier pratique: Réalisation de fonctions personnalisées et utilisation de fonctions prédéfinies

Traiter les données d’un formulaire

création d’un formulaire

Récuperer les données du formulaire

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

Interagir avec l’utilisateur

Récupérer et utiliser des paramètres GET

utiliser les cookies pour stocker des informations

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

PhpMyAdmin

Présentation de phpMyAdmin

Créer une base avec phpMyAdmin

Créer des tables avec phpMyAdmin, voir les différents types de champs.

Modifier la structure d’une table

Atelier pratique: Création d’une base MySQL et création de tables

SQL

Selectionner des enregistrements (SELECT)

Insérer des enregistrements (INSERT INTO)

Modifier des enregistrements(UPDATE)

Supprimer des enregistrements(DELETE)

Opérateurs et critères.

Atelier pratique: Ecriture de requêtes SQL simples

Utiliser une base de données MySQL avec PHP

Présentation des SGBD

Types de données

Connection au serveur MySQL

Remplissage de la base à partir d’un formulaire.

Ajouter des données dans la base avec PHP

Modifier des données dans la base avec PHP

Supprimer des données dans la base avec PHP

Protéger les données à envoyer à MysQL

Atelier pratique: Enregistrement en base des données de notre formulaire de candidature

Cookies & sessions

Présentation des sessions

Avantages et inconvénients des Cookies et Sessions.

stocker et récupérer des variables de session

stocker et récupérer des variables de cookie

Atelier pratique: Réalisation d’un panier d’achat simple, création interface utilisateur

Manipuler les fichiers

Ouverture et écriture de fichier

SQL: Notions avancées

Tables et relations

Jointures: INNER, LEFT et RIGHT JOIN

Atelier pratique: Faire des requêtes SQL sur plusieurs tables

création d’un mini CMS

Les concepts du CMS

Les CMS existants

Introduction à la modélisation de données

Création de l’interface publique

Création de l’interface privée

Gestion des utilisateurs

Atelier pratique: Application de gestion d’une bibliothèque

XML

Présentation du format XML

Ecrire un document XML

introduction à XML

Atelier pratique: Création d’un flux RSS, création d’un sitemap pour notre bibliothèque

Pour faire suite à cette formation

Formation PHP : Sécurisez vos développements Web