Sams Teach Yourself AngularJS, JavaScript, and jQuery All in One

Book Description

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.

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.

Step-by-step instructions carefully walk you through the most common web application development tasks

Practical, hands-on examples show you how to apply what you learn

Quizzes and exercises help you test your knowledge and skills

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

Table of Contents

Part I: Introduction to AngularJS, jQuery, and JavaScript Development
Lesson 1. Introduction to Dynamic Web Programming
Lesson 2. Debugging JavaScript in Web Pages
Lesson 3. Understanding Dynamic Web Page Anatomy
Lesson 4. Adding CSS/CSS3 Styles to Allow Dynamic Design and Layout
Lesson 5. Jumping into jQuery and JavaScript Syntax
Lesson 6. Understanding and Using JavaScript Objects

Part II: Implementing jQuery and JavaScript in Web Pages
Lesson 7. Accessing DOM Elements Using JavaScript and jQuery Objects
Lesson 8. Navigating and Manipulating jQuery Objects and DOM Elements with jQuery
Lesson 9. Applying JavaScript and jQuery Events for Richly Interactive Web Pages
Lesson 10. Dynamically Accessing and Manipulating Web Pages with JavaScript and jQuery
Lesson 11. Working with Window, Browser, and Other Non-Web Page Elements

Part III: Building Richly Interactive Web Pages with jQuery
Lesson 12. Enhancing User Interaction Through jQuery Animation and Other Special Effects
Lesson 13. Interacting with Web Forms in jQuery and JavaScript
Lesson 14. Creating Advanced Web Page Elements in jQuery
Lesson 15. Accessing Server-Side Data via JavaScript and jQuery AJAX Requests

Part IV: Utilizing jQuery UI
Lesson 16. Introducing jQuery UI
Lesson 17. Using jQuery UI Effects
Lesson 18. Advanced Interactions Using jQuery UI Interaction Widgets
Lesson 19. Using jQuery UI Widgets to Add Rich Interactions to Web Pages

Part V: Building Web Applications with AngularJS
Lesson 20. Getting Started with AngularJS
Lesson 21. Understanding AngularJS Application Dynamics
Lesson 22. Implementing the Scope as a Data Model
Lesson 23. Using AngularJS Templates to Create Views
Lesson 24. Implementing Directives in AngularJS Views
Lesson 25. Creating Your Own Custom Directives to Extend HTML
Lesson 26. Using Events to Interact with Data in the Model
Lesson 27. Implementing AngularJS Services in Web Applications
Lesson 28. Creating Your Own Custom AngularJS Services
Lesson 29. Creating Rich Web Application Components the AngularJS Way

中文：

书名：SAMS自学AngularJS、JavaScript和jQuery集于一身

在很短的时间内，您就可以学习JavaScript语言、jQuery库和AngularJS框架的基础知识，并了解如何使用它们为Web应用程序构建设计良好、可重用的组件。

完成本书中的课程后，您将对如何在您的网页中提供丰富的用户交互有一个实际的了解。您将学习如何添加动态代码，这些代码允许网页对鼠标点击和手指滑动做出即时反应，与后端服务交互以从Web服务器存储和检索数据，以及创建强大的Internet应用程序。

分步说明仔细地引导您完成最常见的Web应用程序开发任务

实际操作的例子告诉你如何应用你所学到的东西

Quizzes and exercises help you test your knowledge and skills

了解如何使用…

• 创建功能强大、高度交互的单页Web应用程序
• 利用AngularJS的创新MVC方法进行Web开发
• Use JavaScript in modern frameworks
• Implement JavaScript, jQuery, and AngularJS together in web pages
• Dynamically modify page elements in the browser
• 使用浏览器事件与用户直接交互
• 实现与Web服务器交互的客户端服务
• Integrate rich user interface components, including zoomable images and expandable lists
• 通过创建带有内置指令的AngularJS模板来增强用户体验
• 将用户界面元素和事件绑定到数据模型，以增加灵活性并支持更健壮的交互
• 定义定制的AngularJS指令以扩展HTML的功能
• 构建动态浏览器视图以提供更丰富的用户交互
• Create custom services you can integrate into many AngularJS applications
• 开发易于重复使用和维护的结构良好的代码库

目录表

第1部分：AngularJS、jQuery和JavaScript开发简介
Lesson 1. Introduction to Dynamic Web Programming
Lesson 2. Debugging JavaScript in Web Pages
Lesson 3. Understanding Dynamic Web Page Anatomy
第4课：添加CSS/CSS3样式以实现动态设计和布局
第5课.跳到jQuery和JavaScript语法
第6课：理解和使用JavaScript对象

Part II: Implementing jQuery and JavaScript in Web Pages
Lesson 7. Accessing DOM Elements Using JavaScript and jQuery Objects
第8课：使用jQuery导航和操作jQuery对象和DOM元素
第9课.在富交互Web页面中应用JavaScript和jQuery事件
第10课：使用JavaScript和jQuery动态访问和操作Web页面
第11课：使用窗口、浏览器和其他非网页元素

Part III: Building Richly Interactive Web Pages with jQuery
第12课：通过jQuery动画和其他特效增强用户交互
第13课：在jQuery和JavaScript中与Web表单交互
Lesson 14. Creating Advanced Web Page Elements in jQuery
第15课：通过JavaScript和jQuery AJAX请求访问服务器端数据

第四部分：利用jQuery UI
第16课：jQuery UI简介
Lesson 17. Using jQuery UI Effects
第18课.使用jQuery UI交互小部件的高级交互
第19课：使用jQuery UI小部件向Web页面添加丰富的交互

Part V: Building Web Applications with AngularJS
Lesson 20. Getting Started with AngularJS
Lesson 21. Understanding AngularJS Application Dynamics
Lesson 22. Implementing the Scope as a Data Model
第二十三课。使用AngularJS模板创建视图
第二十四课。在AngularJS视图中实现指令
Lesson 25. Creating Your Own Custom Directives to Extend HTML
Lesson 26. Using Events to Interact with Data in the Model
第二十七课。在Web应用程序中实现AngularJS服务
Lesson 28. Creating Your Own Custom AngularJS Services
第二十九课。以AngularJS方式创建富Web应用程序组件