5. Dynamic HTML with Handlebars | Web Development with MongoDB and Node.js

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Web Development with MongoDB and Node.js

By : Jason Krol

4 (12)

Web Development with MongoDB and Node.js

4 (12)

By: Jason Krol

Overview of this book

This book is designed for developers of any skill level that want to get up and running using Node.js and MongoDB to build full featured web applications. A basic understanding of JavaScript and HTML is the only requirement for this book.

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. Welcome to JavaScript in the Full Stack

1. Welcome to JavaScript in the Full Stack

Node.js changed JavaScript forever

The NoSQL movement

Summary

2. Getting Up and Running

2. Getting Up and Running

Environment assumptions and requirements

Installing Node.js

Installing the MongoDB server

Writing your first app

Summary

3. Node and MongoDB Basics

3. Node and MongoDB Basics

A JavaScript Primer

The basics of NodeJS

Installing modules using npm

The basics of MongoDB

Additional resources

Summary

4. Writing an Express.js Server

4. Writing an Express.js Server

What is Express.js?

Building a complete web application

Organizing the files

Server.js – where it all begins

Configuration module

Routers and controllers

Custom middleware

Migrating to Express v4.0.0

Summary

5. Dynamic HTML with Handlebars

5. Dynamic HTML with Handlebars

Basic syntax for Handlebars

Views

Layouts

Partial views

Handlebars Helpers

Rendering the views

Summary

6. Controllers and View Models

6. Controllers and View Models

Controllers

View models

Updating the home controller

Updating the image controller

Helpers for reusable code

Iterating on the UI

Summary

7. Persisting Data with MongoDB

7. Persisting Data with MongoDB

Using MongoDB with Node

Introducing Mongoose

Defining the schema and models

Adding CRUD to the controllers

Iterating by adding an image removal capability

Refactoring and improvements

Summary

8. Creating a RESTful API

8. Creating a RESTful API

What is an API?

What is a RESTful API?

Introducing Postman REST Client

Creating a Basic API server

Responding to GET requests

Receiving data – POST and PUT requests

Removing data – DELETE

Consuming external APIs from Node.js

Summary

9. Testing Your Code

9. Testing Your Code

Tools of the trade

Writing and running your first test

Testing the application

Spy and stub everything!

Summary

10. Deploying with Cloud-based Services

10. Deploying with Cloud-based Services

Cloud versus traditional hosting

Introduction to Git

Deploying your application

Summary

11. Single Page Applications with Popular Frontend Frameworks

11. Single Page Applications with Popular Frontend Frameworks

What is a Single Page Application?

Why use a frontend framework?

Frontend development tools

Testing and test-driven development

Summary

12. Popular Node.js Web Frameworks

12. Popular Node.js Web Frameworks

Meteor

Sails

hapi

Koa

Flatiron

Summary

Index

Index

Basic syntax for Handlebars

The basic syntax for Handlebars is really quite simple. Let's assume the following JavaScript object is passed to a Handlebars template:

var model = {
  name: 'World'
};

The template file itself will contain the following markup:

<div>
  Hello {{ name }}!
</div>

This file would render to a browser in the following way:

Hello World!

Of course, there's a lot more that you can do than just this! Handlebars also supports conditional statements:

var model = {
  name: 'World',
  description: 'This will only appear because its set.'
};

<div>
   Hello {{ name }}!<br/><br/>
  {{#if description}}
     <p>{{description}}</p>
  {{/if}}
</div>

Using an if block helper as shown in the preceding code, you can check for truthy conditionals and only display HTML and/or data if the condition is true. Alternatively, you can use the unless helper to do the opposite, and display HTML only if a condition is falsey:

var model = {
  name: 'World...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Web Development with MongoDB and Node.js

Search

Your notes and bookmarks