Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    Angular 2 Components
    Angular 2 Components
    Angular 2 Components
    Ebook225 pages1 hour

    Angular 2 Components

    By Nir Kaufman and Thierry Templier

    ()

    Read preview

    About this ebook

    If you are a front-end developer with some experience in Angular and want to understand Angular 2 Components, and easily put it to use to create powerful user interfaces and views, then this book is for you
    LanguageEnglish
    PublisherPackt Publishing
    Release dateNov 30, 2016
    ISBN9781785889400
    Angular 2 Components

    Related to Angular 2 Components

    Related ebooks

    Internet & Web For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      DJANGO Create A Database-driven Website

      Jun 4, 2019

      The Django web framework was named after the famous guitarist Django Reinhardt and was first created by web developers at a small newspaper in Kansas. The main goals of Django is to enable fast development of complex websites with database needs. It

      7 min read

    • Article

      Basic Concepts

      Jul 2, 2019

      A messaging system such as Kafka enables you to send messages between processes, applications and servers. Applications connect to Kafka to send or get data. Strictly speaking, a Kafka ‘topic’ is a unit of storage in Kafka: data in Kafka is stored in

      1 min read

    • Article

      Code A Cataloguing Application In Python

      Nov 15, 2022

      Credit: www.djangoproject.com Matt Holder has been a fan of the open source methodology for over two decades and uses Linux and other tools where possible. More featurepacked source code for this project can be downloaded from https://github.com/mat

      8 min read

    • Article

      FLASK Web Frameworks

      Jun 4, 2019

      The main focus of Python has always been to get you cracking on with your coding – the language was never made for web programming. However, this has just made it more interesting to extend the language for the web, or to create an interface to web-b

      9 min read

    • Article

      Code An Admin Back-end In Django

      Dec 13, 2022

      Credit: www.djangoproject.com OUR EXPERT Matt Holder has been a fan of the open source methodology for over two decades and uses Linux and other tools where possible. More featurepacked source code for this project can be downloaded from https://

      6 min read

    • Article

      Usability

      Oct 19, 2021

      Usability
      3 min read

    • Article

      Create Smaller Sized Apps With React

      Nov 19, 2019

      You may not be surprised that some developers have criticised Electron (see tutorials LXF256), mostly regarding the memory usage of its final binaries. The initial binary is over 100MB, because a major chunk of code from Chrome is embedded. When you

      6 min read

    • Article

      Discover Easy-to -build Desktop Apps

      Oct 22, 2019

      Electron is actually a browser packaged with node.js and a few APIs. Because it’s built on top of the Chromium browser, you have everything available from there to add to your application. GitHub developed it as part of the Atom editor; it was open-s

      7 min read

    • Article

      Assessing Ease Of Use

      Jul 28, 2020

      Assessing Ease Of Use
      3 min read

    • Article

      Process Your Smarthome Sensor Data

      Nov 14, 2023

      Part Two! Don’t miss next issue, subscribe on page 16! Matt Holder is an IT professional of 15 years, Linux user for over 20 years, user of plenty of home automation gear and selfprofessed geek. The complete code listing can be downloaded from https

      9 min read

    • Article

      Build A Club On The Next-gen Web

      Aug 23, 2022

      OUR EXPERT Onthe current web there are a few, enormous companies that dominate your activities and collect your data. For many of us this is a worrying development that we need to do something about. One technical solution is to develop a new versio

      9 min read

    • Article

      It’s Collabora time!

      May 2, 2023

      It’s Collabora time!
      8 min read

    • Article

      Poisoning The Well

      Jan 11, 2022

      Poisoning The Well
      4 min read

    • Article

      Mind Your Language!

      Apr 4, 2023

      Mind Your Language!
      9 min read

    • Article

      Sigil

      Oct 18, 2022

      Sigil
      2 min read

    • Article

      HotPicks

      May 2, 2023

      HotPicks
      12 min read

    • Article

      Browser wars 2020

      Nov 2, 2020

      Browser wars 2020
      8 min read

    • Article

      The Verdict

      Sep 20, 2022

      Once you’ve started using a creative-writing tool to help plan and plot your story, you won’t revert to relying on a single LibreOffice Writer document for your stories ever again. All five tools in this Roundup will help you organise your existing n

      2 min read

    • Article

      Browser Wars 2020

      Aug 24, 2020

      Browser Wars 2020
      8 min read

    Related categories

    Reviews for Angular 2 Components

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      Angular 2 Components - Nir Kaufman

      Table of Contents

      Angular 2 Components

      Credits

      About the Authors

      About the Reviewers

      www.PacktPub.com

      eBooks, discount offers, and more

      Why subscribe?

      Preface

      What this book covers

      What you need for this book

      Who this book is for

      Conventions

      Reader feedback

      Customer support

      Downloading the example code

      Downloading the color images of this book

      Errata

      Piracy

      Questions

      1. Angular 2 Component Architecture

      The Model-View-Controller pattern

      MVC in Angular 1

      Moving from views to components

      Defining components

      Breaking the application into components

      Summary

      2. Setting Up an Angular 2 Development Environment with angular-cli

      Node and npm

      Installing Node

      Introducing npm

      Installing angular-cli

      Generating an Angular 2 project

      Choosing an IDE

      Summary

      3. The TypeScript Primer

      Introduction to TypeScript

      Managing dependencies with modules

      The export and import statements

      The default exports

      Classes

      The type system

      The basic types

      The custom types

      About generics

      Using decorators

      Decorators versus annotations

      Summary

      4. Building a Basic Component

      Bootstrapping the application

      The component selector

      Selector options

      The component template

      Embedding styles in component template

      The shadow DOM

      Encapsulation modes

      Data bindings

      Summary

      5. Building Dynamic Components

      Data interpolation

      Core directives

      NgIf

      The asterisk – *

      NgClass

      NgStyle

      NgSwitch

      NgFor

      Property bindings

      Event bindings

      Two-way bindings

      Summary

      6. Component Communication

      Passing data via properties

      Emitting custom events

      Referencing with a local variable

      Querying child components with the parent component

      Summary

      7. Putting It All Together

      Preparing our development environment

      The accordion component

      Extending the accordion component tree

      The component life cycle

      Life cycle event interfaces

      OnInit and OnDestroy

      OnChanges

      Other life cycle events

      Summary

      8. Integrating Third-Party Components

      Preparing our development environment

      Importing dependencies

      Bootstrap tooltip component

      Bootstrap collapse component

      Summary

      9. Angular 2 Directives

      Components and directives in Angular 2

      Preparing our development environment

      The basic attribute directive

      ElementRef and Renderer

      Reacting to events from the host element

      Passing properties to the directive

      The basic structural directive

      Summary

      Index

      Angular 2 Components

      Angular 2 Components

      Copyright © 2016 Packt Publishing

      All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

      Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

      Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

      First published: November 2016

      Production reference: 1211116

      Published by Packt Publishing Ltd.

      Livery Place

      35 Livery Street

      Birmingham B3 2PB, UK.

      ISBN 978-1-78588-234-0

      www.packtpub.com

      Credits

      Authors

      Nir Kaufman

      Thierry Templier

      Reviewers

      Robin Böhm

      Daniel Zen

      Commissioning Editor

      Sarah Crofton

      Acquisition Editor

      Meeta Rajani

      Technical Editor

      Narsimha Pai

      Copy Editor

      Laxmi Subramanian

      Proofreader

      Safis Editing

      Indexers

      Hemangini Bari

      Pratik Shirodkar

      Production Coordinators

      Deepika Naik

      Shantanu N. Zagade

      Cover Work

      Deepika Naik

      About the Authors

      Nir Kaufman is the Head of Angular Development at 500Tech, a leading front-end consultancy in Israel. He is a passionate JavaScript developer, an international speaker, and an Angular evangelist.

      Nir runs three local Angular community meetup groups in Israel. He also collaborates with other local Angular communities around the world.

      Thierry Templier is a senior full stack developer with 17 years of experience. He has been a JavaScript addict for a long time now and started to work with the early versions of the language. He has a particular passion for Angular 2 and loves to help developers to use this framework, particularly on the StackOverflow website, where he has answered more than 1,900 questions.

      He also enjoys writing articles to promote and explain Angular 2's specific features on his blog (https://medium.com/@ttemplier/) and on the Restlet blog (http://restlet.com/blog/author/thierry-templier/).

      Thanks to Nir, Meeta, and Narsimha for taking me on board and working with me on this project. Thanks to my beloved wife and son, Séverine and Maël, for their daily support.

      About the Reviewers

      Robin Böhm is a Germany based passionate trainer for Angular. He is also the co-founder of the AngularJS.DE platform, which is the biggest community for Angular in Germany. Together with his team, he offers intensive workshops and trainings for web development with Angular. Since 2013, they have successfully trained over 5000 developers from freelance developers to employees of large German corporate (DAX) companies.

      Daniel Zen is a MIT graduate in Computer Science Engineering and has been teaching and writing software for the past three decades. He has taught computer programming and Agile methodologies at NYU, The New School, and at numerous Fortune 500 companies. He has worked on large-scale art projects, as well as interactive installations at the Museum of Science in Boston and The Milk Gallery in NYC. A former consultant to both Google and Pivotal Labs, Zen is now focused on zen.digital, a full stack JavaScript training and consulting company.

      www.PacktPub.com

      eBooks, discount offers, and more

      Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at for more details.

      At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

      https://www.packtpub.com/mapt

      Get the most in-demand software skills with Mapt. Mapt gives you full access to all Packt books and video courses, as well as industry-leading tools to help you plan your personal development and advance your career.

      Why subscribe?

      Fully searchable across every book published by Packt

      Copy and paste, print, and bookmark content

      On demand and accessible via a web browser

      Preface

      Angular 2 is a leap forward from the previous Angular 1.x framework, which became the most popular frontend JavaScript framework in history.

      It is a complete re-write, an up-to-date platform that

      Enjoying the preview?
      Page 1 of 1