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

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

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

Customer Reviews

4 (12)

5 star

58.3%

4 star

16.7%

3 star

0%

2 star

16.7%

1 star

8.3%

Views

A view is what we are referring to as an HTML page. They are called views because of the Model View Controller (MVC) design pattern. Actually, the pattern we're using is closer to that of Model, View, ViewModel (MVVM). Typically, a Model is the data that is going to be displayed on a page (again, in our case known as a ViewModel), the View is the page itself, and the Controller is the brain that communicates between the ViewModel and the View.

Our particular application is going to need two views. The first view is the home page, and the second view is the image page.

Note

The HTML in the following section relies heavily on Bootstrap, a popular HTML framework created by Twitter that provides a standard set of user interface elements. These include buttons, fonts, layout grids, color schemes, and a whole lot more. Using Bootstrap allows us to not only present our application with a nice clean UI, but also build it so that it is responsive and will look correct on any device that is viewing...

Visually different images

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