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.
  • Building Single-page Web Apps with Meteor
  • Toc
  • feedback
Building Single-page Web Apps with Meteor

Building Single-page Web Apps with Meteor

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

Building Single-page Web Apps with Meteor

4.5 (8)
By: Fabian Vogelsteller

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

Setting up the post route

To be able to show a full post page, we need to create a post template, which can be loaded when the user clicks on a post.

We create a file called post.html inside our my-meteor-blog/client/templates folder with the following template code:

<template name="post">
  <h1>{{title}}</h1>
  <h2>{{description}}</h2>

  <small>
    Posted {{formatTime timeCreated "fromNow"}} by {{author}}
  </small>
  
  <div class="postContent">
    {{#markdown}}
{{text}}
    {{/markdown}}
  </div>
</template>

This simple template displays all the information of a blog post and even reuses our {{formatTime}} helper we created earlier in this book from our template-helper.js file. We used this to format at the time the post was created.

We can't see this template yet, as we first have to create a publication and route for this page.

Creating a single-post publication

In order to show the full post's data in this template, we need to...

End of Chapter 5
Next Chapter
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