10. Writing Flexible and Modular CSS | 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 CSS preprocessors

Preprocessors are tools that accept code and compile it. In our context, such instruments output CSS. There are few big benefits of using preprocessors.

Concatenation: Writing everything in one single .css file is not an option anymore. We all need to split our styles logically and this normally happens by creating a bunch of different files. CSS has a mechanism to import one file from another—the @import directive. However, by using it, we are forcing the browser to create another HTTP request to the server, which can decrease the performance of our application. CSS preprocessors normally deliver only one file by replacing the functionality of @import and simply concatenating all the used files.
Extending: We don't like to write things over and over again and with pure CSS coding, this happens all the time. The good news is that preprocessors provide a feature that solves this problem. It's called a mixin. We can think of it as a function which is executed and...

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.

Node.js Blueprints

Search

Your notes and bookmarks