Cargando…
Beginning server-side application development with Angular : discover how to rapidly prototype SEO-friendly web applications with Angular Universal /
Dynamic client-side web applications are great for UX, but not so much for your SEO. Learn how to build the same great UX with server-side Angular, all without taking a hit to search referrals.
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham, UK :
Packt Publishing,
2018.
|
| Temas: | |
| Acceso en línea: | Texto completo Texto completo |
Tabla de Contenidos:
- Cover; C09633
- Final- ebook; Preface; Creating the Base Application; Server-Side and Client-Side Rendering; Installing Angular CLI; Generating a New Application; Creating a New Application; Serving the Application; Viewing Your Application; Setting Defaults for Angular CLI; Configuring Global Defaults; Configuring Global Styles; Linking to the Style Sheets in global styles.css; Adding Bootstrap and Font Awesome; Showing an Icon on the Page; Creating UI Modules and Components; Creating the UiModule; Importing Our UiModule; Displaying the Current Route; Creating the LayoutComponent.
- Adding a New RouteBuilding Our Layout; Creating the HeaderComponent; Updating the LayoutComponent to Reference Our New HeaderComponent; Creating the Actual Header; Creating the FooterComponent; Updating the LayoutComponent to Reference Our New FooterComponent; Creating the Actual Footer; Summary; Creating the Application Module and Components; Types of Components; Presentational Components; Container Components; Folder Structure; Generate and Lazy Load the PostsModule; Creating the Container Components; Creating PostsComponent and ProfileComponent; Adding Dummy Post and Profile Data.
- Creating a Service to Retrieve DataGenerating the Service; Storing Our API URL; Referencing Our New PostsService in Our Container Components; Defining the Public Methods; Importing HttpClientModule in Our AppModule; Creating the Presentational Components; Creating the PostListComponent; Creating the PostItemComponent; Creating the ProfileItemComponent; Creating Resolvers to Retrieve Data Using the Router; Creating Resolvers; Importing Our Resolvers; Using the Data Resolved by the Router; Summary; Server-Side Rendering; Generating the Server App; Generating the Angular Universal Application.
- Making Our Apps ConsistentAdding Dependencies for the Server App; Adding the Server App to Our Angular CLI Configuration; Adding Run Scripts to package.json; Adding npm Scripts; Testing the Builds of Both Apps; Implementing a Web Server; Installing Server Dependencies; Creating the server.ts File; Adding the npm Script to package.json; Starting the Server; Adding Dynamic Metadata; Creating the UiService; Adding Metadata to PostsComponent and ProfileComponent; Summary; Service Workers; What Is a Service Worker?; What Is a Progressive Web App?; Installing Dependencies.
- Enabling the Service WorkerImporting the ServiceWorkerModule; Creating the Service Worker Configuration; Configuring the Service Worker; Asset and Data Groups; Configuring the Asset and Data Groups; Testing the Service Worker; Checking Where the Data Comes from; Enabling Offline Mode; Running a Local Build of the Browser App; Inspecting the Behavior; Setting Our Application to Offline Mode; Debugging the Service Worker; Chrome Developer Tools to the Rescue; Locating the Running Service Worker; Unregistering the Registered Service Worker; Summary; Index; Blank Page.