Book Overview & Buying
Table Of Contents
Feedback & Rating

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

By : Fernando Monteiro

3 (3)

Buy this Book

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

3 (3)

By: Fernando Monteiro

Buy this Book

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

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Understanding the Core Concepts of Laravel 5

Setting up the environment

The basic architecture of Laravel applications

Laravel application life cycle

Artisan command-line interface

MVC and routes

Connecting with a database

Summary

The Benefits of TypeScript

Installing TypeScript

Writing JavaScript code with static types

Understanding interfaces, classes, and generics in TypeScript

Working with modules

Summary

Understanding the Core Concepts of Angular 6

Angular 6 – smaller, faster, and easier

Angular and the component method for developing modern web applications

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

Creating a simple Angular application

Simple deployment

Summary

Building the Baseline Backend Application

Additional notes about Laravel with Docker

Using PHP Composer to scaffold a Laravel application

Setting up a MySQL database

Migrations and database seed

API documentation with the Swagger framework

Summary

Creating a RESTful API Using Laravel - Part 1

Preparing the application and understanding what we are building

Eloquent ORM relationship

Creating controllers and routes

Summary

Creating a RESTful API Using Laravel - Part 2

Dealing with request validation and error messages

Token-based authentication

Dealing with Laravel resources

Summary

Progressive Web Applications with the Angular CLI

Starting a web application with the Angular CLI

Building the baseline for a PWA

PWA in action

Creating boilerplate Angular components

Summary

Dealing with the Angular Router and Components

Preparing the baseline code

Adding components to our application

Dealing with Angular routes

Configuring child routes for details pages

Building frontend views

Summary

Creating Services and User Authentication

Preparing the baseline code

Dealing with models and classes

Using the new HttpClient to deal with XHR requests

Dealing with the HttpErrorHandler service

How to use authorization headers

How to protect application routes with route guards

Summary

Frontend Views with Bootstrap 4 and NgBootstrap

Preparing the baseline code

Installing the Bootstrap CSS framework

Writing Angular templates with Bootstrap

Setting up CORS on a Laravel backend

Connecting Angular services with application components

Dealing with Angular pipes, forms, and validation

Summary

Building and Deploying Angular Tests

Preparing the baseline code

Setting application linters

Understanding Angular tests

Writing unit and e2e tests

Application deployment

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

3 (3)

5 star

33.3%

4 star

3 star

33.3%

2 star

1 star

33.3%

Writing JavaScript code with static types

The first thing that you'll notice when working with TypeScript are its static types, in addition to all of the JavaScript types, indicated on the following table:

Primitives	Objects
String	Function
Number	Array
Null	Prototypes
Undefined
Boolean
Symbol

This means that you can declare the types of variables; it's pretty simple to assign a type to a variable. Let's look at some examples, using JavaScript types only:


function Myband () {
  let band: string;
  let active: boolean;
  let numberOfAlbuns: number;
}

With TypeScript, we have a few more types, as we'll see in the following sections.

Creating a tuple

A tuple is like an organized typed array...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

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

Your notes and bookmarks

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

By : Fernando Monteiro

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

By: Fernando Monteiro

Overview of this book

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access