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

Discovering Gulp

Gulp is a build system that has become quite popular. It's almost the same concept as Grunt. We are able to create tasks that do something for us. Of course, there are a lot of plugins. In fact, most of the main Grunt plugins have equivalent plugins in Gulp. However, there are some differences, which are mentioned in the following points:

There is a configuration file, but it is called gulpfile.js
Gulp uses streams to process the files, which means that it doesn't create any temporary file or folder. This may lead to the better performance of the task runner.
Gulp follows the code-over-configuration principle, that is, while we set up the Gulp tasks, the process is like coding rather than writing the configurations. This makes Gulp friendly for the developers.

Installing Gulp and fetching plugins

Like Grunt, Gulp is available in the Node.js' package manager.

npm install -g gulp

The preceding command line will set up the task runner globally. Once the installation is complete...

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