Eerste stappen met Meteor.js

Webapplicaties blijven zich ontwikkelen, en dat geldt ook voor de manier waarop ze zich ontwikkelen. Voorbij zijn die complexe projecten waarbij je duizenden bibliotheken moest doorzoeken, complexe methoden moest maken en meerdere talen moest integreren om tot een resultaat te komen.

Met de veelzijdigheid die JavaScript heeft bereikt, is het mogelijk om meer te doen met minder, en dankzij frameworks zoals Meteor.js de manier om applicaties te ontwikkelen zal niet meer hetzelfde zijn. Laten we eens kijken wat dit krachtige raamwerk ons ​​biedt en hoe we er onze eerste stappen mee zetten.

Waarom Meteor.js?Met de hoeveelheid frameworks en technologieën die er tegenwoordig zijn, is het moeilijk te zeggen dat de ene beter is dan de andere, vooral als het gaat om JavaScript. Wij hebben Node.js, nadrukkelijk, hoekig en we kunnen zelfs een traditionele taal gebruiken zoals Ruby, Python of het bekende PHP, vergezeld van een next-generation framework voor de ontwikkeling van onze applicaties.

Daarom moeten we op tafel leggen omdat: Meteoor het kan de overhand hebben op veel meer populaire opties, en zelfs met meer tijd op de markt, laten we eens kijken.

Eén taal
Meteor.js niet alleen is JavaScript om mooie applicaties op de front-end te maken, is het een compleet raamwerk waarmee dezelfde code zowel op de client als op de server kan worden uitgevoerd.

Minder regels code
De manier waarop het is bedacht Meteoor In zijn datamodel maakt het de integratie tussen alle onderdelen van de applicatie veel gemakkelijker, dus iets dat we zouden doen in 1000 regels code is 10.

Gebruikerservaring
Applicaties gegenereerd met Meteoor Ze zien er niet alleen goed uit op een pc, ze zien er ook goed uit op elk mobiel apparaat.

Verwisselbare onderdelen
We kunnen alles gebruiken dat standaard wordt geleverd in Meteoor, of gewoon overstappen op een technologie waarmee we ons zelfverzekerder voelen, de template-engine wijzigen of gewoon overschakelen naar Angular als we dat willen.

Dat hebben we al gezien Meteoor Het heeft een aantal voordelen om als een meer dan haalbare optie te worden beschouwd om te beginnen met de ontwikkeling van onze applicaties. Laten we eens kijken hoe we het installeren en in onze omgeving aan het werk zetten.

Meteor.js installeren en onze eerste applicatie maken


Meteoor het is voor alle bestaande besturingssystemen en de installatie is uiterst eenvoudig. In het geval van dit voorbeeld zullen we het installatieprogramma downloaden voor: ramen van de officiële website van het raamwerk. Nadat de download is voltooid, installeren we deze zoals elke Windows-toepassing, maar het is belangrijk dat we deze als beheerder uitvoeren, omdat we anders een fout bij de installatie krijgen.

Zodra we hebben geïnstalleerd Meteor.js, we herstarten onze computer en openen een opdrachtconsole en typen meteoor om te controleren of de installatie met succes is uitgevoerd.

Hoe we geen project hebben gemaakt, geeft ons nog steeds een foutmelding, maar we kunnen controleren of ons framework al is geïnstalleerd. Nu hoeven we alleen nog onze eerste applicatie te maken, hiervoor voeren we de volgende opdrachtregel uit:

 meteoor maak eerste_stappen
Onze applicatie wordt standaard automatisch gemaakt met drie bestanden, elk heeft de naam van onze applicatie met een andere extensie:
  • first_steps.css
  • eerste_stappen.html
  • first_steps.js

Voor het bestand .css We zullen er geen inhoud in hebben, maar hierin zullen we alle stijlen van onze applicatie opnemen. Voor het bestand .html we zullen een eenvoudige structuur hebben waarin we het gebruik van een sjabloon-engine kunnen zien, in dit geval zou het zijn stuur voor het weergeven van informatie, een sterk aanbevolen praktijk in de huidige ontwikkelingen.

Laatste in het bestand .js we hebben waar de logica van onze applicatie wordt afgehandeld, en ook Meteor en onderscheidt de methoden en processen die aan elke kant moeten worden uitgevoerd. Schaduw kleur blauw we hebben de voorwaardelijke voor de kant van de cliënt, is daar waar we de render voor de sjabloon plaatsen en een gebeurtenis voor wanneer een knop wordt ingedrukt. Schaduw rode kleur we hebben de voorwaardelijke voor de server kant, standaard is het leeg, maar dat is waar we de serverprocessen in onze applicatie afhandelen.

VERGROTEN

Zodra we begrijpen hoe onze applicatie is gestructureerd, gaan we deze uitvoeren. Om dit te doen, hoeven we alleen maar onze gemaakte map in te voeren en we zullen de opdracht uitvoeren: meteoor.

Hiermee wordt standaard een lokale server op poort 3000 ingesteld en kunnen we een klein voorbeeld zien van hoe het werkt. Meteoor. Laten we eens kijken hoe het eruit ziet als we vanuit de browser naar binnen gaan.

Zo zien we hoe Meteor.js is een raamwerk waarmee we in de kortst mogelijke tijd robuuste applicaties kunnen maken, gebruikmakend van de beste ontwikkelingspraktijken en leidend tot: JavaScript op een veel hoger niveau voor het maken van toepassingen van de volgende generatie.

U zal helpen de ontwikkeling van de site, het delen van de pagina met je vrienden

wave wave wave wave wave