Book Overview & Buying
Table Of Contents

Hands-On Full Stack Web Development with Aurelia

By : Diego Argüelles Rojas , Erikson Murrugarra Murrugarra Sifuentes

5 (1)

Buy this Book

Hands-On Full Stack Web Development with Aurelia

5 (1)

By: Diego Argüelles Rojas , Erikson Murrugarra Murrugarra Sifuentes

Buy this Book

Overview of this book

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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Introducing Aurelia

JavaScript fundamentals

The ECMAScript standard

Setting up our environment

The Aurelia framework

Aurelia command-line tool

World Cup app overview

Summary

Styling the User Interface

Talking about CSS

Exploring SASS and LESS

Automating tasks with Gulp

Exploring CSS frameworks

Configuring our project with Aurelia-Materialize

Summary

Testing and Debugging

Benefits of testing

Test-Driven Development

Aurelia testing frameworks

Testing an Aurelia component

Debugging our code

Summary

Creating Components and Templates

Lego components

Learning how DI works

Managing a component's life cycle

Managing events with Aurelia

Data binding

Routing and resources

Testing our components

Time to practice!

Summary

Creating Our RESTful API

Understanding RESTful

Designing APIs

Creating an API with Node.js

Improving our API with Express.js

Coding our project

Summary

Storing Our Data in MongoDB

NoSQL databases

Introducing MongoDB

MongooseJS

Integrating our API with MongoDB

Summary

Advanced Features on Aurelia

Subscribing and publishing events – Event Aggregator at the rescue!

Adding more languages to our application – Internationalization!

Tracking method calls and user actions – Logging

Modal configuration – Aurelia dialog at rescue!

Dynamic value converters – Less code, more functionality

Binding custom behaviors to our application

Improving our application forms – Validators

Manipulating the DOM – Custom attributes

Understanding how computed properties work

Summary

Security

Understanding JSON Web Tokens

Custom authentication and authorization

Introducing Auth0

Social Login with Auth0

Single sign-on

Summary

Running E2E Tests

Integration testing – Multiple services, one application

Does our app meet our business requirements? UI testing

API test with Swagger

Summary

Deployment

Configuring our web for production

Deploying on your own server

Deploying on Heroku

Deploying on AWS S3 Buckets

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Summary

In this chapter, we learned how to style our Aurelia application using CSS. Also, we explored the two most popular CSS preprocessors—LESS and SASS. We saw how these preprocessors help us develop more powerful style sheets using variables and extensions.

We explored how to automate tasks using Gulp. Gulp is used by the Aurelia CLI to execute all the tasks related to it.

Lastly, we went through different CSS Frameworks and explored and configured Google's Material Design Framework. We used Material Design to create our example application and take advantage of the most common UI elements.

In the next chapter, we will see how to apply testing in our code by adopting Test-Driven-Development in our development process. Keep reading!

Tech Concepts

Programming languages

Tech Tools