SlideShare une entreprise Scribd logo

Meet up sqli lyon 09-2015 - Angular

Angular

1  sur  24
Télécharger pour lire hors ligne
Digital performance.
MEET-UP SQLI
ANGULAR
24/09/2015
+ Concepteur Multimédia chez SQLI depuis depuis 1
an grâce au premier Meet-up
+ Aime Drupal, Symfony, JavaScript, Node et
Angular
+ Twitter : @ivelfan
+ Github : @ivelfan
+ Drupal.org : @ivelfan
+ #sallysaitout
ANGULAR
FLAVIEN MOUTAWE
24/09/2015 2
+ « AngularJS est ce que le navigateur Web aurait
du être s'il avait été conçu pour des applications
Web . »
ANGULAR
MISKO HEVERY, CREATEUR D’ANGULAR
24/09/2015 3
QU’EST-CE QUE C’EST ?
+ Un célèbre framework JavaScript propulsé par Google depuis 2012
+ Facile à apprendre même sans grande connaissance en JavaScript
+ Rapide à mettre en place dans une architecture Client / Server
+ Pratique pour créer des applications Web, des sites Web dynamiques et des applications mobiles
hybrides
+ Utile pour séparer les couches techniques :
› Template
› Logique cliente
› Logique serveur
+ Permet de mieux organiser son code et de faire des tests !!
ANGULAR
24/09/2015 4
+ MVW
› MVC : Model View Controller
› MVVM : Model View View Model
+ Template et Data Binding ($scope)
+ Directives
+ Injection de dépendances
+ SPA (Single Page Application)
› Navigation coté client
› Indépendant du « back-end »
+ Interaction avec un « back-end » via des
requêtes Ajax ou des Web sockets
ANGULAR
SUPER HEROIC JAVASCRIPT FRAMEWORK
24/09/2015 5
ANGULAR
FACILE NON ?
24/09/2015 6
+ jQuery
+ Angular

Recommandé

Webinar SMILE : "Découvrez Alfresco 5.1, la solution pour une gestion documen...
Webinar SMILE : "Découvrez Alfresco 5.1, la solution pour une gestion documen...Webinar SMILE : "Découvrez Alfresco 5.1, la solution pour une gestion documen...
Webinar SMILE : "Découvrez Alfresco 5.1, la solution pour une gestion documen...Smile I.T is open
 
Seminaire Drupal 8 à Nantes
Seminaire Drupal 8 à NantesSeminaire Drupal 8 à Nantes
Seminaire Drupal 8 à NantesSmile I.T is open
 
Seminaire communication unifiee
Seminaire communication unifieeSeminaire communication unifiee
Seminaire communication unifieeSmile I.T is open
 

Contenu connexe

Tendances

Séminaire Smile - Réussir son application Métier
Séminaire Smile - Réussir son application MétierSéminaire Smile - Réussir son application Métier
Séminaire Smile - Réussir son application MétierSmile I.T is open
 
CMSday 2013 - Capter un public international
CMSday 2013 - Capter un public internationalCMSday 2013 - Capter un public international
CMSday 2013 - Capter un public internationalSmile I.T is open
 
Business line COLLABORATIVE, présentation
Business line COLLABORATIVE, présentationBusiness line COLLABORATIVE, présentation
Business line COLLABORATIVE, présentationSmile I.T is open
 
CMSday 2013 - OpenData, BigData
CMSday 2013 - OpenData, BigDataCMSday 2013 - OpenData, BigData
CMSday 2013 - OpenData, BigDataSmile I.T is open
 
Seminaire Smile sur Drupal 8 - Juin 2015
Seminaire Smile sur Drupal 8 - Juin 2015Seminaire Smile sur Drupal 8 - Juin 2015
Seminaire Smile sur Drupal 8 - Juin 2015Smile I.T is open
 
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...OCTO Technology
 
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & Akeneo
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & AkeneoSéminaire E-commerce "J'ai mal à mon catalogue" by Smile & Akeneo
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & AkeneoSmile I.T is open
 
Introduction à AngularJS dans un contexte Office365
Introduction à AngularJS dans un contexte Office365Introduction à AngularJS dans un contexte Office365
Introduction à AngularJS dans un contexte Office365Sébastien Levert
 
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...Smile I.T is open
 
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...Smile I.T is open
 

Tendances (14)

Séminaire Smile - Réussir son application Métier
Séminaire Smile - Réussir son application MétierSéminaire Smile - Réussir son application Métier
Séminaire Smile - Réussir son application Métier
 
CMSday 2013 - Capter un public international
CMSday 2013 - Capter un public internationalCMSday 2013 - Capter un public international
CMSday 2013 - Capter un public international
 
Seminaire drupal8 Lille
Seminaire drupal8 LilleSeminaire drupal8 Lille
Seminaire drupal8 Lille
 
Business line COLLABORATIVE, présentation
Business line COLLABORATIVE, présentationBusiness line COLLABORATIVE, présentation
Business line COLLABORATIVE, présentation
 
Webinar Smile et WSO2
Webinar Smile et WSO2Webinar Smile et WSO2
Webinar Smile et WSO2
 
Les quick wins de l'UX
Les quick wins de l'UXLes quick wins de l'UX
Les quick wins de l'UX
 
CMSday 2013 - OpenData, BigData
CMSday 2013 - OpenData, BigDataCMSday 2013 - OpenData, BigData
CMSday 2013 - OpenData, BigData
 
Seminaire Smile sur Drupal 8 - Juin 2015
Seminaire Smile sur Drupal 8 - Juin 2015Seminaire Smile sur Drupal 8 - Juin 2015
Seminaire Smile sur Drupal 8 - Juin 2015
 
Dam et e-business
Dam et e-businessDam et e-business
Dam et e-business
 
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...
La Duck Conf - "Du monolithe à une architecture orientée service : Cher monol...
 
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & Akeneo
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & AkeneoSéminaire E-commerce "J'ai mal à mon catalogue" by Smile & Akeneo
Séminaire E-commerce "J'ai mal à mon catalogue" by Smile & Akeneo
 
Introduction à AngularJS dans un contexte Office365
Introduction à AngularJS dans un contexte Office365Introduction à AngularJS dans un contexte Office365
Introduction à AngularJS dans un contexte Office365
 
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...
CMSday 2103 - Les CMS open source qui ont fait le choix des applications mobi...
 
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...
Webinar Smile et WSO2 ESB, vers une architecture orientée service, ouverte et...
 

Similaire à Meet up sqli lyon 09-2015 - Angular

05/10/17 Matinale Qlik Sense
05/10/17 Matinale Qlik Sense05/10/17 Matinale Qlik Sense
05/10/17 Matinale Qlik SenseSoft Computing
 
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...Microsoft Décideurs IT
 
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...Microsoft Technet France
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalLINAGORA
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?ekino
 
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Microsoft Ideas
 
Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Charbel Abdo
 
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience Global Azure Bootcamp 2016 - Lyon : DevOps Datascience
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience FactoVia
 
Pourquoi se priver du Cloud Public ?
Pourquoi se priver du Cloud Public ?Pourquoi se priver du Cloud Public ?
Pourquoi se priver du Cloud Public ?Devoteam Revolve
 
Usine à Sites : CCI Alsace - Actency Drupagora 2015
Usine à Sites : CCI Alsace - Actency Drupagora 2015Usine à Sites : CCI Alsace - Actency Drupagora 2015
Usine à Sites : CCI Alsace - Actency Drupagora 2015Actency
 
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI AlsaceIndustrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI AlsaceActency
 
Proxym France : Your Digital Factory
Proxym France : Your Digital FactoryProxym France : Your Digital Factory
Proxym France : Your Digital FactoryLaurent Patoux
 
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelPassez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelSollan France
 
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...Devoteam
 
IoT et architecture cloud haute performance
IoT et architecture cloud haute performanceIoT et architecture cloud haute performance
IoT et architecture cloud haute performanceMicrosoft
 
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelPassez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelSollan France
 

