book

Node.js 6.x Blueprints

Name: Node.js 6.x Blueprints
Author: Fernando Monteiro
ISBN: 9781785888434

by Fernando Monteiro

August 2016

Intermediate to advanced

376 pages

6h 33m

English

Packt Publishing

Read now

Unlock full access

Node.js 6.x Blueprints
Node.js 6.x Blueprints
Credits
About the Author
About the Reviewer
www.PacktPub.com
eBooks, discount offers, and moreWhy subscribe?
Preface
What this book covers
What you need for this book
Who this book is for
Conventions

Reader feedback
Customer support
Downloading the example codeErrataPiracyQuestions
1. Building a Twitter-Like Application Using the MVC Design Pattern
Installing Node.jsInstalling Yeoman
Installing Express generator
Building the baseline
Adding changes to the package.json fileRunning the application
Changing the application's structure
Changing the default behavior to start the application
Restructuring the views folder using partials
Adding templates for login, sign-up, and profile
Installing additional middleware
Refactoring the app.js file with the new middleware
Adding config and passport files
Creating a models folder and adding a user schema
Protecting routes
Creating the controllers folder
Running the application and adding comments
Checking the error messages
Summary
2. Build a Basic Website Using MySQL Database
What we are building
Creating the baseline applications
Installing the Swig template engine
Refactoring the views folder
Creating a controllers folder
Removing the default routes folder
Adding partials files for head and footer
Installing and configuring Sequelize-cli
Editing the config.js file with database credentials
Creating a User scheme
Creating Band schema
Creating associations between Band and User models
Creating the database on MySql
Using db migrations to insert data on Mysql
Checking database tables
Creating the application controllers
Creating the application templates/views
Adding style to the application
Adding routes and a controller to the application
Adding database content
Creating a Bands form
Inserting a new Band
Main difference between ODM (mongoose) and ORM (sequelize)
Summary
3. Building a Multimedia Application
What we are building?
Starting with package.json
Adding baseline configuration files
Adding server folders
Configuring the app.js file
Creating the config.js file
Creating the controller's files
Creating model files
Creating view files
Creating the public folder content
Inserting images in the application using the upload form
Inserting video files into the application using the upload form
Important notes about image and video upload
Summary
4. Dont Take a Photograph, Make It – An App for Photographers
What we are building
Creating the baseline applications
Changing the application structureAdding Node modules to deal with images and the Cloudinary cloud service
Creating the book controller
Creating the book model file
Adding a CSS framework to the application
Refactoring the views folder
Creating the .env.js file
Creating and configuring a Cloudinary account
How Cloudinary works
Running the application
Uploading and showing imagesChecking the MongoDb picture collection
Creating folders in the Cloudinary dashboard
URL transformation rendering
Adding a direct link to the original image
Summary
5. Creating a Store Locator Application with MongoDB Geospatial Query
What we are building
Creating the baseline application
Refactoring the default structureCreating partial views for footer and headSetting Swig template to use HTML extensionCreating partial filesCreating applications template files
Using the Geolocation HTML5 API
Creating the application controller
Creating models
Creating the views template
Adding locations to MongoDB
Understanding Geospatial indexes on MongoDB
Creating 2dsphere indexes in MongoDB
Checking the Geolocation application
Ordering points by distance
Summary
6. Building a Customer Feedback App with a Restful API and Loopback.io
What we are buildingCreating the baseline structure
Creating models with command line
Editing models after creation with command line
Creating a datasource through the command line
Connecting models to datasources
Using the API Explorer
Inserting records using endpointRetrieving records using endpoint
Adding database relations
Dealing with LoopBack boot files
Consuming the API
Adding HTML content to client sideAdding Bootstrap framework and React library
Creating React components
Creating new feedbacks
Simple checking endpointsDisable remote LoopBack endpoints
Summary
7. Building a Real–Time Chat Application with Socket.io
What we are building
Starting with a package.json file
Adding configuration files
Adding task manager files
Creating the app.js file
Creating the route file
Creating the application views
Installing frontend components with Bower
Adding some CSSAdding live reload pluginChecking the application folder structure
Creating the Socket.io events
Adding socket.io behavior on the client side
Starting the chat application
Summary
8. Creating a Blog with the Keystone CMS
What we are building
Installing Keystone framework
Creating the scaffold application
Fixing the lint error and admin object name
Running the Keystone blog
Anatomy of the Keystone engine
Changing the default bootstrap theme
Modifying the KeystoneJS core template path
Building our own themeChanging the stylesheet
Adding the Gallery script
Extending the keystone.js core
Inserting content using control panel
Summary
9. Building a Frontend Process with Node.js and NPM
What we are building
Creating the baseline application
Adding a Datasource to the projectCreating application modelsAdding relationships between application modelsSetting up a static site
Refactoring the application folder
Creating the images folderCreating the libraries folderCreating the scripts folderCreating the SASS folderInstalling BowerInstalling application dependenciesCreate the scss folder structure
Refactoring the client folder
Adding the application viewsInstalling AngularJS files
Creating the AngularJS application
Using Loopback's AngularJS SDK
Adding content to the application
Creating the Building tasks
Installing the dependenciesCreating the copy taskCreating the SASS taskCreating the linting taskCreating the image optimization taskCreating the concatenate taskCreating the build task
Using tasks with individual commands
Deploying to Heroku Cloud
Creating a Heroku applicationCreating a deploy.sh file
Summary
10. Creating and Deploying Using Continuous Integration and Docker
What we are building
What Continuous Integration means
Creating the baseline application
Adding the root filesCreating the config folder and filesCreating the controllers folder and filesAdding modules and authentication middlewareAdding login GET and POST methodsAdding signup GET and POST methodsAdding account GET and UPDATE methodsAdding account DELETE methodCreating the model folder and filesCreating the public folder and filesCreating a custom stylesheetCreating the fonts folder and adding font filesCreating the JavaScript folder and filesCreating the views folder and filesAdding the layouts folder and fileAdding the pages folder and filesAdding the partial folder and filesCreating the test folder and test file
Running the application
Creating a GitHub or Bitbucket free account
Creating a GitHub free account
Creating a Heroku free account
Creating a MongoLab free sandbox account
Creating a user and password for the databaseGetting the string connection
Initializing a git repository and pushing to GitHub
Creating a Heroku application using Heroku Dashboard
Linking the Heroku application to your git repositoryAdding environment variables to Heroku
Creating a Codeship free account
Adding environment variables to CodeshipCreating setup and test commands in the Codeship project configurationCreating the pipeline for deployment on HerokuAdding the Heroku API key to CodeshipChecking the test and deploy steps on the Codeship dashboard
Installing Docker and setting up the application
Checking the Docker versionCreating a Docker fileCreating a Docker imagePreparing and running the Docker imageUploading the project image to your Docker hub account
Summary

