Les applications Web ne cessent d'évoluer, tout comme leur façon de se développer. Finis ces projets complexes où vous deviez rechercher des milliers de bibliothèques, créer des méthodes complexes et intégrer plusieurs langages pour obtenir un résultat.
Avec la polyvalence qui JavaScript atteint, il est possible de faire plus avec moins, et grâce à des frameworks tels que Meteor.js la façon de développer des applications ne sera plus la même. Voyons ensuite ce que nous offre ce puissant framework et comment nous faisons nos premiers pas avec lui.
Pourquoi Meteor.js ?Avec la quantité de frameworks et de technologies qui existent aujourd'hui, il est difficile de dire que l'un est meilleur que l'autre, surtout quand il s'agit de JavaScript. On a Node.js, Express, Angulaire et nous pouvons même utiliser un langage traditionnel tel que Ruby, Python ou le célèbre PHP accompagné d'un framework de nouvelle génération pour le développement de nos applications.
C'est pourquoi nous devons mettre sur la table parce que Météore il peut prédominer sur des options beaucoup plus populaires, et même avec plus de temps sur le marché, voyons voir.
Une langue
Meteor.js non seulement est JavaScript pour faire de belles applications sur le Front-End, c'est un framework complet qui permet d'exécuter le même code à la fois sur le client et sur le serveur.
Moins de lignes de code
La façon dont il a été conçu Météore Dans son modèle de données, cela rend l'intégration entre toutes les parties de l'application beaucoup plus facile, donc quelque chose que nous ferions en 1000 lignes de code est 10.
Expérience utilisateur
Applications générées avec Météore Ils ont non seulement fière allure sur un PC, mais également sur n'importe quel appareil mobile.
Pièces interchangeables
Nous pouvons utiliser tout ce qui vient par défaut dans Météore, ou simplement passer à une technologie avec laquelle nous nous sentons plus à l'aise, changer le moteur de modèle ou simplement passer à Angular si nous le souhaitons.
Nous avons déjà vu que Météore Il présente une série d'avantages à considérer comme une option plus que faisable pour commencer le développement de nos applications. Voyons comment nous l'installons et le mettons en œuvre dans notre environnement.
Installation de Meteor.js et création de notre première application
Météore il s'adresse à tous les systèmes d'exploitation existants et son installation est extrêmement simple. Dans le cas de cet exemple, nous allons télécharger le programme d'installation pour les fenêtres depuis le site officiel du framework. Une fois le téléchargement terminé, nous l'installons comme n'importe quelle application Windows, mais il est important que nous l'exécutions en tant qu'administrateur car sinon cela nous donnera une erreur dans l'installation.
Une fois que nous avons installé Meteor.js, nous redémarrons notre ordinateur et ouvrons une console de commande et tapons météore pour vérifier que l'installation a été effectuée avec succès.
Comment nous n'avons pas créé de projet nous donnera toujours une erreur mais nous pouvons vérifier que notre framework est déjà installé. Il ne nous reste plus qu'à créer notre première application, pour cela nous exécutons la ligne de commande suivante :
météore créer first_stepsNotre application sera automatiquement créée avec trois fichiers par défaut, chacun aura le nom de notre application avec une extension différente :
- first_steps.css
- first_steps.html
- first_steps.js
Pour le fichier .css Nous n'y aurons pas de contenu mais nous y inclurons tous les styles de notre application. Pour le fichier .html nous aurons une structure simple où nous pouvons voir l'utilisation d'un moteur de modèle, dans ce cas ce serait guidon pour l'affichage des informations, une pratique fortement recommandée dans les développements actuels.
Dernier dans le fichier .js nous avons où la logique de notre application est gérée, ainsi que Meteor et différencie les méthodes et les processus qui doivent être exécutés de chaque côté. Ombres Couleur bleu nous avons le conditionnel pour le côté client, est-ce là que nous plaçons le rendu pour le modèle et un événement lorsqu'un bouton est enfoncé. Ombres couleur rouge nous avons le conditionnel pour le du côté serveur, par défaut, il est vide, mais c'est là que nous gérons les processus du serveur dans notre application.
AGRANDIR
Une fois que nous comprenons comment notre application est structurée, nous allons l'exécuter. Pour ce faire, nous n'avons qu'à entrer dans notre répertoire créé et nous exécuterons la commande météore.
Cela configurera un serveur local sur le port 3000 par défaut et nous permettra de voir un petit exemple de son fonctionnement. Météore. Voyons à quoi cela ressemble lorsque nous entrons depuis le navigateur.
De cette façon, nous voyons comment Meteor.js est un framework qui nous permet de créer des applications robustes dans les plus brefs délais, en utilisant les meilleures pratiques de développement et en menant à JavaScript à un niveau beaucoup plus élevé pour créer des applications de nouvelle génération.