Similaire à Meet up sqli lyon 09-2015 - Angular (20)

AngularJS
AngularJSAngularJS
AngularJS
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
05/10/17 Matinale Qlik Sense
05/10/17 Matinale Qlik Sense05/10/17 Matinale Qlik Sense
05/10/17 Matinale Qlik Sense
 
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
 
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI ...
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec Drupal
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
 
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
 
Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013
 
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience Global Azure Bootcamp 2016 - Lyon : DevOps Datascience
Global Azure Bootcamp 2016 - Lyon : DevOps Datascience
 
Pourquoi se priver du Cloud Public ?
Pourquoi se priver du Cloud Public ?Pourquoi se priver du Cloud Public ?
Pourquoi se priver du Cloud Public ?
 
CV REBAI Hamida
CV REBAI HamidaCV REBAI Hamida
CV REBAI Hamida
 
Usine à Sites : CCI Alsace - Actency Drupagora 2015
Usine à Sites : CCI Alsace - Actency Drupagora 2015Usine à Sites : CCI Alsace - Actency Drupagora 2015
Usine à Sites : CCI Alsace - Actency Drupagora 2015
 
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI AlsaceIndustrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
 
Azure Serverless C2S
Azure Serverless C2SAzure Serverless C2S
Azure Serverless C2S
 
Proxym France : Your Digital Factory
Proxym France : Your Digital FactoryProxym France : Your Digital Factory
Proxym France : Your Digital Factory
 
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelPassez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
 
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
 
IoT et architecture cloud haute performance
IoT et architecture cloud haute performanceIoT et architecture cloud haute performance
IoT et architecture cloud haute performance
 
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réelPassez à la dématérialisation 3.0 avec la capture mobile en temps réel
Passez à la dématérialisation 3.0 avec la capture mobile en temps réel
 

Plus de SQLI DIGITAL EXPERIENCE

IMPLEMENTATION OF SCALED AGILE AND DEVOPS
IMPLEMENTATION OF SCALED AGILE AND DEVOPSIMPLEMENTATION OF SCALED AGILE AND DEVOPS
IMPLEMENTATION OF SCALED AGILE AND DEVOPSSQLI DIGITAL EXPERIENCE
 
Blockchain to Employee : la confiance numérique au service des usages d'entre...
Blockchain to Employee : la confiance numérique au service des usages d'entre...Blockchain to Employee : la confiance numérique au service des usages d'entre...
Blockchain to Employee : la confiance numérique au service des usages d'entre...SQLI DIGITAL EXPERIENCE
 
E-Commerce - Fluidifiez et sécurisez votre parcours client
E-Commerce - Fluidifiez et sécurisez votre parcours clientE-Commerce - Fluidifiez et sécurisez votre parcours client
E-Commerce - Fluidifiez et sécurisez votre parcours clientSQLI DIGITAL EXPERIENCE
 
#CREATIVESTUDIO, Gamestorm your workshop!
#CREATIVESTUDIO, Gamestorm your workshop!#CREATIVESTUDIO, Gamestorm your workshop!
#CREATIVESTUDIO, Gamestorm your workshop!SQLI DIGITAL EXPERIENCE
 
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATA
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATAAIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATA
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATASQLI DIGITAL EXPERIENCE
 
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONE
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONESUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONE
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONESQLI DIGITAL EXPERIENCE
 
Choisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileChoisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileSQLI DIGITAL EXPERIENCE
 
SharePoint 2013 - Le point sur les nouveautés
SharePoint 2013 - Le point sur les nouveautésSharePoint 2013 - Le point sur les nouveautés
SharePoint 2013 - Le point sur les nouveautésSQLI DIGITAL EXPERIENCE
 
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCECOMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCESQLI DIGITAL EXPERIENCE
 

Plus de SQLI DIGITAL EXPERIENCE (20)

