Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Building Single-page Web Apps with Meteor
  • Table Of Contents Toc
  • Feedback & Rating feedback
Building Single-page Web Apps with Meteor

Building Single-page Web Apps with Meteor

By : Fabian Vogelsteller
4.5 (8)
Buy this Book
close
close
Building Single-page Web Apps with Meteor

Building Single-page Web Apps with Meteor

4.5 (8)
By: Fabian Vogelsteller
Buy this Book

Overview of this book

If you are a web developer with basic knowledge of JavaScript and want to take on Web 2.0, build real-time applications, or simply want to write a complete application using only JavaScript and HTML/CSS, this is the book for you. This book is based on Meteor 1.0.
Table of Contents (15 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Free Chapter
1
1. Getting Started with Meteor
Icon
1. Getting Started with Meteor
Icon
The full-stack framework of Meteor
Icon
Meteor's requirements
Icon
Installing Meteor
Icon
Creating our first app
Icon
Adding basic packages
Icon
Variable scopes
Icon
Meteor's folder conventions and loading order
Icon
Meteor's command-line tool
Icon
Summary
2
2. Building HTML Templates
Icon
2. Building HTML Templates
Icon
Writing templates in Meteor
Icon
Building the basic templates
Icon
Adding templates and partials
Icon
Displaying data with template helpers
Icon
Setting the data context for a template
Icon
"this" in template helpers and template callbacks
Icon
Adding events
Icon
Block helpers
Icon
Listing posts
Icon
Spacebars syntax
Icon
Summary
3
3. Storing Data and Handling Collections
Icon
3. Storing Data and Handling Collections
Icon
Meteor and databases
Icon
Setting up a collection
Icon
Adding post examples
Icon
Querying a collection
Icon
Updating a collection
Icon
Database everywhere
Icon
Differences between client and server collections
Icon
Summary
4
4. Controlling the Data Flow
Icon
4. Controlling the Data Flow
Icon
Syncing data – the current Web versus the new Web
Icon
Removing the autopublish package
Icon
Publishing data
Icon
Publishing only parts of data
Icon
Publishing specific fields
Icon
Lazy loading posts
Icon
Switching subscriptions
Icon
Some notes on data publishing
Icon
Summary
5
5. Making Our App Versatile with Routing
chevron up
Icon
5. Making Our App Versatile with Routing
Icon
Adding the iron:router package
Icon
Setting up the router
Icon
Switching to a layout template
Icon
Adding another route
Icon
Moving the posts subscription to the Home route
Icon
Setting up the post route
Icon
Changing the website's title
Icon
Summary
6
6. Keeping States with Sessions
Icon
6. Keeping States with Sessions
Icon
Meteor's session object
Icon
Using sessions in template helpers
Icon
Rerunning functions reactively
Icon
Using autorun in a template
Icon
The reactive session object
Icon
Summary
7
7. Users and Permissions
Icon
7. Users and Permissions
Icon
Meteor's accounts packages
Icon
Adding the accounts packages
Icon
Adding admin functionality to our templates
Icon
Creating the template to edit posts
Icon
Creating the admin user
Icon
Creating routes for the admin
Icon
Summary
8
8. Security with the Allow and Deny Rules
Icon
8. Security with the Allow and Deny Rules
Icon
Adding a function to generate slugs
Icon
Creating a new post
Icon
Editing posts
Icon
Restricting database updates
Icon
Adding a deny rule
Icon
Adding posts using a method call
Icon
Calling the method
Icon
Summary
9
9. Advanced Reactivity
Icon
9. Advanced Reactivity
Icon
Reactive programming
Icon
Building a simple reactive object
Icon
Creating an advanced timer object
Icon
Reactive computations
Icon
Summary
10
10. Deploying Our App
Icon
10. Deploying Our App
Icon
Deploying on meteor.com
Icon
Deploying on other servers
Icon
Outlook
Icon
Summary
11
11. Building Our Own Package
Icon
11. Building Our Own Package
Icon
The structure of a package
Icon
Creating our own package
Icon
Releasing our package to the public
Icon
Summary
12
12. Testing in Meteor
Icon
12. Testing in Meteor
Icon
Types of tests
Icon
Testing packages
Icon
Testing our meteor app
Icon
Acceptance tests
Icon
Summary
13
A. Appendix
Icon
A. Appendix
Icon
List of Meteor's command-line tool commands
Icon
The iron:router hooks
14
Index
Icon
Index

Adding the iron:router package

Routes are the URLs of a specific page in our app. In a server-side-rendered app, routes are defined either by the server's/framework's configuration or the folder structure on the server.

In a client-side app, routes are simply paths that the app will use to determine which pages to render.

The steps to perform inside the client are as follows:

  1. The website is sent down to the client.
  2. The JavaScript file (or files) is loaded and parsed.
  3. The router code will check which current URL it is on and run the correct route function, which will then render the right templates.

    Tip

    To use routes in our app, we will make use of the iron:router package, a router specifically written for Meteor, which makes it easy to set up routes and combine them with subscriptions.

  4. To add the package, we cancel any running Meteor instance, go to our my-meteor-blog folder, and type the following command:
    $ meteor add iron:router
  5. If we are done with this, we can start Meteor again by...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 2
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY