Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering MeteorJS Application Development

You're reading from   Mastering MeteorJS Application Development MeteorJS makes full-stack JavaScript Application Development simple – Learn how to build better modern web apps with MeteorJS, and become an expert in the innovative JavaScript framework

Arrow left icon
Product type Paperback
Published in Dec 2015
Publisher
ISBN-13 9781785282379
Length 298 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Jebin BV Jebin BV
Author Profile Icon Jebin BV
Jebin BV
Arturas Lebedevas Arturas Lebedevas
Author Profile Icon Arturas Lebedevas
Arturas Lebedevas
Arrow right icon
View More author details
Toc

Table of Contents (11) Chapters Close

Preface 1. Building a MeteorJS Web Application FREE CHAPTER 2. Developing and Testing an Advanced Application 3. Developing Reusable Packages 4. Integrating Your Favorite Frameworks 5. Captivating Your Users with Animation 6. Reactive Systems and REST-Based Systems 7. Deploying and Scaling MeteorJS Applications 8. Mobile Application Development 9. Best Practices, Patterns, and SEO 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...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image