Mastering angular components : build component-based user interfaces using angular

Mastering angular components build component-based user interfaces using angular

Develop modern user interfaces using Angular 6 and its component-based architecture. Key Features Build better web applications with highly scalable concepts using Angular Learn new ways to design your web applications Build a fully functional web application that lets you tackle real-world user int...

Descripción completa

Detalles Bibliográficos
Otros Autores: Kunz, Gion, author (author)
Formato: Libro electrónico
Idioma:Inglés
Publicado: Birmingham ; Mumbai : Packt Publishing 2018.
Edición:Second edition
Materias:
AngularJS (Software framework)
Application software > Development.
Ver en Biblioteca Universitat Ramon Llull:https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009630430406719
Tabla de Contenidos:
  • Cover
  • Title Page
  • Copyright and Credits
  • Dedication
  • Packt Upsell
  • Contributors
  • Table of Contents
  • Preface
  • Chapter 1: Component-Based User Interfaces
  • Thinking in components
  • Components - the organs of user interfaces
  • Encapsulation
  • Composability
  • Components, invented by nature
  • My UI framework wishlist
  • Time for new standards
  • Template elements
  • Shadow DOM
  • Angular's component architecture
  • Everything is a component
  • Your first component
  • Angular NgModule
  • JavaScript of the future
  • I speak JavaScript, translate, please!
  • Classes
  • Modules
  • Template strings
  • TypeScript
  • History with TypeScript in Angular
  • Decorators
  • Tools
  • Node.js and npm
  • Angular CLI
  • Summary
  • Chapter 2: Ready, Set, Go!
  • Managing tasks
  • Vision
  • Starting from scratch
  • Main application component
  • Resource download
  • Main application NgModule
  • Bootstrapping
  • Running the application
  • Recap
  • Creating a task list
  • Recap
  • The right size of components
  • Recap
  • Adding tasks
  • Recap
  • Custom UI elements
  • Recap
  • Task data service
  • Recap
  • Filtering tasks
  • Recap
  • Summary
  • Chapter 3: Dealing with Data and State
  • Reactive programming with RxJS
  • HTTP client and in-memory web APIs
  • Using behaviour subjects
  • Loading data in the task service
  • Subscribing in the view using the async pipe
  • Recap
  • Immutability
  • Immutability with TypeScript
  • Pure components
  • Introducing container components
  • Purifying our task list
  • Summary
  • Chapter 4: Thinking in Projects
  • Moving into projects
  • Project service
  • Project component
  • Updating the task list container
  • Integrating the project component
  • Recap
  • Creating a tabbed interface component
  • Building the main navigation
  • Composition using content projection
  • Creating navigation components.
  • Providing a project navigation
  • Recap
  • One editor to rule them all
  • Creating an editor component
  • Integrating the editor component
  • Recap
  • Dealing with users
  • User service
  • User area component
  • Integrating the user area component
  • Building a commenting system
  • Introducing a model for comments
  • Building the comment component
  • Building the comments component
  • Integrating the commenting system into projects
  • Recap
  • Summary
  • Chapter 5: Component-Based Routing
  • An introduction to the Angular router
  • Composition using the router
  • Routing with container components
  • Router configuration
  • Back to the routes
  • Composing projects using the router
  • Child routes for project details
  • Guarding our projects
  • Summary
  • Chapter 6: Keeping up with Activities
  • Creating a service for logging activities
  • Logging activities
  • Leveraging the power of SVG
  • Styling SVG
  • Building SVG components
  • Building an interactive activity slider component
  • Projection of time
  • Rendering activity indicators
  • Bringing it to life
  • Recap
  • Building the activity timeline
  • Summary
  • Chapter 7: Components for User Experience
  • Tag management
  • A model for our tags
  • Creating a tags service
  • Rendering tags
  • Integrating tags using a pipe
  • Supporting tag input
  • Creating a tag input directive
  • Creating a tags select component
  • Integrating tag selection within the editor component
  • Integrating tag selection in project comments
  • Finishing up our tagging system
  • Drag and drop
  • Updating our model for ordering tasks
  • Implementing the draggable directive
  • Implementing a drop target directive
  • Integrating drag and drop
  • Recapitulate on drag and drop
  • Summary
  • Chapter 8: Time Will Tell
  • Task details
  • Navigating to task details
  • Enabling tags for tasks
  • Managing efforts.
  • No-UI time duration input
  • Components to manage efforts
  • The visual efforts timeline
  • Recapitulating on efforts management
  • Summary
  • Chapter 9: Spaceship Dashboard
  • Introduction to Chartist
  • Projects dashboard
  • Creating the projects dashboard component
  • Project summary component
  • Integrating the projects dashboard
  • Creating your first chart
  • Processing activity data
  • Creating an activity chart
  • Visualizing open tasks
  • Preparing task data
  • Modeling the problem
  • Creating an open tasks chart
  • Creating a chart legend
  • Making the tasks chart interactive
  • Summary
  • Chapter 10: Putting Things to the Test
  • An introduction to Jasmine and Karma
  • Karma and integration to Angular CLI
  • Writing our first test
  • Spying on component output
  • Utilities to test components
  • Injecting in tests
  • Using TestBed for running Angular tests
  • Component fixture
  • Mocking child components
  • Mocking services
  • Testing components in action
  • Testing component interaction
  • Summary
  • Other Books You May Enjoy
  • Index.

Ejemplares similares