Découvrir Ember.js

Découvrir les frameworks JavaScript et Ember.js

Testez gratuitement nos 1266 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à faire la différence entre des sites web classiques et des sites basés sur des frameworks JavaScript comme Ember.js.
04:59

Transcription

Avant de plonger directement dans le monde d'Ember, j'aimerais essayer de voir avec vous quelle est la différence entre les sites normaux, et les applications web. Un site normal est développé en HTML, avec du JavaScript, du CSS éventuellement, et chaque page de ce site est entièrement indépendante. C'est à dire que vous allez concevoir une page, vous allez pouvoir faire un côté dynamique avec le JavaScript éventuellement, et lorsque vous cliquerez sur un lien pour aller sur une autre page, le navigateur va oublier complètement la page précédente et passer sur une nouvelle page web qu'il va redemander au serveur. Entre le temps où il efface la précédente, et où il prend la nouvelle page, où elle se charge complètement et elle peut s'afficher, il peut s'écouler un certain temps. Entre temps, l'utilisateur voit une page blanche, le temps que le navigateur ait le nouveau contenu affiché. Il y a aussi bien-sûr, l'indicateur de téléchargement. Donc c'est une suite de pages les unes après les autres. Alors que dans une application web, on a un premier chargement initial de l'application finalement, et lorsque vous allez cliquer sur des liens, c'est la première page que vous avez chargée qui va s'occuper de modifier son contenu à elle, sans recharger de page au niveau du navigateur. Pour le navigateur, il y a très peu de choses qui se passent. Il s'en rend compte, mais ce n'est pas lui qui va charger une nouvelle page. C'est le site lui-même qui modifie son contenu. Il va ajouter du texte, retirer des éléments, supprimer des morceaux de pages pour en mettre des nouveaux, et donc au niveau de l'utilisateur, on a quelque chose de beaucoup plus fluide, on reste dans une application et non plus dans un site avec plusieurs pages. On a plusieurs vues effectivement dans cette application, mais lorsqu'il clique sur des liens on a l'impression d'être dans une application native. Donc c'est ce qui rend les choses beaucoup plus agréables à utiliser pour eux. Et pour les développeurs, l'avantage d'utiliser des frameworks JavaScript comme justement Ember, Angular, React, peu importe les frameworks que vous utilisez, c'est que vous allez pouvoir beaucoup plus facilement séparer la logique, le code JavaScript, du code HTML de mise en page et de présentation. Et en plus du CSS séparément, mais ça c'était déjà séparé avant. Là on a vraiment une vraie séparation entre le côté logique, JavaScript, et le côté présentation, HTML, CSS. Donc ça a simplifié énormément les choses. Maintenant, pourquoi Ember par rapport aux autres ? La raison pour laquelle j'ai choisi Ember, c'est parce qu'il est déjà très récent. C'est un des derniers frameworks a avoir été développé. Il est très utilisé. Alors si je vais en bas de la page du site officiel, vous avez des exemples de sites qui utilisent le framework. Donc quelques gros noms comme Yahoo par exemple, Square, Groupon. Il y en a plusieurs, il y a Microsoft qui s'en sert. Il y a LinkedIn. Vous avez vraiment plusieurs sites qui utilisent Ember, donc déjà on sait qu'un framework utilisé sera entretenu, et il ne risque pas de disparaître du jour au lendemain. Il est bien-sûr open-source. Et il est très actif. C'est un projet qui est sans arrêt mis à jour, avec une communauté très réactive. ALors par contre, tout est en anglais. En terme de documentation, vous aurez très peu de documentation en français, mais c'est quand-même un projet qui vit, qui est sans arrêt mis à jour. Si vous allez sur la page officielle sur GitHub, vous verrez que vous avez très souvent des modifications, et les gens sont très réactifs aussi pour aider les développeurs. En terme de fonctionnalités, il y en a plusieurs qui sont très intéressantes. Moi, une de mes préférées c'est celle-ci, celle qui permet déjà d'insérer ce que l'on appelle des handlebars dans votre HTML, pour lier justement la partie présentation HTML avec la partie JavaScript, et ce qui est vraiment génial c'est qu'il est capable de se mettre à jour en temps réel. Dès que vous modifiez un nouveau variable en JavaScript, vous n'avez rien à faire, automatiquement ça se met à jour dans la partie présentation. Vous avez un exemple sur le site officiel. My name is Maxime, on a vu que pendant que je tapais, la présentation se mettait à jour en temps réel. Donc ça c'est quelque chose de très puissant, qui fait gagner un temps inconsidérable lorsqu'on développe des sites avec beaucoup de données. On n'a plus à faire des sélecteurs vers les objets HTML pour leur dire, tiens voici les nouvelles données, dans un sens comme dans l'autre. Il est très modulable. On verra ensemble l'ensemble des composants, qui nous permettent de découper une complexité d'une page, en un ensemble de modules réutilisables. Il facilite aussi énormément la gestion du chargement de données depuis un serveur. Si vous avez un serveur qui respecte certaines normes, notamment le REST, qui peut communiquer par exemple en JSON, alors vous pouvez changer le format d'échange de votre serveur, mais si vous respectez les standards, vous n'avez quasiment rien à coder, vous allez pouvoir récupérer directement des objets JavaScript. Vous n'avez pas à faire la conversion, l'analyse du texte que vous récupérez. Vous donnez finalement les routes, les URLs de votre serveur, et lui il vous retourne directement des objets utilisables et il va faire la requête à votre place au niveau du serveur lorsque vous aurez besoin d'autres objets. C'est vraiment très puissant, on le verra ensemble. Et ça va vous permettre vraiment de vous concentrer uniquement sur les fonctionnalités sans avoir à gérer le côté technique de l'analyse de chaînes de caractères, toutes les choses fastidieuses que l'on a à faire parfois quand le framework ne le gère pas pour nous. Vous l'avez donc compris, c'est un framework que j'adore. Je l'ai découvert il y a deux ans. Ça a été un petit peu dur au début justement parce qu'il y avait très peu de documentation il y a deux ans, mais maintenant que je connais bien, je travaille tous les jours dessus et je suis vraiment tombé amoureux de ce framework, il me fait gagner un temps énorme, et il me permet d'ajouter des fonctionnalités très puissantes que je n'aurais pas été capable d'ajouter, ou en tous cas, avec beaucoup plus de travail, pour arriver à un résultat équivalent sans ce framework.

Découvrir Ember.js

Créez vos composants et mettez en page vos sites avec une facilité déconcertante avec Ember.js. Apprenez à créer des routes et à charger vos modèles depuis un service web externe.

2h57 (37 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :31 mars 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !