The newline Guide to Angular Universal

In this course I'll show you how to enhance existing Angular application with Angular Universal, how to optimize its performance and what are Server-Side Rendering best practices. You'll see how to improve PageSpeed Insights score from 66 to 95 points!

  • 4.8 / 5 (8 ratings)
  • Published
  • Updated
Video Lessons

0 Videos

Course Instructor
How The Course Works

01Remote

You can take the course from anywhere in the world, as long as you have a computer and an internet connection.

02Self-Paced

Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.

03Community

Join a vibrant community of other students who are also learning with The newline Guide to Angular Universal. Ask questions, get feedback and collaborate with others to take your skills to the next level.

04Structured

Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.

Course Overview

Master Production-Ready SSR and Deployments with Angular

What you will learn
  • How to make SEO friendly Angular application

  • What problems Angular Universal can solve

  • How to integrate Angular Universal application with MongoDB and Redis cache

  • Preparing server-specific Angular services and logic paths in the server and browser common code

  • How to create transfer data between server and browser using TransferState

  • Importance of optimizing server-side REST calls

  • How to manipulatie Angular application and tags

  • How to Unit test and e2e test Angular Universal application

  • How to prepare your application for prerendering

In this course, we'll create a complete Angular application that is Server-Side-Rendered with Angular Universal.

The application will be optimized for the best possible performance and will be tuned for real-world production use. For example, we'll use Redis for server-side caching, create protected routes, and get great SEO benefits with a snappy user experience.

This course is 40+ lessons where we walk through a step-by-step tutorial to optimize an Angular app from a Lighthouse score of 66 (the default) to a blazing-fast score of 95 (!)

The problem with "normal" Angular apps is that they don't run until our user has downloaded the entire application - but with SSR, we'll render our Angular app on the server.

The result is that your app will load super-fast, you'll improve your SEO, you will delight your users.

Along the way, we'll learn production deployment techniques like:

  • how to use a CDN (Content Delivery Network) for global performance and
  • how to deploy to Heroku and retrieve data from a MongoDB database
  • How to measure and improve metrics like time-to-first-byte and time to first-contentful-paint
  • How to add data like internationalization with SSR
  • How to manage security and secrets in your SSR build
  • How fetch server-side queries from the database
  • How to use TransferState to eliminate duplicate client-side queries
  • How to test server-side rendered apps
  • How to pre-render static pages

By the end of this course you'll understand how to create Angular apps with real-world, production-level performance.

angular

Our students work at

  • salesforce-seeklogo.com.svgintuit-seeklogo.com.svgAdobe.svgDisney.svgheroku-seeklogo.com.svgAT_and_T.svgvmware-seeklogo.com.svgmicrosoft-seeklogo.com.svgamazon-seeklogo.com.svg

Course Syllabus and Content

Module 5

Transfering data between server and browser

3 Lessons

Module 8

Prerendering

3 Lessons

Module 9

Summary

1 Lesson

Meet the Course Instructor

Maciej Treder

Maciej Treder

👋 Hi! I'm Maciej Treder, senior software development engineer in Akamai Technologies. I am an international conference speaker, focusing on JavaScript, Angular and web technologies. I am author of several publications about JavaScript, Angular and software architecture. I am founder of the ng-toolkit - set of tools to enhance existing Angular applications.

Purchase the course today

One-Time Purchase

Get lifetime access to this course

$29$59$30.00 off
The newline Guide to Angular Universal
  • Discord Community Access
  • Full Transcripts
  • Money Back Guarantee

newline Pro Subscription

$30/MO

Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More

The newline Guide to Angular Universal

Charged monthly. Free to cancel anytime

  • Discord Community Access
  • Full Transcripts
  • Money Back Guarantee

Plus:

  • Unlimited access to 60+ newline Books, Guides and Courses
  • Interactive, Live Project Demos for Every newline Book, Guide and Course
  • Complete Project Source Code for Every newline Book, Guide and Course
  • Best Value 🏆
Error: Can't find product newline-basic-subscription-monthly. Please contact [email protected]

Frequently Asked Questions

Who is this course for?

This course is for developers who have an essential exposure to Angular, and want to make a deep dive into the Angular Universal world.

What if I need help?

You can ask us questions anytime through the community Discord channel, starting a discussion in the course, or by sending us a message.

Newline Guide to Angular Universal Course

$29

$59