How deeply does Modern Angular cover window?

Explains SSR failure and client-only scheduling, then demonstrates scroll listeners and scrolling, but does not cover broader window APIs.

Window

As explained in Modern Angular

window is the browser global object that represents a document's browsing context and exposes browser-specific APIs.

window is the browser global object for a document's browsing context. It exposes browser APIs such as scrolling and event listeners, but it does not exist during server-side rendering (SSR). section 9.2.3

Direct references from component initialization can therefore fail with “window is not defined.” Angular's afterNextRender and afterRender defer browser-only callbacks until client rendering; afterNextRender runs once, while afterRender runs after each render. section 9.2.3

SSR-safe scroll-to-top control

A ScrollToTopComponent registers its window scroll listener inside afterNextRender, checks window.scrollY, updates visibility after scrolling beyond 100 pixels, and calls window.scrollTo for smooth return to the top.

How Modern Angular covers it

liveBook manning.com

Read Modern Angular on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Secrets of the JavaScript Ninja, Second EditionThe browser-provided global object representing a browsing context and exposing browser APIs.
liveBook manning.com

Get Programming: Learn to code with PythonA window is a bounded region of a graphical interface in which an application displays content and controls.
liveBook manning.com

.NET MAUI in ActionA window is a .NET MAUI top-level display container that hosts a page and can be opened as an application window.

Compare how 4 books explain window →

Related concepts

global objectkind of · The global object is the top-level JavaScript object that provides globally accessible properties, functions, and bindings within an execution environment.
global execution contextequivalent to · The outermost JavaScript execution context in which global code is evaluated and global bindings are initialized.
handlercontrasts with · A handler is a callable or software component that processes an event, request, message, or other input and performs associated processing.
addEventListeneruses · addEventListener is a web API method that registers a callback to run when a specified event occurs on an event target.
innerWidthhas part · innerWidth is a browser window property specifying the viewport width in CSS pixels.
svelte window elementused by · The Svelte window element is a special Svelte component element that exposes browser window properties and events to a component.

This explainer was generated by Manning's knowledge graph from the text of Modern Angular. The section links point to the parts of the book it draws on.