IMPLEMENTATION OF SCALED AGILE AND DEVOPS
IMPLEMENTATION OF SCALED AGILE AND DEVOPSIMPLEMENTATION OF SCALED AGILE AND DEVOPS
IMPLEMENTATION OF SCALED AGILE AND DEVOPS
 
Comment construire un chatbot interne ?
Comment construire un chatbot interne ?Comment construire un chatbot interne ?
Comment construire un chatbot interne ?
 
Blockchain to Employee : la confiance numérique au service des usages d'entre...
Blockchain to Employee : la confiance numérique au service des usages d'entre...Blockchain to Employee : la confiance numérique au service des usages d'entre...
Blockchain to Employee : la confiance numérique au service des usages d'entre...
 
E-Commerce - Fluidifiez et sécurisez votre parcours client
E-Commerce - Fluidifiez et sécurisez votre parcours clientE-Commerce - Fluidifiez et sécurisez votre parcours client
E-Commerce - Fluidifiez et sécurisez votre parcours client
 
Ubérisez-vous ! SQLI Consulting
Ubérisez-vous ! SQLI ConsultingUbérisez-vous ! SQLI Consulting
Ubérisez-vous ! SQLI Consulting
 
SQLI GROUP - presentation
SQLI GROUP - presentationSQLI GROUP - presentation
SQLI GROUP - presentation
 
Meet-Up SQLI Lyon 09-2015 - Varnish
Meet-Up SQLI Lyon 09-2015 - VarnishMeet-Up SQLI Lyon 09-2015 - Varnish
Meet-Up SQLI Lyon 09-2015 - Varnish
 
Chef de Projet Java
Chef de Projet JavaChef de Projet Java
Chef de Projet Java
 
Brechtniversary infography
Brechtniversary infographyBrechtniversary infography
Brechtniversary infography
 
#CREATIVESTUDIO, Gamestorm your workshop!
#CREATIVESTUDIO, Gamestorm your workshop!#CREATIVESTUDIO, Gamestorm your workshop!
#CREATIVESTUDIO, Gamestorm your workshop!
 
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATA
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATAAIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATA
AIRBUS DOTE SES EQUIPES COMMERCIALES D’UNE SOLUTION BIG DATA
 
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONE
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONESUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONE
SUCCESS STORY CHARENTES ALLIANCE : UN DEVELOPPEMENT DURABLE AVEC AGRIONE
 
Choisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileChoisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobile
 
Isefac sqli e-merchandising_2013
Isefac sqli e-merchandising_2013Isefac sqli e-merchandising_2013
Isefac sqli e-merchandising_2013
 
SQLI //MOBILITY SPECIAL EDITION
SQLI //MOBILITY SPECIAL EDITIONSQLI //MOBILITY SPECIAL EDITION
SQLI //MOBILITY SPECIAL EDITION
 
SharePoint 2013 - Le point sur les nouveautés
SharePoint 2013 - Le point sur les nouveautésSharePoint 2013 - Le point sur les nouveautés
SharePoint 2013 - Le point sur les nouveautés
 
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCECOMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
 
COMMENT BATIR SA STRATEGIE E-COMMERCE
COMMENT BATIR SA STRATEGIE E-COMMERCECOMMENT BATIR SA STRATEGIE E-COMMERCE
COMMENT BATIR SA STRATEGIE E-COMMERCE
 
MENER UN PROJET E-COMMERCE
MENER UN PROJET E-COMMERCEMENER UN PROJET E-COMMERCE
MENER UN PROJET E-COMMERCE
 
SQLI MAG // SPECIAL MOBILITE
SQLI MAG // SPECIAL MOBILITESQLI MAG // SPECIAL MOBILITE
SQLI MAG // SPECIAL MOBILITE
 

