Book Image

Mastering MeteorJS Application Development

By : Arturas Lebedevas, Jebin BV
Book Image

Mastering MeteorJS Application Development

By: Arturas Lebedevas, Jebin BV

Overview of this book

The web is dead – applications now rule our online experiences. But how are you going to build them? Well, if you’ve been paying attention, you might already have tried your hand with MeteorJS, the JavaScript framework that helps you build complete full-stack web applications that are responsive and fast with ease. Mastering MeteorJS Application Development shows you how to do even more with MeteorJS – if you’re ready to try a comprehensive course through one of the most exciting frameworks in web development today, this is the book you need. Designed to take you through the entire process of building an advanced multipage application with Meteor, you’ll be able to bring your web development ideas with surprising ease. You’ll not only learn how Meteor makes web development easier, but also how you can make using Meteor easier, by automating and simplifying tasks so you can be confident you have full control of everything in your workflow – especially everything that could go wrong. From automated testing to integrating other useful frameworks such as Angular and D3, each chapter covers a crucial element in the Meteor development process. Discover how to integrate animations using Meteor’s Blaze, to give your UI designs the edge, and explore reactive programming to effectively harness RESTful systems in your projects. You will also learn how to deploy and scale your application, two crucial aspects of modern development and vital in a changing digital environment with users expecting a product and experience that delivers. With further insights on developing for mobile – and how Meteor can help you tackle the challenges of the trend – and details on incorporating SEO strategies into your application, this book isn’t just a code tutorial – it’s about creating a product that users love.
Table of Contents (11 chapters)
10
Index

The client-side setup – FoodMenu


The real crux of the chapter lies in the client. Let's add the angular-meteor package to the application to start with the client. Add the package using the meteor add urigo:angular command. We are ready to write Angular.js code.

Client packages

In the client, we will have two sections. The first section is the header, where we will display the logo, navigation link, and accounts section. We are going to use the accounts-password, twbs:bootstrap, and ian:accounts-ui-bootstrap-3 packages for the login and general styles. The other section is the container, where we will display the create/edit form or the listing based on the route. As we mentioned earlier, we also need angular-ui-router for routes. Add all these packages using the meteor add command. To add angular-ui-router, run the following command:

meteor add angularui:angular-ui-router

Create the directories, lib, stylesheets, controllers, directives, and templates in the client directory.

Application styles...