Book Image

Express Web Application Development

By : Hage Yaaapa
Book Image

Express Web Application Development

By: Hage Yaaapa

Overview of this book

Express is a minimal and flexible node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications. It provides a thin layer of features fundamental to any web application, without obscuring features that developers know and love in node.js. "Express Web Application Development" is a comprehensive guide for those looking to learn how to use the Express web framework for web application development. Starting with the initial setup of the Express web framework, "Express Web Application Development" helps you to understand the fundamentals of the framework. By the end of "Express Web Application Development", you will have acquired enough knowledge and skills to create production-ready Express apps. All of this is made possible by the incremental introduction of more advanced topics, starting from the very essentials. On the way to mastering Express for application development, we teach you the more advanced topics such as routes, views, middleware, forms, sessions, cookies and various other aspects of configuring an Express application. Jade; the recommended HTML template engine, and Stylus; the CSS pre-processor for Express, are covered in detail. Last, but definitely not least, Express Web Application Development also covers practices and setups that are required to make Express apps production-ready.
Table of Contents (15 chapters)
Express Web Application Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Selectors


Stylus does not change the original syntax of CSS selectors—IDs are selected using #, classes using ., direct children using >, and so on. It just adds some additional features on top of CSS to make defining style declarations easier and dynamic.

Selector blocks

Selectors and style declarations in Stylus are superset of the standard CSS selectors and style declarations; hence regular CSS is valid Stylus:

#content {
  color: #999;
  padding: 5px;
  box-shadow: 5px 5px 1px #ccc;
}

However, colons, semicolons, commas, and braces are optional in Stylus:

#content
  color #999
  padding 5px
  box-shadow 5px 5px 1px #ccc

Omitting colons can make things a little confusing, so you might want to keep the colons to help in visually demarcate properties and values:

#content
  color: #999
  padding: 5px
  box-shadow: 5px 5px 1px #ccc

Omitting the braces comes with a price—we now use indentations to define the selector blocks. You can use either tabs or spaces for indentation. Choose whichever you...