Hands-On full stack web development with angular 6 and laravel : become fluent in both frontend and backend web development with docker, angular and laravel / Fernando Monteiro.

Format:

Book

Author/Creator:

Monteiro, Fernando, author.

Language:

English

Subjects (All):

AngularJS (Software framework).

Application software--Development.

Application software.

Physical Description:

1 online resource (414 pages) : illustrations

Edition:

1st edition

Place of Publication:

Birmingham ; Mumbai : Packt, 2018.

System Details:

text file

Biography/History:

Monteiro Fernando: Fernando Monteiro is a full-stack engineer, speaker, and open source contributor. He has built and made some of his personal projects open source such as Responsive Boilerplate, Frontend Boilerplate, Angm-Generator, and TrelloMetrics. With around 16 years of experience in information technology, his current focus is on web and mobile enterprise JavaScript applications. He has worked as graphic designer for various companies and products, including mobile applications.

Summary:

Build modern, fast, and progressive web applications using modern features of PHP 7 and TypeScript Key Features Explore the latest features of Angular and Laravel to build applications that are powerful, consistent, and maintainable Develop modern user interfaces with a reusable component-based architecture using Angular 6 and Bootstrap 4 Learn how to build secure backend APIs with Laravel Book Description 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 What you will learn Explore the core features of Angular 6 to create sophisticated user interfaces Use Laravel 5 to its full extent to create a versatile backend layer based on RESTful APIs Configure a web application in order to accept user-defined data and persist it into the database using server-side APIs Build an off-line-first application using service-worker and manifest file Deal with token based authentication on single page application (SPA). Secure your application against threats and vulnerabilities in a time efficient way Deploy using Docker and Docker-compose Who this book is for This book targets developers who are new to Angular, Laravel, or both, and are seeking a practical, best-practice approach to development with these technologies. They must have some knowledge of HTML, CSS and JavaScript. Familiarity of PHP is assumed to get the most from this ...

Contents:

Cover

Title Page

Copyright and Credits

Dedication

PacktPub.com

Contributors

Table of Contents

Preface

Chapter 1: Understanding the Core Concepts of Laravel 5

Setting up the environment

Installing Composer package manager

Installing Docker

Configuring PHPDocker.io

Setting up PHPDocker and Laravel

Installing VS Code text editor

The basic architecture of Laravel applications

Laravel directory structure

The MVC flow

Laravel application life cycle

Artisan command-line interface

MVC and routes

Creating models

Creating controllers

Creating views

Creating routes

Connecting with a database

Setting up the database inside a Docker container

Creating a migrations file and database seed

Using the resource flag to create CRUD methods

Creating the Blade template engine

Summary

Chapter 2: The Benefits of TypeScript

Installing TypeScript

Creating a TypeScript project

Benefits of TypeScript

Writing JavaScript code with static types

Creating a tuple

Using the void type

The opt-out type checking - any

Using enum

Using the never type

Types: undefined and null

Understanding interfaces, classes, and generics in TypeScript

Creating a class

Declaring an interface

Creating generic functions

Working with modules

Using the class export feature

Importing and using external classes

Chapter 3: Understanding the Core Concepts of Angular 6

Angular 6 - smaller, faster, and easier

Angular and the component method for developing modern web applications

Angular's main building blocks

The component life cycle

Installing the tools - Git, the Angular CLI, and VS Code plugins

Installing Git

Installing the Angular CLI

Installing VS Code Angular plugins

Creating a simple Angular application.

The structure of an Angular application

The package.json file

Dotfiles - .editorconfig, .gitignore, and .angular-cli.json

Environments

Running the sample application

Adding a new module

Adding a new component

Adding a new route

Creating an Angular service

Template data binding

Simple deployment

Chapter 4: Building the Baseline Backend Application

Additional notes about Laravel with Docker

Creating the Docker Compose foundation

Configuring nginx

Configuring php-fpm

Creating a docker-compose configuration file

Building the application container

Using PHP Composer to scaffold a Laravel application

Creating the application scaffold

Running the application

Setting up a MySQL database

Adding a storage folder

Configuring the .env file

Using a MySQL external client

Migrations and database seed

Creating the migration boilerplate

Creating our first database seed

Exploring the Workbench table view

API documentation with the Swagger framework

Installing the L5-Swagger library

Creating the application API controller

Generating and publishing the API documentation

Adding Swagger definitions

Chapter 5: Creating a RESTful API Using Laravel - Part 1

Preparing the application and understanding what we are building

Refactoring the application files

What we are building

The application's summary

Creating models and migrations files

Adding content to migration files

Eloquent ORM relationship

