Learning AngularJS

Reseña del editor:

Web sites are no longer simple static content that consist of HTML pages with integrated images and formatted text. Instead, web sites have become much more dynamic, with a single page often serving as the entire site or application. AngularJS allows you to build logic directly into your web page that bind the data model for the client web application to backend services and databases. AngularJS also allows you to easily extend the capability of HTML so that the UI design logic can be expressed easily in an HTML template file.' Designed for experienced web developers'who already have an understanding of the basics of HTML and JavaScript, Learning AngularJS teaches you to: * Quickly build AngularJS templates with built-in directives that enhance the user experience* Bind UI elements to the data model so that when the model changes the UI changes and vice versa* Bind mouse and keyboard events directly to the data model and back-end functionality to provide robust user interactions* Define your own custom AngularJS directives that extend the HTML language* Implement client-side services that can interact with the web server* Build dynamic browser views that provide rich user interaction* Create custom services that can easily be re-used in other AngularJS applications* Implement rich UI components such as zoomable images and expandable lists as custom AngularJS directives The book is divided into 11 chapters and one appendix: Chapter 1, "Jumping into JavaScript," provides sort of a JavaScript primer just in case you are not familiar with JavaScript. This chapter also walks you through the process of setting up a development environment with a Node.js server that you can use to following along with some of the examples. ' Chapter 2, "Getting Started with AngularJS," covers the basics of the AngularJS framework. You will learn how AngularJS is organized and how to design AngularJS applications. Chapter 3, "Understanding AngularJS Application Dynamics," covers the basic structure of an AngularJS application. You learn how to define modules and how dependency injection works in AngularJS. Chapter 4, "Implementing the AngularJS Scope as a Data Model," covers the relationship between the data model in AngularJS, called the scope, and other AngularJS components. You also learn how scope hierarchy works. Chapter 5, "Using AngularJS Templates to Create Views," covers the structure of AngularJS templates. You learn how to add elements to the template that reflect data in the model and how to use filters to automatically format elements as they are rendered to the browser view. Chapter 6, "Implementing Directives in AngularJS Views," covers the built-in AngularJS directives. You learn how to implement directives in a variety of ways, from turning a simple JavaScript array into multiple HTML elements, to binding elements on the web page directly to the scope model. You also learn how to handle mouse and keyboard events in the controller. Chapter 7, "Creating Your Own Custom Directives to Extend HTML," covers creating custom AngularJS directives. You learn how to build directives that can enhance the behavior of existing HTML elements as well as create completely new HTML elements that provide great interactions for users. Chapter 8, "Using Events to Interact with Data in the Model," covers the different types of events you will encounter and how to manage them. You learn how to create and handle your own custom events. This chapter also covers watching values in the scope model and taking action when they change. Chapter 9, "Implementing AngularJS Services in Web Applications," covers the built-in services that AngularJS provides. These services allow you to communicate with the webserver using HTTP requests, interact with the browser, and implement animation of elements on the web page. Chapter 10, "Creating Your Own Custom AngularJS Services," covers the mechanics available in AngularJS to create your own custom services. Custom services is a great way to make functionality re-usable because you can easily inject the functionality provided by custom services into multiple applications. Chapter 11, "Creating Rich Web Application Components the AngularJS Way," covers using AngularJS mechanisms to build richly interactive page elements. This chapter kind of acts as a review of all the others. You learn how to build expandable/collapsible elements, drag and drop functionality, zoomable images, tabbed panels, and star ratings using AngularJS. Appendix A, "Testing AngularJS Applications," discusses unit and end-to-end testing in AngularJS. This appendix provides some simple pointers when designing tests and also some links to additional resources.

Reseña del editor:

Learning AngularJS Get started with AngularJS web development fast AngularJS is one of the most exciting and innovative new technologies emerging in the world of web development. Designed to simplify the development and testing of web applications, it also provides structure for the entire development process. Websites are no longer simple static content-instead, websites have become much more dynamic, with a single page often serving as the entire site or application. And AngularJS allows web developers to build the necessary programming logic for such applications directly into a web page, binding the data model for the client web application to backend services and databases. AngularJS also allows the extension of HTML so that the UI design logic can be expressed easily in an HTML template file. Learning AngularJS shows you how to create powerful, interactive web applications that have a well-structured, reusable code base that will be easy to maintain. You'll also learn how to leverage AngularJS's innovative MVC approach to implement well-designed and well-structured web pages and web applications. * Understand how AngularJS is organized and learn best practices for designing AngularJS applications * Find out how to define modules and utilize dependency injection * Quickly build AngularJS templates with built-in directives that enhance the user experience * Bind UI elements to your data model, so changes to your model and UI occur automatically in tandem * Define custom AngularJS directives that extend HTML * Implement zoomable images, expandable lists, and other rich UI components * Implement client-side services that interact with web servers * Build dynamic browser views to provide even richer user interaction * Create custom services you can easily reuse* Design unit and end-to-end tests for AngularJS applicationsContents at a Glance 1 Jumping Into JavaScript* Setting Up a JavaScript Development Environment Using Node.js * Defining Variables* Understanding JavaScript Data Types* Using Operators* Implementing Looping* Creating Functions* Understanding Variable Scope* Using JavaScript Objects* Manipulating Strings* Working with Arrays* Adding Error Handling2 Getting Started with AngularJS* Why AngularJS?* Understanding AngularJS* An Overview of the AngularJS Life Cycle* Separation of Responsibilities* Integrating AngularJS with Existing JavaScript and jQuery* Adding AngularJS to Your Environment* Bootstrapping AngularJS in an HTML Document* Using the Global APIs* Creating a Basic AngularJS Application* Using jQuery or jQuery Lite in AngularJS Applications3 Understanding AngularJS Application Dynamics* Looking at Modules and Dependency Injection* Defining an AngularJS Module Object* Creating Providers in AngularJS Modules* Implementing Providers and Dependency Injection* Applying Configuration and Run Blocks to Modules4 Implementing the Scope as a Data Model* Understanding Scopes* Implementing Scope Hierarchy5 Using AngularJS Templates to Create Views* Understanding Templates* Using Expressions* Using Filters* Creating Custom Filters6 Implementing Directives in AngularJS Views* Understanding Directives* Using Built-in Directives7 Creating Your Own Custom Directives to Extend HTML* Understanding Custom Directive Definitions* Implementing Custom Directives8 Using Events to Interact with Data in the Model* Browser Events* User Interaction Events* Adding $watches to Track Scope Change Events* Emitting and Broadcasting Custom Events9 Implementing AngularJS Services in Web Applications* Understanding AngularJS Services* Using the Built-in Services* Using the $q Service to Provide Deferred Responses10 Creating Your Own Custom AngularJS Services* Understanding Custom AngularJS Services* Integrating Custom Services into Your AngularJS Applications11 Creating Rich Web Application Components the AngularJS Way* Building a Tabbed View* Implementing Draggable and Droppable Elements 204 Adding a Zoom View Field to Images* Implementing Expandable and Collapsible Elements* Adding Star Ratings to ElementsA Testing AngularJS Applications* Deciding on a Testing Platform* Understanding AngularJS Unit Tests* Understanding AngularJS End-to-End Testing

„Über diesen Titel“ kann sich auf eine andere Ausgabe dieses Titels beziehen.