Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Maciej Treder
Most Recent
Most Popular
Highest Rated
Reset
https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Build and Run an Angular Backend to Test LocallyThe newline Guide to Angular Universal

In this lesson you will prepare the application backend an entry gate for communicating with persistance layer and hosting Angular application bundle.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Mock MongDB for Angular End-to-End Unit TestsThe newline Guide to Angular Universal

This lesson is going to show you how to mock your data-source - MongoDB - for the E2E tests purpose. Thanks to using mongo-unit you will be able to perform actions that changes data in your DB, during E2E testing.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Build Angular End-to-End Unit Tests With TransferStateThe newline Guide to Angular Universal

In this lesson you will learn how you can verify the TransferState registry content in your E2E tests.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Unit Test Server-Side Services in Angular KarmaThe newline Guide to Angular Universal

Last but not least of your unit tests, should be to verify the server-specific services. In this lesson you will learn how to enforce Karma to run tests against code that includes server-specific objects and libraries.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Unit Test Slow API Calls in AngularThe newline Guide to Angular Universal

Next step is to simulate a long-running API and verify how server-side Angular deals with it. This lesson will demonstrate you how to do that.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Mock PLATFORM_ID Value for Angular Unit TestingThe newline Guide to Angular Universal

How to verify your application behavior in different environments? In this lesson you will get to know how you can stub the PLATFORM_ID injection token and HTTP request, for tests purpose.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

5 Angular Performance Optimization TipsThe newline Guide to Angular Universal

Faster! Faster! Faster! In this lesson you will enable gzip compression, defer the CSS, lazy-load images and more. All to make it faster!

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Cache Angular With Redis Node.js MiddlewareThe newline Guide to Angular Universal

In this lesson you will create a Node.JS middle-ware, that will be responsible for caching rendered views inside Redis database.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Install Redis CLI on Windows, Mac, and HerokuThe newline Guide to Angular Universal

First things first. Let's install the Redis DB on your machine and provision it in the Heroku environment.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Handle Slow API Calls in AngularThe newline Guide to Angular Universal

Long running API calls can affect your application rendering time, that might lead to the SEO disaster. In this lesson you will learn how you can protect your application against such situation.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Perform Angular HTTP Calls With TransferHttpCacheModuleThe newline Guide to Angular Universal

Next step is to get know a TransferHttpCacheModule, which provides the TransferState functionality "out of the box" for the HTTP calls.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Send Server Data to Client With Angular TransferStateThe newline Guide to Angular Universal

Say Hello to TransferState, a key-value registry that is passed along with the application bundle, from the server-side angular to the browser-side part of the application. In this lesson you will learn how frontend can get to know what backend has already do (ie retrieving data from DB); thanks to that you can avoid repeating those steps and offload your application backend.