SlideShare a Scribd company logo
1 of 19
Build apps that are a delight to use, faster than you ever
thought possible
Introduction à Meteor
• Qu’est-ce que Meteor ?
• Pourquoi développer avec Meteor ?
• Démo
• Quels sont les utilisateurs de Meteor ?
• Qui soutient Meteor ?
Qu’est-ce que Meteor ?
Une plateforme open source complète
dédiée à la création d’application web et
mobile en JavaScript
• 100% en JavaScript
• Frontend et backend
• Une seule base de code, toutes les plateformes
• Cible iOS, Android et Web
• Cible native via Electron
• Ouvert et extensible
• Basé sur des packages
• Développement rapide et amusant
Les composants de Meteor
• Outil en ligne de commande
• Créer, modifier et déployer des applications
• View Layer
• Blaze par défaut
• Angular ou React disponibles
• Livequery
• Base de données en temps réel
• Système de package complet
• Système de build
• Client et navigateur
• Cordova/Phonegap
Pourquoi développer avec
Meteor ?
Enjeux liés aux fonctionnalités d’une
application
Hier
• Navigateur
• Rafraîchissement (F5)
• Session individuelles
• Liens et formulaires
Aujourd’hui
• Mobile
• Mise à jour en temps réel
• Collaboration multi-
utilisateurs
• Interfaces natives
Résultat complexe
• Templates HTML et logique applicative
• Système de mise à jour réactive de l’UI
• Conteneur natif pour le mobile
• Mises à jour spéculatives côté client
• Base de données côté client
• Protocol maison de synchronisation de données
• Monitoring en temps réel de la base de données
• Système de build et de déploiement
Démo
Yeah!
Résumons: Meteor, l’outil
• De l’installation au déploiement en quelques minutes
• Avec un hébergement gratuit
• Hot code push
• Support multiplateforme
• Système de packages complet
Résumons: Meteor, la plateforme
• Interface réactive
• Synchronisation de la base de données
• API intuitive et isomorphique
• Squelette de code minimal
Résultat complexe
• Templates HTML et logique applicative
• Système de mise à jour réactive de l’UI
• Conteneur natif pour le mobile
• Mises à jour spéculatives côté client
• Base de données côté client
• Protocol maison de synchronisation de données
• Monitoring en temps réel de la base de données
• Système de build et de déploiement
Résultat complexe
Quels sont les utilisateurs
de Meteor ?
Quels sont les utilisateurs de Meteor ?
• Les startups
• Prototypage rapide
• Les entreprises ayant pignon sur rue
• NodeJS dans les coulisses
• Facile à maintenir et à héberger
• La communauté Meteor
• Plus de 200 groupes Meetup
• Plus de 6000 packages créés par la communauté
• Classé dans le top 10 sur GitHub
• Plus de 18000 questions tagguées sur Stack Overflow
Qui soutient Meteor ?
Le Meteor Development Group
• Via des investisseurs
• Meteor ne disparaîtra pas de si tôt
• Développé activement par des employés à temps plein
• Produit avec revenus: Galaxy
• Haute disponibilité pour de l’hébergement d’applications Meteor
lourdes
• La plateforme Meteor est sous licence MIT
• Hébergez votre application où vous le souhaiter
• Le code reste votre propriété
Liens
• Installer Meteor (EN)
• Le guide officiel (EN)
• French Meteor Meetup (FR)
• The Meteor cafe (EN, prochainement en FR)
• La démo se trouve sur GitHub
• Application de vote: Pollinic
• Application de chat avancée: Shouting Star
Questions ?

More Related Content

What's hot

INRIA continuous integration plaftorm
INRIA continuous integration plaftormINRIA continuous integration plaftorm
INRIA continuous integration plaftorm
buildacloud
 
Node.js dans Windows Azure mobile services et web sites
Node.js dans Windows Azure mobile services et web sitesNode.js dans Windows Azure mobile services et web sites
Node.js dans Windows Azure mobile services et web sites
Microsoft
 

What's hot (16)

Microservices avec Spring Cloud
Microservices avec Spring CloudMicroservices avec Spring Cloud
Microservices avec Spring Cloud
 
Introduction to Rust in Production - Servo Mozilla project (Talk)
Introduction to Rust in Production - Servo Mozilla project (Talk)Introduction to Rust in Production - Servo Mozilla project (Talk)
Introduction to Rust in Production - Servo Mozilla project (Talk)
 
Concevoir ses premiers objets connectés avec azure
Concevoir ses premiers objets connectés avec azureConcevoir ses premiers objets connectés avec azure
Concevoir ses premiers objets connectés avec azure
 
INRIA continuous integration plaftorm
INRIA continuous integration plaftormINRIA continuous integration plaftorm
INRIA continuous integration plaftorm
 
Présentation SoLocal
Présentation SoLocalPrésentation SoLocal
Présentation SoLocal
 
Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4
 
20140227 - injection de dépendances - mug lyon
20140227 - injection de dépendances - mug lyon20140227 - injection de dépendances - mug lyon
20140227 - injection de dépendances - mug lyon
 
