Första stegen med Meteor.js

Webbapplikationer slutar aldrig utvecklas, och det gör också hur de utvecklas. Borta är de komplexa projekt där du var tvungen att söka tusentals bibliotek, göra komplexa metoder och integrera flera språk för att uppnå ett resultat.

Med mångsidigheten som JavaScript har nått det är möjligt att göra mer med mindre, och tack vare ramar som t.ex. Meteor.js sättet att utveckla applikationer kommer inte längre att vara detsamma. Låt oss sedan se vad denna kraftfulla ram erbjuder oss och hur vi tar våra första steg med den.

Varför Meteor.js?Med mängden ramar och tekniker som finns idag är det svårt att säga att det ena är bättre än det andra, särskilt när det gäller JavaScript. Vi har Node.js, uttrycka, Vinkel och vi kan till och med använda ett traditionellt språk som Ruby, Python eller den välkända PHP tillsammans med en nästa generations ram för utveckling av våra applikationer.

Det är därför vi måste lägga på bordet för Meteor det kan dominera över mycket mer populära alternativ, och även med mer tid på marknaden, låt oss se.

Ett språk
Meteor.js inte bara är JavaScript för att göra vackra applikationer på Front-End, är det ett komplett ramverk som gör det möjligt att köra samma kod både på klienten och på servern.

Färre kodkoder
Sättet det var tänkt Meteor I sin datamodell gör det integrationen mellan alla delar av applikationen mycket enklare, så något som vi skulle göra i 1000 rader kod är 10.

Användarupplevelse
Applikationer som genereras med Meteor De ser inte bara bra ut på en dator, de ser också bra ut på alla mobila enheter.

Utbytbara delar
Vi kan använda allt som kommer in som standard Meteor, eller helt enkelt byta till en teknik som vi känner oss tryggare med, byta mallmotor eller helt enkelt byta till Angular om vi vill.

Det har vi redan sett Meteor Det har en rad fördelar att betrakta som ett mer än genomförbart alternativ för att börja med utvecklingen av våra applikationer. Låt oss se hur vi installerar det och får det att fungera i vår miljö.

Installera Meteor.js och skapa vår första applikation

Meteor det är för alla befintliga operativsystem och installationen är extremt enkel. I det här exemplet laddar vi ner installationsprogrammet för Windows från ramens officiella webbplats. När nedladdningen är klar installerar vi det som alla Windows -program, men det är viktigt att vi kör det som administratör eftersom det annars kommer att ge oss ett fel i installationen.

När vi har installerat Meteor.js, startar vi om vår dator och öppnar en kommandokonsol och skriver meteor för att verifiera att installationen har utförts.

Hur vi inte har skapat ett projekt kommer fortfarande att ge oss ett fel men vi kan kontrollera att vi redan har vårt ramverk installerat. Nu behöver vi bara skapa vår första applikation, för detta kör vi följande kommandorad:

 meteor skapa första_steg

Vår applikation skapas automatiskt med tre filer som standard, var och en kommer att ha namnet på vår applikation med ett annat tillägg:

• first_steps.css
• first_steps.html
• first_steps.js

För filen .css Vi kommer inte att ha innehåll i det, men i detta kommer vi att inkludera alla stilar i vår applikation. För filen .html vi kommer att ha en enkel struktur där vi kan se användningen av en mallmotor, i så fall skulle det vara så styr för visning av information, en rekommenderad metod för den aktuella utvecklingen.

Sist i filen .js vi har där logiken i vår applikation hanteras, och även Meteor och skiljer de metoder och processer som måste utföras på varje sida. Skuggning färgen blå vi har villkoret för klientsidan, är det där vi placerar renderingen för mallen och en händelse för när en knapp trycks in. Skuggning röd färg vi har villkoret för serversidan, som standard blir det tomt men det är där vi hanterar serverprocesserna i vår applikation.

FÖRSTORA

När vi förstår hur vår applikation är uppbyggd kommer vi att köra den. För att göra detta måste vi bara ange vår skapade katalog och vi kommer att utföra kommandot meteor.

Detta kommer att ställa in en lokal server på port 3000 som standard och låta oss se ett litet exempel på hur det fungerar. Meteor. Låt oss se hur det ser ut när vi går in från webbläsaren.

På detta sätt ser vi hur Meteor.js är ett ramverk som gör att vi kan skapa robusta applikationer på kortast möjliga tid, med bästa utvecklingsmetoder och som leder till JavaScript på en mycket högre nivå för att skapa nästa generations applikationer.