Meet up sqli lyon 09-2015 - Angular

  • 2. + Concepteur Multimédia chez SQLI depuis depuis 1 an grâce au premier Meet-up + Aime Drupal, Symfony, JavaScript, Node et Angular + Twitter : @ivelfan + Github : @ivelfan + Drupal.org : @ivelfan + #sallysaitout ANGULAR FLAVIEN MOUTAWE 24/09/2015 2
  • 3. + « AngularJS est ce que le navigateur Web aurait du être s'il avait été conçu pour des applications Web . » ANGULAR MISKO HEVERY, CREATEUR D’ANGULAR 24/09/2015 3
  • 4. QU’EST-CE QUE C’EST ? + Un célèbre framework JavaScript propulsé par Google depuis 2012 + Facile à apprendre même sans grande connaissance en JavaScript + Rapide à mettre en place dans une architecture Client / Server + Pratique pour créer des applications Web, des sites Web dynamiques et des applications mobiles hybrides + Utile pour séparer les couches techniques : › Template › Logique cliente › Logique serveur + Permet de mieux organiser son code et de faire des tests !! ANGULAR 24/09/2015 4
  • 5. + MVW › MVC : Model View Controller › MVVM : Model View View Model + Template et Data Binding ($scope) + Directives + Injection de dépendances + SPA (Single Page Application) › Navigation coté client › Indépendant du « back-end » + Interaction avec un « back-end » via des requêtes Ajax ou des Web sockets ANGULAR SUPER HEROIC JAVASCRIPT FRAMEWORK 24/09/2015 5
  • 6. ANGULAR FACILE NON ? 24/09/2015 6 + jQuery + Angular
  • 7. + Le conteneur principal : le Module + Contrôleur : Fonction JavaScript + Modèle : Objet standard JavaScript + Scope › Objet JavaScript permettant la liaison entre la vue et le contrôleur › Partage des propriétés du scope avec les scopes enfant + Vue : HTML, Directives et « Expression » Angular ANGULAR MVC 24/09/2015 7 Module Contrôleur Scope Modèle Vue
  • 9. + Le partage des variables du scope parent vers le scope enfant est à sens unique. + Lorsque le modèle dans le scope enfant subit une modification, le modèle du scope parent n’est pas impacté (à moins d’utiliser la propriété $parent). ANGULAR DANGER DU SCOPE 24/09/2015 9
  • 10. ANGULAR TEMPLATE & DATA BINDING 24/09/2015 10 + Template › Aucune manipulation explicite de DOM › Transformation du DOM par la mécanique Angular › Extension de HTML via les directives + Data Binding Bidirectionnel › Littéralement « Donnée liée » › Liaison entre la vue et le « scope » du Contrôleur › La vue et le contrôleur sont synchronisés
  • 11. + La mécanique d’Angular consiste à vérifier la valeur de chaque modèle du scope et de la comparer avec la valeur existante. Si elle est différente, il enclenche la modification du template. ANGULAR PROBLEME DU DATA BINDING 24/09/2015 11 + La communauté Angular recommande une utilisation maximum de 2000 ng- model dans une application !
  • 12. + Partitionner son code et les templates + Créer des composants réutilisables + Restriction : › E pour « Element » › A pour « Attribut » » Ng-app » Ng-model » Ng-repeat » …. › M pour « Comment » ANGULAR DIRECTIVES 24/09/2015 12
  • 13. + Singleton qui fournit des tâches spécifiques à l'application (ex: $scope, $http) + Créer des services réutilisables à travers le module › Code réutilisable et modulaire › Maintenabilité du code › Tests localisés ANGULAR INJECTION DE DÉPENDANCES 24/09/2015 13
  • 14. + Autrement appelé « Application web monopage » est une application web accessible via une page web unique qui permet de réduire le temps de chargement et améliorer l’expérience utilisateur (UX). + Angular nécessite une librairie supplémentaire afin de profiter de la navigation : ui-route ou angular-route + La navigation ne nécessite pas de rechargement de page. L’intégralité des routes est gérée et renseignée dans la configuration du module. ANGULAR SINGLE PAGE APPLICATION / NAVIGATION 24/09/2015 14
  • 15. ANGULAR 2 BUILD INCREDIBLE APPLICATIONS 24/09/2015 15
  • 16. + L’arrivée d’EcmaScript 6 + L’arrivée d’ATScript : Hérité de TypeScript, un preprocesseur JavaScript + Une meilleure expérience développeur + Performances accrues › Des rendus de 3 à 5 fois plus rapides › Précompilation des templates et réutilisation › Vues mise en cache › Meilleur gestion de la mémoire ANGULAR 2 DES AMÉLIORATIONS NOTABLES 24/09/2015 16
  • 17. + Component › Controller + View › Element on the screen + Directive Decorator › Ajout de comportement au HTML (ex : ng-show) + Template Syntax › HTML as template (ex: ng-if, ng-repeat) ANGULAR 2 LA FIN DU CONCEPT « DIRECTIVE DEFINITION OBJECT » 24/09/2015 17
  • 18. + Liaison des propriétés ANGULAR 2 TEMPLATE SYNTAX 24/09/2015 18 + Liaison des évènements
  • 22. NOUS RESPIRONS, PARLONS & VIVONS L’INNOVATION 24/7 LIKEZ & SUIVEZ-NOUS ! CONTACT SQLI Enterprise France 268 Avenue du Président Wilson 93210 Saint-Denis La Plaine Tel : +33 1 55 93 26 26 SQLI Enterprise Suisse Chemin de la Rueyre 116 - 1020 Renens, VD Tel : +41 (0)21 637 72 30 SQLI Enterprise Belgium Kortrijksesteenweg 90 - 9830 Sint-Martens-Latem Tel : +32 (0)9 329 83 80 24/09/2015 22
  • 23. A propos de SQLI Enterprise : L’ESN du groupe SQLI est le partenaire de référence de la transformation digitale des entreprises : coopération métiers/IT, architectures du futur, expertises de pointe sur les technologies innovantes sont mises au service des usages collaboratifs et de la digitalisation des processus et services. SQLI Enterprise œuvre pour la création d’une véritable force de frappe digitale : mise en place d’usines d’industrialisation digitale de taille significative alliant qualité, innovation et flexibilité, conception de socles cross-canal évolutifs, conseil et solutions sur le big data, les technologies mobiles et les objets connectés. Notre cabinet de conseil Alcyonix vous aide a résoudre une équation complexe : manager et optimiser la digitalisation ! Ses activités s’articulent autour du management de l’organisation (Amélioration de processus, gouvernance, méthodes Lean et Agile, innovation, conduite et changement et formations) et du système d’information (Alignement SI et métiers, assurance qualité, gouvernance et budgets IT, portfolio management et conseil IT). Ses 1200 passionnés sont répartis en France (Paris, Lyon, Toulouse, Bordeaux, Rouen, Nantes, Lille), en Suisse (Lausanne et Genève), en Belgique (Bruxelles), au Luxembourg, aux Pays-Bas et au Maroc (Rabat et Oujda). + Immeuble le Pressensé 268 Avenue du Président Wilson 93210 La Plaine Saint-Denis Tél: 01 55 93 26 00 / Fax: 01 55 93 26 01 + www.sqli.com + Propriété intellectuelle Le présent document, propriété exclusive de SQLI, est protégé par les lois françaises et internationales de la propriété intellectuelle. Toute reproduction ou représentationintégrale ou partielle de ce document par quelque procédé et sur quelque support que ce soit est strictementinterdite,sauf autorisation préalable, expresse et écrite de SQLI. A défaut d'autorisation, toute utilisation est constitutive du délit de contrefaçon. Tout contrevenants'expose ainsi à des poursuites judiciaires civiles et/ou pénales. Seules sont tolérées, sans autorisation préalable, d'une part, les reproductions strictement réservéesà l'usage privé du copiste et non destinéesà une utilisation collective, et d'autre part, les courtes citations justifiées par le caractère scientifique ou d'information de l’œuvre dans laquelle elles sont incorporées (articles L.122-4, L.122-5 et L.335-2 du Code de la propriété intellectuelle). GROUPE SQLI 24/09/2015 23
  • 24. Digital that works LIKEZ & SUIVEZ-NOUS ! WWW.SQLI-ENTERPRISE.COM