Node.js dans Windows Azure mobile services et web sites
Node.js dans Windows Azure mobile services et web sitesNode.js dans Windows Azure mobile services et web sites
Node.js dans Windows Azure mobile services et web sites
 
Workshop consultant Lync par Neitiv - 17/12/2013
Workshop consultant Lync par Neitiv - 17/12/2013Workshop consultant Lync par Neitiv - 17/12/2013
Workshop consultant Lync par Neitiv - 17/12/2013
 
7 Session Aerow - New experience and SharePoint Framework
7   Session Aerow - New experience and SharePoint Framework7   Session Aerow - New experience and SharePoint Framework
7 Session Aerow - New experience and SharePoint Framework
 
Azure Day - Serverless avec les Azure functions
Azure Day - Serverless avec les Azure functionsAzure Day - Serverless avec les Azure functions
Azure Day - Serverless avec les Azure functions
 
01 - [ASP.NET Core] Plénière
01 - [ASP.NET Core] Plénière 01 - [ASP.NET Core] Plénière
01 - [ASP.NET Core] Plénière
 
Afterworks MS Noumea - Développer des applications pour le Cloud avec le Clou...
Afterworks MS Noumea - Développer des applications pour le Cloud avec le Clou...Afterworks MS Noumea - Développer des applications pour le Cloud avec le Clou...
Afterworks MS Noumea - Développer des applications pour le Cloud avec le Clou...
 
vNext
vNextvNext
vNext
 
JavaScript dans l'usine logicielle
JavaScript dans l'usine logicielleJavaScript dans l'usine logicielle
JavaScript dans l'usine logicielle
 
aOS Nouméa 2020 - 28/02/2020 - Le Serverless avec Azure Function
aOS Nouméa 2020 - 28/02/2020 - Le Serverless avec Azure FunctionaOS Nouméa 2020 - 28/02/2020 - Le Serverless avec Azure Function
aOS Nouméa 2020 - 28/02/2020 - Le Serverless avec Azure Function
 

Viewers also liked

Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
Eric Mettout
 

Viewers also liked (16)

Social Sitters Final Pitch
Social Sitters Final PitchSocial Sitters Final Pitch
Social Sitters Final Pitch
 
Owin & katana
Owin & katanaOwin & katana
Owin & katana
 
Meteor Showers
Meteor ShowersMeteor Showers
Meteor Showers
 
Lessons Learned About MeteorJS
Lessons Learned About MeteorJSLessons Learned About MeteorJS
Lessons Learned About MeteorJS
 
Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
Blogs, réseaux sociaux, commentaires... la communauté, pourquoi faire?
 
Dod
DodDod
Dod
 
Angular meteor presentation
Angular meteor presentationAngular meteor presentation
Angular meteor presentation
 
Meteor
MeteorMeteor
Meteor
 
Meteorjs - Futuristic web framework
Meteorjs - Futuristic web frameworkMeteorjs - Futuristic web framework
Meteorjs - Futuristic web framework
 
Meteor presentation
Meteor presentationMeteor presentation
Meteor presentation
 
CQRS
CQRSCQRS
CQRS
 
Federal endorsement and interaction with regional officials in the process of...
Federal endorsement and interaction with regional officials in the process of...Federal endorsement and interaction with regional officials in the process of...
Federal endorsement and interaction with regional officials in the process of...
 
Introduction au BDD (Behavior Driven Development)
Introduction au BDD (Behavior Driven Development)Introduction au BDD (Behavior Driven Development)
Introduction au BDD (Behavior Driven Development)
 
TypeScript
TypeScriptTypeScript
TypeScript
 
Meteor intro-2015
Meteor intro-2015Meteor intro-2015
Meteor intro-2015
 
Meteor presentation
Meteor presentationMeteor presentation
Meteor presentation
 

Similar to Introduction à meteor

Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1
Cellenza
 

Similar to Introduction à meteor (20)

