Hands-On Full Stack Web Development with Aurelia: Develop modern and real-time web applications with Aurelia and Node.js

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Styling the User Interface

We now have our running Aurelia application and know all the basic principles of JavaScript programming. Our Hello World! message appears on screen, but don't you think it is a little simple and static? In this chapter, we will explore how to add style to our application using modern tools such as SASS and LESS. Also, we will talk about the most important styling libraries used nowadays such as Bootstrap, Semantic UI, and Material Design. Finally, with all this previous learning, let's make our application look cool, awesome, and attractive by configuring our project to use the Aurelia-Materialize plugin. Some of the tools we are going to use for this purpose are:

CSS preprocessors: SASS, LESS
Task automation tools: Gulp
CSS libraries: Bootstrap, Material Design, Semantic UI

Sounds exciting? We know yes, first we need to start talking about...

Key benefits

• Learn the advanced features of Aurelia to build responsive web applications

• Write clean, modular, and testable code that will be easy to maintain and evolve

• Harness the power of JavaScript on the client and server side to build full-stack applications

Description

Hands-On Full Stack Web Development with Aurelia begins with a review of basic JavaScript concepts and the structure of an Aurelia application generated with the Aurelia-CLI tool. You will learn how to create interesting and intuitive application using the Aurelia-Materialize plugin, which implements the material design approach. Once you fully configure a FIFA World Cup 2018 app, you'll start creating the initial components through TDD practices and then develop backend services to process and store all the user data. This book lets you explore the NoSQL model and implement it using one of the most popular NoSQL databases, MongoDB, with some exciting libraries to make the experience effortless. You'll also be able to add some advanced behavior to your components, from managing the lifecycle properly to using dynamic binding, field validations, and the custom service layer. You will integrate your application with Google OAuth Service and learn best practices to secure your applications. Furthermore, you'll write UI Testing scripts to create high-quality Aurelia Apps and explore the most used tools to run end-to-end tests. In the concluding chapters, you'll be able to deploy your application to the Cloud and Docker containers. By the end of this book, you will have learned how to create rich applications using best practices and modern approaches.

What you will learn

• Employ best practices and modern approaches to create frontend applications

• Learn about modern CSS preprocessors and improve the readability of your application

• Use the Aurelia framework to create navigable web applications

• Write your own tests, making your application secure and fault-tolerant

• Create solid RESTful APIs using the microservice architecture

• Understand the NoSQL paradigm and get the best performance from your database

• Integrate third-party libraries such as Gmail for Single Sign On

• Write UI testing scripts and integration tests to build extensible apps

What do you get with Print?