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 (16 chapters)
Mastering MeteorJS Application Development
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

d3.js with MeteorJS


As a final part of the chapter, we are going to develop a simple data visualization using d3.js with MeteorJS

d3.js is a famous data visualization library. It has a number of methods to support various kinds of visualization. We are going to see a small example that can portray the power of d3.js when combined with MeteorJS' reactivity.

DataViz

Create a MeterorJS application, such as DataViz. Add the d3.js package to the application using the meteor add d3js:d3 command and make the following changes.

HTML

Replace the body content of dataViz.html with the following HTML code:

    <header id="siteheader">
      <div class="logo"><a href="/">Data Viz</a></div>
    </header>
    <div class="container" id="sitebody"></div>

Remove the template below the body tag.

Server

We will insert a few pieces of visualization-related data to a collection. Remove the content of dataViz.js and add the following set of codes:

DataViz = new Mongo.Collection...