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

Animation using Snap.svg


In this section, we will see how to use the snap.svg library with MeteorJS. We are going to develop an interesting application in which we will use snap.svg to manipulate SVG. It will be helpful if we have knowledge about the SVG path and circle elements before starting this section.

To those who don't know about snap.svg, it is a SVG manipulation library. We could even say it is like jQuery but for SVG. We will discuss and learn to use the animation APIs provided by snap.svg. It is a great tool if we are using SVG for interfaces in the application.

The application we are going to develop is about logging our life events, similar to the Facebook timeline. To keep things simple and to concentrate more on the animation part, we will insert data directly to the database rather than developing interfaces to insert data. Anyway, MeteorJS will take care of reactivity and thus whatever we insert will be available on the screen. We are going to create some SVG interfaces to...

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