One-to-one relationship

One-to-many relationship

Many-to-many relationship

Seeding our database

Querying the database using Tinker

Creating controllers and routes

Creating and updating the controller function

Creating the API routes

Generating Swagger UI documentation

Summary.

Chapter 6: Creating a RESTful API Using Laravel - Part 2

Dealing with request validation and error messages

HTTP status code

Implementing the Controllers validation

Adding custom error handling

Checking API URLs with the Swagger UI

Get all records

Get record by ID

Checking API response errors

Token-based authentication

Installing tymon-jwt-auth

Updating the User model

Setting up the auth guard

Creating the authController

Creating user routes

Protecting API routes

Creating and logging in a User

Dealing with Laravel resources

Creating BikesResource

Creating BuildersResource

Creating ItemsResource

Creating ratingResource

Adding resources to controllers

Chapter 7: Progressive Web Applications with the Angular CLI

Starting a web application with the Angular CLI

Preparing the baseline code

Scaffolding a web application with the Angular CLI

Creating the directory structure

Building the baseline for a PWA

Adding PWA features using ng add

Understanding the key files in PWA

PWA in action

Running the application in production mode

Angular service - workers in action

Debugging a progressive web application

Creating boilerplate Angular components

Creating the home module and component

Creating the bikes module and component

Creating the builders module and component

Preparing Auth routes - login, register, and logout components

Creating a layout component

Chapter 8: Dealing with the Angular Router and Components

Adding components to our application

Dealing with Angular routes

Creating authentication routes

Creating home routing

Configuring child routes for details pages

Adding builders child routes

Adding bikers child routes

Refactoring app.component.html.

Building frontend views

Creating the navigation component

Creating the home view and template

Creating the bikes router-outlet

Creating the bike-list view and template

Creating the bike-detail view and template

Creating the builders router-outlet

Creating the builder-list view and template

Creating the builder-detail view and template

Creating the login view and template

Creating the register view and template

Testing routes and views

Chapter 9: Creating Services and User Authentication

Dealing with models and classes

Creating the User class model

Creating the builders class model

Creating the Bike class model

Using the new HttpClient to deal with XHR requests

Creating the auth service

Creating the Register function

Creating the Login function

Creating the Logout function

Creating the setToken and getToken functions

Creating the getUser function

Creating the isAuthenticated function

Creating the handleError function

Creating the bikes service

Creating CRUD functions

Creating the voteOnBike function

Creating the builders service

Dealing with the HttpErrorHandler service

Creating a handler error service

Importing HttpErrorHandler into app.module.ts

Refactoring the builders service

Refactoring the bikes service

How to use authorization headers

Creating an HTTP interceptor

Adding AppHttpInterceptorService to the main module

How to protect application routes with route guards

Creating the route guard for bike-detail

Chapter 10: Frontend Views with Bootstrap 4 and NgBootstrap

Installing the Bootstrap CSS framework

Removing the Bootstrap CSS import

Adding Bootstrap SCSS imports

Overriding Bootstrap variables.

Writing Angular templates with Bootstrap

Adding template bindings to the navigation component

Adding template bindings to the login page

Adding template bindings to the register page

Adding template bindings to the bike-detail page

Adding template bindings to the bike-list page

Adding template bindings to the builder-detail page

Adding template bindings to the builder-list page

Setting up CORS on a Laravel backend

Setting up Laravel CORS

Connecting Angular services with application components

Adding environment configuration

Creating the navigation methods

Creating the bike-detail methods

Creating the bike-list methods

Creating the builder-detail methods

Creating the builder-list methods

Dealing with Angular pipes, forms, and validation

Creating a pipe filter

Intoducing Angular forms

Understanding Angular template-driven forms

Reviewing the login form template and component

Understanding Angular reactive/model-driven forms

Reviewing the register form template and component

Adding frontend form validation

Dealing with form validation on template-driven forms

Dealing with form validation on model-driven forms

Chapter 11: Building and Deploying Angular Tests

Setting application linters

Adding stylelint for SCSS files

Adding new scripts to the package.json file

Adding the .stylelintrc configuration

Installing the Stylelint plugin for VS Code

Setting VS Code for the new linter

Applying stylelint rules on style.scss

Fixing SCSS errors

Adding TSLint-angular to the package.json file

Creating linter tasks in package.json

Understanding Angular tests

Writing unit and e2e tests

Fixing unit tests

Fixing authGuard tests

Fixing authService tests

Fixing login tests

Fixing register tests.

Fixing bike service tests.

Notes:

Includes index.

Description based on print version record.

ISBN:

9781788836647

1788836642

OCLC:

1048790875