Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
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 Optimize Angular SEO With Title and Meta TagsThe newline Guide to Angular Universal

Next step in SEO is to set up meta-tags. If you want to know how to do it in Angular, this lesson will help you to find the answer.

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

lesson

How to Add Sitemap.xml and Robots.txt to an Angular AppThe newline Guide to Angular Universal

In this lesson, you will add even more for SEO. Your application deserves robots.txt and proper sitemap.

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

lesson

How to Add Internationalization to Angular With i18nThe newline Guide to Angular Universal

Unfortunately, schematics are not a magic wand and they won't solve all of your problems. Sometimes your project needs to be adjusted to do not break Server-Side Rendering process. Here's what might go wrong, and how to address that.

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

lesson

How to Measure Performance - Angular vs Angular UniversalThe newline Guide to Angular Universal

Once the application is said to be SEO friendly and performance optimized by schemtaics - let's check that in battlefield. In this lesson you will deploy your project to Heroku and measure its performance.

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

lesson

Server-Side Rendering With Angular Universal SchematicsThe newline Guide to Angular Universal

The easiest way to enhance your Angular project with new functionalities is to use Schematics - a set of instruction for CLI on how to change the project and install new dependencies. Let's do that with Angular Universal and review what Schematics did for us.

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

lesson

How to Deploy an Angular App and Watch PerformanceThe newline Guide to Angular Universal

Every journey has some end. At the end of software development is production. It's time to deploy your application to Heroku and test with multiple tools how it performs.

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

lesson

How to Fetch Data From MongoDB and Display it in AngularThe newline Guide to Angular Universal

Our application would be nothing without the data. In this course part you will display products images, description and prices in your Angular application.

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

lesson

How to Add User Authentication to Angular With MongoDB APIThe newline Guide to Angular Universal

When the backend is ready, it's time for frontend. In this lesson you will integrate user API with Angular. You will implement the user authentication flow.

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

lesson

Build MongoDB API With Encryption for PII Data and AuthThe newline Guide to Angular Universal

We're building software for people, and we need to give them a way to communicate with it. This lesson will show you how to prepare an API for user interaction like loging in and adding products to list of favorites. Moreover you will be introduced to the security essentials like cookies encryption and password hashing.

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

lesson

How to Build a MongoDB REST API to Fetch DataThe newline Guide to Angular Universal

Once the database is set up and ready, you need to establish a connection with it. That's what you're going to do in this part of the course. Apart of that you will create backend API to get list of products and their descriptions.

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

lesson

How to Install MongoDB Locally and Import JSON DataThe newline Guide to Angular Universal

Every application needs a persistence layer. This lesson will show you how to enroll for free Atlas cloud MongoDB instance. You will also feed your database with data.

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

lesson

How to Install Angular From the CLI and Add Bootstrap CSSThe newline Guide to Angular Universal

Most projects start from scratch. This one is not an exception. In this lesson you will initialize the Angular application using CLI, include the Cascading StyleSheet, set up routing and basic components.