Book Image

Hands-On Full Stack Web Development with Angular 6 and Laravel 5

By : Fernando Monteiro
Book Image

Hands-On Full Stack Web Development with Angular 6 and Laravel 5

By: Fernando Monteiro

Overview of this book

Angular, considered as one of the most popular and powerful frontend frameworks, has undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications. This book gives you practical knowledge of building modern full-stack web apps from scratch using Angular with a Laravel Restful back end. The book begins with a thorough introduction to Laravel and Angular and its core concepts like custom errors messages, components, routers, and Angular-cli, with each concept being explained first, and then put into practice in the case-study project. With the basics covered, you will learn how sophisticated UI features can be added using NgBootstrao and a component-based architecture. You will learn to extend and customize variables from Bootstrap CSS framework. You will learn how to create secure web application with Angular and Laravel using token based authentication. Finally, you will learn all about progressive web applications and build and deploy a complete fullstack application using Docker and Docker-compose. By the end of this book, you'll gain a solid understanding of Angular 6 and how it interacts with a Laravel 5.x backend
Table of Contents (13 chapters)

Starting a web application with the Angular CLI

When we started writing this chapter, the Angular framework had launched its newest version: version 6. In previous chapters, we have already commented on some of the novelties that are present in this version.

The new version is more focused on development tools (such as the Angular CLI) than the evolution of the framework itself. We can cite the new functions of the Angular CLI with commands such as ng update and ng add, which are very useful for updating packages and adding new ones.

The first thing that we need to do is update the Angular CLI on the machine; open your Terminal window and type the following command:

npm install -g @angular/cli

The preceding command will install Angular CLI 6.0.0 on your machine globally.