3. Building Great User Interfaces | Meteor Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Meteor Cookbook

By : Isaac Strack

4.4 (5)

Meteor Cookbook

4.4 (5)

By: Isaac Strack

Overview of this book

This book is meant for developers of all experience levels looking to create mobile and full-stack web applications in JavaScript. Many of the simple recipes can easily be followed by less-experienced developers, while some of the advanced recipes will require extensive knowledge of existing web, mobile, and server technologies. Any application or enterprise web developer looking to create full-stack JavaScript-based apps will benefit from the recipes and concepts covered in this book.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Optimizing Your Workflow

1. Optimizing Your Workflow

Introduction

Installing Meteor

Finding documentation for Meteor

Getting help with questions

Setting up your project file structure

Setting up your development environment

Using the web console

Deploying a test app to Meteor

Deploying to Meteor using a CNAME redirect

Deploying to a custom hosted environment

Deploying with Meteor Up (MUP)

Using CoffeeScript

Using CSS compilers

2. Customizing with Packages

2. Customizing with Packages

Introduction

Adding Meteor packages

Removing Meteor packages

Discovering new packages with Atmosphere

Creating a multipage application with Iron Router

Building a custom package

Using npm modules

Publishing custom packages to Atmosphere

3. Building Great User Interfaces

3. Building Great User Interfaces

Introduction

Inserting templates with Spacebars

Inserting raw HTML using triple braces

Creating dynamic lists

Building a smooth interface with Bootstrap

Creating customized global helpers

Creating custom components

Using reactivity with HTML attributes

Using dynamic templates

Animating DOM elements

4. Creating Models

4. Creating Models

Introduction

Implementing a simple collection

Using the Session object

Sorting with MongoDB queries

Filtering with MongoDB queries

Creating upsert MongoDB queries

Implementing a partial collection

5. Implementing DDP

5. Implementing DDP

Introduction

Reading the DDP stream

Using client-only collections

Implementing multiserver DDP

Integrating DDP with other technologies

6. Mastering Reactivity

6. Mastering Reactivity

Introduction

Creating and consuming a reactive value

Using Ajax query results in ReactiveVar

Making a custom library reactive

Updating Blaze templates without Mongo

Using inline data to modify UI elements reactively

Integrating a jQuery UI

7. Using Client Methods

7. Using Client Methods

Introduction

Creating dynamic graphs with SVG and Ajax

Using the HTML FileReader to upload images

Creating a coloring book with the Canvas element

8. Integrating Third-party Libraries

8. Integrating Third-party Libraries

Introduction

Using npm packages directly

Building graphs with D3.js

Creating cutting-edge UIs with Polymer

9. Securing Your Application

9. Securing Your Application

Introduction

Basic safety – turning off autopublish

Basic safety – removing insecure

Securing data transactions with allow and deny

Hiding data with façades

Protecting the client with browser-policy

10. Working with Accounts

10. Working with Accounts

Introduction

Implementing OAuth accounts packages

Customizing the accounts login

Performing two-factor authentication

11. Leveraging Advanced Features

11. Leveraging Advanced Features

Introduction

Building custom server methods

Creating custom EJSON objects

Handling asynchronous events

Using asynchronous functions

12. Creating Useful Projects

12. Creating Useful Projects

Introduction

Creating RESTful web services

Creating a complete app with Iron Router

Deploying apps to mobile devices

Adding social sharing

Index

Index

Customer Reviews

4.4 (5)

5 star

60%

4 star

20%

3 star

20%

2 star

0

1 star

0

Inserting raw HTML using triple braces

Occasionally, you will want to insert raw HTML into your Meteor page. This is typically done when you have HTML generated by another process or library. This recipe will show you how to render your raw HTML inside a Meteor template.

Getting ready

You will need Meteor installed and have a project created with at least one template in it. We recommend that you use the files created in the Inserting templates with Spacebars recipe found in this chapter.

If you don't have a templates.js file in your client folder already, you should create one to keep your template helpers and events logic separate from other JavaScript you may be running.

How to do it…

Identify the name of your root template and open the file containing your template definition. In our case, the root template is named firstTemplate, which can be found in our templates.html file, which is in our [project root]/client folder. Proceed with the following steps to insert raw HTML using triple braces...

Search

Your notes and bookmarks