Learn AngularJS, JavaScript and jQuery Web Application Development In just a short time, you can learn the basics of the JavaScript language, jQuery library, and AngularJS framework – and find out how to use them to build well-designed, reusable components for web applications. Sams Teach Yourself AngularJS, JavaScript, and jQuery All in One assumes absolutely no previous knowledge of JavaScript or jQuery. The authors begin by helping students gain the relevant JavaScript skills they need, introducing JavaScript in a way specifically designed for modern AngularJS web development. Each short, easy lesson builds on all that's come before, teaching new concepts and techniques from the ground up, through practical examples and hands-on problem solving. As you complete the lessons in this book, you'll gain a practical understanding of how to provide rich user interactions in your web pages, adding dynamic code that allows web pages to instantly react to mouse clicks and finger swipes, and interact with back-end services to store and retrieve data from the web server. Learn how to: Create powerful, highly interactive single-page web applications Leverage AngularJS’s innovative MVC approach to web development Use JavaScript in modern frameworks Implement JavaScript, jQuery, and AngularJS together in web pages Dynamically modify page elements in the browser Use browser events to interact with the user directly Implement client-side services that interact with web servers Integrate rich user interface components, including zoomable images and expandable lists Enhance user experience by creating AngularJS templates with built-in directives Bind user interface elements and events to the data model to add flexibility and support more robust interactivity Define custom AngularJS directives to extend HTML’s capabilities Build dynamic browser views to provide richer user interaction Create custom services you can integrate into many AngularJS applications Develop a well-structured code base that’s easy to reuse and maintain Contents at a Glance Part I: An Introduction to AngularJS, jQuery, and JavaScript Development 1 Introduction to Dynamic Web Programming 2 Debugging JavaScript in Web Pages 3 Understanding Dynamic Web Page Anatomy 4 Adding CSS/CSS3 Styles to Allow Dynamic Design and Layout 5 Jumping into jQuery and JavaScript Syntax 6 Understanding and Using JavaScript Objects Part II: Implementing jQuery and JavaScript in Web Pages 7 Accessing DOM Elements Using JavaScript and jQuery Objects 8 Navigating and Manipulating jQuery Objects and DOM Elements with jQuery 9 Applying JavaScript and jQuery Events for Richly Interactive Web Pages 10 Dynamically Accessing and Manipulating Web Pages with JavaScript and jQuery 11 Working with Window, Browser, and Other Non-Web Page Elements Part III: Building Richly Interactive Web Pages with jQuery 12 Enhancing User Interaction Through jQuery Animation and Other Special Effects 13 Interacting with Web Forms in jQuery and JavaScript 14 Creating Advanced Web Page Elements in jQuery 15 Accessing Server-Side Data via JavaScript and jQuery AJAX Requests Part IV: Utilizing jQuery UI 16 Introducing jQuery UI 17 Using jQuery UI Effects 18 Advanced Interactions With jQuery UI Interaction Widgets 19 Using jQuery UI Widgets to Add Rich Interactions to Web Pages Part V: Building Web Applications with AngularJS 20 Getting Started with AngularJS 21 Understanding AngularJS Application Dynamics 22 Implementing the Scope as a Data Model 23 Using AngularJS Templates to Create Views 24 Implementing Directives in AngularJS Views 25 Creating Your Own Custom Directives to Extend HTML 26 Using Events to Interact with Data in the Model 27 Implementing AngularJS Services in Web Applications 28 Creating Your Own Custom AngularJS Services 29 Creating Rich Web Application Components the AngularJS Way

As you complete the lessons in this book, you will gain a practical understanding of how to provide rich user interactions in your web pages. You will learn how to add dynamic code that allows web pages to instantly react to mouse clicks and finger swipes, interact with back-end services to store and retrieve data from the web server, and create robust Internet applications.

