Angular - Reusable Layout Templates Using Angular Routing and Flex-layout Flexbox

In this tutorial, you will see how to create your Layout Template using Angular Routing and Flex Layout.

Code on StackBlitz: https://stackblitz.com/edit/angular-a3a4wy
Code on Github: https://github.com/bloodymind/angular-layout

We will mainly:
- Create 2 Components as Layout (Full-Width Layout and Sidebar Layout )
- Create 3 Components as Pages (Home, Posts, and Login)
- Update the App Routing (Angular Routing) to support the Parent and Child Routes
- Create a Shared Module for the Header, Sidebar, and Footer. Will be considered as reusable parts in the App.

- 00:00 Introduction
- 00:24 Requirements (Nodejs installation + Angular CLI installation)
- 00:48 Create Project using Angular CLI + Install Flex Layout
- 10:04 Create Shared Module for the Header, Sidebar, and Footer (Reusable Components)

# Please support us on Patreon If you like the video: https://www.patreon.com/codeacademia

#angular #angular-layout #angular-template #angular-new-project #angular-routing

Видео Angular - Reusable Layout Templates Using Angular Routing and Flex-layout Flexbox канала Code Academia