[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
 
Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2
 
De l'Open Source à l'Open API (in French)
De l'Open Source à l'Open API (in French)De l'Open Source à l'Open API (in French)
De l'Open Source à l'Open API (in French)
 
Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1
 
Introduction à Node.js
Introduction à Node.js Introduction à Node.js
Introduction à Node.js
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Développer une Single Page Application HTML 5 pour tous les devices
Développer une Single Page Application HTML 5 pour tous les devices Développer une Single Page Application HTML 5 pour tous les devices
Développer une Single Page Application HTML 5 pour tous les devices
 
Aspectize meetup
Aspectize meetupAspectize meetup
Aspectize meetup
 
Architecturez vos applications mobiles avec Azure et Xamarin
Architecturez vos applications mobiles avec Azure et XamarinArchitecturez vos applications mobiles avec Azure et Xamarin
Architecturez vos applications mobiles avec Azure et Xamarin
 
Tech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobilesTech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobiles
 
DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014
 
Au cœur du Framework .NET 4.5.1
Au cœur du Framework .NET 4.5.1Au cœur du Framework .NET 4.5.1
Au cœur du Framework .NET 4.5.1
 
Migration de technologie J2EE vers PHP à M6Web
Migration de technologie J2EE vers PHP à M6WebMigration de technologie J2EE vers PHP à M6Web
Migration de technologie J2EE vers PHP à M6Web
 
Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybrides
 
Tk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrTk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 Fr
 
Présentation sharepoint 2013
Présentation sharepoint 2013Présentation sharepoint 2013
Présentation sharepoint 2013
 
Node.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptNode.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascript
 
Conférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG MontpellierConférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG Montpellier
 
Apple - WWDC 2018
Apple - WWDC 2018Apple - WWDC 2018
Apple - WWDC 2018
 
De l'open source à l'open API avec Restlet
De l'open source à l'open API avec RestletDe l'open source à l'open API avec Restlet
De l'open source à l'open API avec Restlet
 

Introduction à meteor

  • 1. Build apps that are a delight to use, faster than you ever thought possible
  • 2. Introduction à Meteor • Qu’est-ce que Meteor ? • Pourquoi développer avec Meteor ? • Démo • Quels sont les utilisateurs de Meteor ? • Qui soutient Meteor ?
  • 4. Une plateforme open source complète dédiée à la création d’application web et mobile en JavaScript • 100% en JavaScript • Frontend et backend • Une seule base de code, toutes les plateformes • Cible iOS, Android et Web • Cible native via Electron • Ouvert et extensible • Basé sur des packages • Développement rapide et amusant
  • 5. Les composants de Meteor • Outil en ligne de commande • Créer, modifier et déployer des applications • View Layer • Blaze par défaut • Angular ou React disponibles • Livequery • Base de données en temps réel • Système de package complet • Système de build • Client et navigateur • Cordova/Phonegap
  • 7. Enjeux liés aux fonctionnalités d’une application Hier • Navigateur • Rafraîchissement (F5) • Session individuelles • Liens et formulaires Aujourd’hui • Mobile • Mise à jour en temps réel • Collaboration multi- utilisateurs • Interfaces natives
  • 8. Résultat complexe • Templates HTML et logique applicative • Système de mise à jour réactive de l’UI • Conteneur natif pour le mobile • Mises à jour spéculatives côté client • Base de données côté client • Protocol maison de synchronisation de données • Monitoring en temps réel de la base de données • Système de build et de déploiement
  • 10. Résumons: Meteor, l’outil • De l’installation au déploiement en quelques minutes • Avec un hébergement gratuit • Hot code push • Support multiplateforme • Système de packages complet
  • 11. Résumons: Meteor, la plateforme • Interface réactive • Synchronisation de la base de données • API intuitive et isomorphique • Squelette de code minimal
  • 12. Résultat complexe • Templates HTML et logique applicative • Système de mise à jour réactive de l’UI • Conteneur natif pour le mobile • Mises à jour spéculatives côté client • Base de données côté client • Protocol maison de synchronisation de données • Monitoring en temps réel de la base de données • Système de build et de déploiement
  • 14. Quels sont les utilisateurs de Meteor ?
  • 15. Quels sont les utilisateurs de Meteor ? • Les startups • Prototypage rapide • Les entreprises ayant pignon sur rue • NodeJS dans les coulisses • Facile à maintenir et à héberger • La communauté Meteor • Plus de 200 groupes Meetup • Plus de 6000 packages créés par la communauté • Classé dans le top 10 sur GitHub • Plus de 18000 questions tagguées sur Stack Overflow
  • 17. Le Meteor Development Group • Via des investisseurs • Meteor ne disparaîtra pas de si tôt • Développé activement par des employés à temps plein • Produit avec revenus: Galaxy • Haute disponibilité pour de l’hébergement d’applications Meteor lourdes • La plateforme Meteor est sous licence MIT • Hébergez votre application où vous le souhaiter • Le code reste votre propriété
  • 18. Liens • Installer Meteor (EN) • Le guide officiel (EN) • French Meteor Meetup (FR) • The Meteor cafe (EN, prochainement en FR) • La démo se trouve sur GitHub • Application de vote: Pollinic • Application de chat avancée: Shouting Star

Editor's Notes

  1. Développer des applications avancées rapidement avec de petites équipes.
  2. Démontrer le streaming de Twitter.
  3. Créer une application Démontrer hot code push (supprimer le commentaire autour du titre) Expliquer la différence entre le code client et serveur Expliquer que la collection est utilisée des deux côtés (minimongo) Expliquer la publication de données Démontrer que la méthode sendMessage est utilisée des deux côtés Expliquer les helpers et que le tri des messages côté client et serveur est différent Démontrer la réactivité en ajoutant un message depuis l’UI, un autre navigateur, la console et directement dans la DB Expliquer l’event handler Ajouter les packages liés au compte Créer un compte sur deux sessions et démontrer l’envoi de messages Démontrer le déploiement sur les serveurs Meteor