Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library 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
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
Lock 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

Chapter 5. Making Our App Versatile with Routing

Since we've made it to this chapter, we should already have a good understanding of Meteor's template system and how data synchronization between a server and clients works. After digesting this knowledge, let's get back to the fun part and make our blog a real website with different pages.

You might ask, "What do pages do in a single-page app?" The term "single page" is a bit confusing, as it doesn't mean that our app consists of only one page. It's rather a term derived from the current way of doing things, as there is only one page sent down from the server. After that, all the routing and paging happens in the browser. There aren't any pages requested from the server itself anymore. A better term here would be "client-side web application," though single page is the current used name.

In this chapter, we will cover the following topics:

  • Writing routes for our static and...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Building Single-page Web Apps with Meteor
End of Section 5
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

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

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon