8. Developing Web App Workflow with Grunt and Gulp | Node.js Blueprints

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Node.js Blueprints

By : Krasimir Stefanov Tsonev

4.7 (10)

Node.js Blueprints

4.7 (10)

By: Krasimir Stefanov Tsonev

Overview of this book

A straightforward, practical guide containing step-by-step tutorials that will push your Node.js programming skills to the next level. If you are a web developer with experience in writing client-side JavaScript and want to discover the fascinating world of Node.js to develop fast and efficient web and desktop applications, then this book is for you.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the color images of this book

Free Chapter

1. Common Programming Paradigms

1. Common Programming Paradigms

Node.js fundamentals

Organizing your code logic in modules

Understanding inter-module communication

Asynchronous programming

Exploring middleware architecture

Composition versus inheritance

Managing dependencies

Summary

2. Developing a Basic Site with Node.js and Express

2. Developing a Basic Site with Node.js and Express

Getting acquainted with Express

Installing Express

Managing routes

Handling dynamic URLs and the HTML forms

Returning a response

The example-logging system

Summary

3. Writing a Blog Application with Node.js and AngularJS

3. Writing a Blog Application with Node.js and AngularJS

Exploring AngularJS

Selecting and initializing the database

Developing the client side with Angular

Implementing a control panel

Summary

4. Developing a Chat with Socket.IO

4. Developing a Chat with Socket.IO

Exploring WebSockets and Socket.IO

Understanding the basic application structure

Running the server

Adding Socket.IO

Writing the client side of the chat

Implementing user-to-user communication

Summary

5. Creating a To-do Application with Backbone.js

5. Creating a To-do Application with Backbone.js

Exploring the Backbone.js framework

Writing the backend of the application

Writing the frontend

Summary

6. Using Node.js as a Command-line Tool

6. Using Node.js as a Command-line Tool

Exploring the required modules

Planning the application

Obtaining images from a folder

Authorizing the Flickr protocol

Uploading the images

Summary

7. Showing a Social Feed with Ember.js

7. Showing a Social Feed with Ember.js

Preparing the application

Running the server and delivering the assets

Getting tweets based on a user handle

Discovering Ember.js

Understanding Ember.js

Writing Ember.js

Defining the routes

Handling the user input and moving to the second screen

Displaying the tweets

Summary

8. Developing Web App Workflow with Grunt and Gulp

8. Developing Web App Workflow with Grunt and Gulp

Introducing the task runners

Exploring Grunt

Discovering Gulp

Summary

9. Automate Your Testing with Node.js

9. Automate Your Testing with Node.js

Understanding the importance of writing tests

Choosing a testing methodology

Classifying tests

Using Jasmine

Testing with Mocha

Testing with a headless browser

Testing with DalekJS

Summary

10. Writing Flexible and Modular CSS

10. Writing Flexible and Modular CSS

Writing modular CSS

Exploring CSS preprocessors

Styling a simple login form

Summary

11. Writing a REST API

11. Writing a REST API

Discovering REST and API

Developing an online library – a REST API

Working with the database

Testing the API

Summary

12. Developing Desktop Apps with Node.js

12. Developing Desktop Apps with Node.js

Using node-webkit

Writing the base of the application

Displaying and using the working directory

Extending the application

Summary

Index

Index

Exploring Grunt

Grunt is a Node.js module, which means it is installed via the Node.js package manager. To get started, we need to install Grunt's command-line tool.

npm install -g grunt-cli

The -g flag sets the module as a global command so that we can run it in every directory. Once the installation finishes, we are able to run grunt, which is executable. The instructions to the task runner are stored in the Gruntfile.js file. Place this file in the root project's directory and place our tasks inside. Once we have filled the Grunt file, open the terminal, navigate to the directory, and type grunt.

The Grunt's configuration file is like a rules list. Describe step by step what exactly needs to be done. The following code snippet is the simplest format of the Gruntfile.js file:

module.exports = function(grunt) {
  grunt.initConfig({
    concat:{
    }
  });
  grunt.registerTask('default', ['concat']);
}

The tasks are set up in the object passed to the initConfig function. In the preceding...

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.

Node.js Blueprints

Search

Your notes and bookmarks