AngularJS Essentials

Recommendations

Info

Getting Started with AngularJS HyperText Markup Language (HTML) was created in 1990 by Tim Berners-Lee—a famous physics and computer scientist—while he was working at CERN, the European Organization for Nuclear Research. He was motivated about discovering a better solution to share information among the researchers of the institution. To support that, he also created the HyperText Transfer Protocol (HTTP) and its first server, giving rise to the World Wide Web (WWW). In the beginning, HTML was used just to create static documents with hyperlinks, allowing the navigation between them. However, in 1993, with the creation of Common Gateway Interface (CGI), it became possible to exhibit dynamic content generated by server-side applications. One of the first languages used for this purpose was Perl, followed by other languages such as Java, PHP, Ruby, and Python. Because of that, interacting with any complex application through the browser wasn't an enjoyable task and it was hard to experience the same level of interaction provided by desktop applications. However, the technology kept moving forward, at first with technologies such as Flash and Silverlight, which provided an amazing user experience through the usage of plugins. At the same time, the new versions of JavaScript, HTML, and CSS had been growing in popularity really fast, transforming the future of the Web by achieving a high level of user experience without using any proprietary plugin. AngularJS is a part of this new generation of libraries and frameworks that came to support the development of more productive, flexible, maintainable, and testable web applications. www.it-ebooks.info
Getting Started with AngularJS This chapter will introduce you to the most important concepts of AngularJS. The topics that we'll be covering in this chapter are: • Introduction to AngularJS • Understanding the architectural concepts • Setting up the framework • Organizing the code Introduction to AngularJS Created by Miško Hevery and Adam Abrons in 2009, AngularJS is an open source, client-side JavaScript framework that promotes a high-productivity web development experience. It was built on the belief that declarative programming is the best choice to construct the user interface, while imperative programming is much better and preferred to implement an application's business logic. To achieve this, AngularJS empowers traditional HTML by extending its current vocabulary, making the life of developers easier. The result is the development of expressive, reusable, and maintainable application components, leaving behind a lot of unnecessary code and keeping the team focused on the valuable and important things. In 2010, Miško Hevery was working at Google on a project called Feedback. Based on Google Web Toolkit (GWT), the Feedback project was reaching more than 17.000 lines of code and the team was not satisfied with their productivity. Because of that, Miško made a bet with his manager that he could rewrite the project in 2 weeks using his framework. After 3 weeks and only 1.500 lines of code, he delivered the project! Nowadays, the framework is used by more than 100 projects just at Google, and it is maintained by its own internal team, in which Miško takes part. The name of the framework was given by Adam Abrons, and it was inspired by the angle brackets of the HTML elements. [ 8 ] www.it-ebooks.info
Page 1 and 2: www.it-ebooks.info
Page 3 and 4: AngularJS Essentials Copyright © 2
Page 5 and 6: About the Author Rodrigo Branas is
Page 7 and 8: About the Reviewers Andrei M. Eichl
Page 11 and 12: Table of Contents The ngIf directiv
Page 13 and 14: Table of Contents Chapter 7: Unit T
Page 15 and 16: Preface Only 2 months later, I laun
Page 17 and 18: Preface A block of code is set as f
Page 19: Preface Piracy Piracy of copyright
Page 23 and 24: Getting Started with AngularJS The
Page 25 and 26: Getting Started with AngularJS
Page 27 and 28: Getting Started with AngularJS app.
Page 31 and 32: Creating Reusable Components with D
Page 67 and 68: Data Handling The following code is
Page 69 and 70: Data Handling Now, the output will
Page 71 and 72:
Data Handling The expected result i
Page 73 and 74:
Data Handling Color Entrance
Page 75 and 76:
Data Handling Now, let's introduce
Page 77 and 78:
Data Handling To finish, we can add
Page 79 and 80:
Data Handling The plate must start
Page 81 and 82:
Dependency Injection and Services D
Page 83 and 84:
Dependency Injection and Services $
Page 85 and 86:
Dependency Injection and Services r
Page 87 and 88:
Dependency Injection and Services p
Page 89 and 90:
Dependency Injection and Services I
Page 91 and 92:
Dependency Injection and Services T
Page 93 and 94:
Dependency Injection and Services $
Page 95 and 96:
Dependency Injection and Services }
Page 97 and 98:
Page 99 and 100:
Page 101 and 102:
Dependency Injection and Services A
Page 103 and 104:
Dependency Injection and Services n
Page 105 and 106:
Dependency Injection and Services {
Page 107 and 108:
Page 109 and 110:
Dependency Injection and Services L
Page 111 and 112:
Dependency Injection and Services r
Page 113 and 114:
Page 115 and 116:
www.it-ebooks.info
Page 117 and 118:
Scope What happens when we change t
Page 119 and 120:
Scope if (newValue == oldValue) ret
Page 121 and 122:
Scope ng-model="username" placehold
Page 123 and 124:
Scope Consider the following code s
Page 125 and 126:
Scope Now, we need to start tickGen
Page 127 and 128:
www.it-ebooks.info
Page 129 and 130:
Modules The UI module The UI module
Page 131 and 132:
Modules }, template: "" + "{{title}
Page 133 and 134:
Modules A major part
Page 135 and 136:
Unit Testing The topics that we'll
Page 137 and 138:
Unit Testing car.entrance = new Dat
Page 139 and 140:
Unit Testing parkingService = _park
Page 141 and 142:
Unit Testing Filters Next, we are g
Page 143 and 144:
Unit Testing Creating the element w
Page 145 and 146:
Unit Testing '' + '' + 'Please info
Page 147 and 148:
Unit Testing $httpBackend.flush();
Page 149 and 150:
Unit Testing var _saveCar = functio
Page 151 and 152:
Unit Testing At the moment, we have
Page 153 and 154:
Unit Testing R
Page 155 and 156:
Unit Testing 'src/parkingCtrl.js',
Page 157 and 158:
www.it-ebooks.info
Page 159 and 160:
Automating the Workflow Installatio
Page 161 and 162:
Automating the Workflow grunt.initC
Page 163 and 164:
Page 165 and 166:
Page 167 and 168:
Automating the Workflow } }); dist:
Page 169 and 170:
Automating the Workflow } }, lib: {
Page 171 and 172:
Automating the Workflow Cache The r
Page 173 and 174:
directives 129 filters 128 service
Page 175 and 176:
installation, Grunt 146 installatio
Page 177 and 178:
two-way data binding $apply functio
Page 179 and 180:
Dependency Injection with AngularJS
show all

AngularJS Essentials

Create successful ePaper yourself

Delete template?

Save as template?