Content preview from Node.js 6.x Blueprints

Refactoring the views folder

As we did before, let's change the views folder to the following new structure:

views

pages/
partials/

Remove the default jade files form views folder.

Create a file called layout.html inside the pages folder and place the following code:

      <!DOCTYPE html> 
      <html> 
      <head> 
      </head> 
      <body> 
          {% block content %} 
          {% endblock %} 
      </body> 
      </html>

Create an index.html inside the views/pages folder and place the following code:

      {% extends 'layout.html' %} 
      {% block title %}{% endblock %} 
      {% block content %} 
      <h1>{{ title }}</h1> 
          Welcome to {{ title }} 
      {% endblock %}

Create an error.html page inside the views/pages folder and place the following code:

 {% extends 'layout.html' %} {% block title %}{% endblock %} {% block content %} <div ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Your First Week With Node.js, 2nd Edition

Publisher Resources

ISBN: 9781785888434

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Node.js 6.x Blueprints

by Fernando Monteiro

Refactoring the views folder

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

More than 5,000 organizations count on O’Reilly

Julian F.

Addison B.

Amir M.

Mark W.

You might also like

Your First Week With Node.js, 2nd Edition

9 Practical Node.js Projects

Hands-On JavaScript High Performance

The Node Craftsman Book

Publisher Resources