Summary AngularJS in Action covers everything you need to know to get started with the AngularJS framework. As you read, you'll explore all the individual components of the framework and learn how to customize and extend them. You'll discover the emerging patterns for web application architecture and tackle required tasks like communicating with a web server back-end. Along the way, you'll see AngularJS in action by building real world applications with thoroughly commented code. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology AngularJS is a JavaScript-based framework that extends HTML, so you can create dynamic, interactive web applications in the same way you create standard static pages. Out of the box, Angular provides most of the functionality you'll need for basic apps, but you won't want to stop there. Intuitive, easy to customize, and test-friendly, Angular practically begs you to build more interesting apps. About the Book AngularJS in Action teaches you everything you need to get started with AngularJS. As you read, you'll learn to build interactive single-page web interfaces, apply emerging patterns like MVVM, and tackle key tasks like communicating with back-end servers. All examples are supported by clear explanations and illustrations along with fully annotated code listings. This book assumes you know at least some JavaScript. No prior exposure to AngularJS is required. What's Inside Get started with AngularJS Write your own components Best practices for application architecture Progressively build a full-featured application Covers Angular JS 1.3 Sample application updated to the latest version of Angular About the Author Lukas Ruebbelke is a full-time web developer and an active contributor to the AngularJS community. Table of Contents PART 1 GET ACQUAINTED WITH ANGULARJS Hello AngularJS Structuring your AngularJS applicationPART 2 MAKE SOMETHING WITH ANGULARJS Views and controllers Models and services Directives Animations Structuring your site with routes Forms and validations APPENDIXES Setting up Karma Setting up a Node.js server Setting up a Firebase server Running the app

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. AngularJS helps you to become a better web developer by forcing you to adhere to underlying structure and design rules."--Back cover.

Develop smaller, lighter web apps that are simple to create and easy to test, extend, and maintain as they grow. This hands-on guide introduces you to AngularJS, the open source JavaScript framework that uses Model–view–controller (MVC) architecture, data binding, client-side templates, and dependency injection to create a much-needed structure for building web apps. Guided by two engineers who worked on AngularJS at Google, you’ll walk through the framework’s key features, and then build a working AngularJS app—from layout to testing, compiling, and debugging. If you have JavaScript experience, you’ll learn how AngularJS helps reduce the complexity of your web app. Dive deep into Angular’s building blocks and learn how they work together Gain maximum flexibility by separating logic, data, and presentation responsibilities with MVC Assemble your full app in the browser, using client-side templates Use AngularJS directives to extend HTML with declarative syntax Communicate with the server and implement simple caching with the $http service Use dependency injection to improve refactoring, testability, and multiple environment design Get code samples for common problems you face in most web apps

Step through each of the core concepts of the jQuery library, building an overall picture of its capabilities. Once you have thoroughly covered the basics, the book returns to each concept to cover more advanced examples and techniques.This book is for web designers who want to create interactive elements for their designs, and for developers who want to create the best user interface for their web applications. Basic JavaScript programming and knowledge of HTML and CSS is required. No knowledge of jQuery is assumed, nor is experience with any other JavaScript libraries.

With AngularJS, you can quickly build client-side applications that run well on any desktop or mobile platform, using REST web services for backend processes. You may have heard that the learning curve for this JavaScript MVC framework is too steep, but that’s not the case. This practical guide provides a hands-on approach to learning AngularJS that will have you building high-quality applications and websites in no time. Along with a conceptual understanding of the framework, you’ll also gain direct experience with AngularJS by building a sample application throughout the book. If you’re familiar with JavaScript, web development, and software design concepts and patterns, this book is the perfect way to get started. Understand how AngularJS differs from other MVC frameworks Learn about AngularJS controllers, views, and models by diving into the book’s sample project Connect your working application to public REST services Build the application’s security layer with non-REST AngularJS services Explore the basics of building and testing AngularJS directives Use AngularJS as part of the MEAN stack (MongoDB, ExpressJS, AngularJS, and Node.js) Discover how search engine optimization relates to AngularJS applications and sites