Tag: AngularJS Introduction

What is Angular JS?

• HTML5, CSS and JavaScript
• JSON and Ajax
• Angular JS Applications
• Bootstrap CSS
• Models
• Bindings

Expressions

• Simple expressions
• Values
• Objects
• Arrays
• Maps

Directives

• Data typing
• Looping over arrays and arrays of objects
• Creating tables
• Enabling and disabling HTML elements
• Hiding and showing HTML elements
• Handling HTML events
• Custom Directives

Controllers

• Defining controllers
• Object property functions
• Controller methods
• Controllers in external files

Namespaces

• Global namespace
• Modules
• Module dependencies
• Library loading
• Where to put scripts
• Application files

Filters

• Convert to currency
• Array subsets
• Upper and lower case conversion
• Sorting

HTTP Requests

• General requests
• Shortcuts
• Success and error handling
• Setting HTTP headers
• JSON and XSRF vulnerability protection

Forms

• HTML input controls
• Browser versus Angular JS validation
• Validating input values
• Displaying input error messages

Angular Modules

• Services
• Animation
• REST
• Cookies
• Mobile device support

Single Page Application Concept

• Routing in Single Page Application (SPA)

The basics and the advanced patterns of JavaScript (2 days)

• Literals and constructors
• Functions
• Object Creation Patterns
• Code reuse Patterns
• DOM and Browser Patterns

The client side JavaScript is addressed with both plain JavaScript and JQuery  (2 days)

• Interaction with the DOM (Document Object Model) & CSS
• Interaction with the BOM (Browser Object Model)
• Handling of events
• Forms

Server Side JavaScript (NodeJS) is introduced and depended (2 days)

• Design Fundamentals
• Module system
• Flow Control Patterns
• Coding with Streaming
• Design Patterns
• Wiring Modules
• Recipes and Scalability Architectural Patterns
• Data Serialization and Streams
• Network Paradigms
• ExpressJS

AngularJS (2 days)

• Directives and Controllers
• Filters
• Routing
• Services & Forms
• Testing your code
• Server communication

Introduction

• Why AngularJS?
• Alternatives
• Extensibility

The basics:

Add some control

• Data Binding
• Controller
• Plain JavaScript

Wire up a Backend

• Deep Linking
• Form Validation
• Server Communication

Create Components

• Directives
• Reusable Components
• Localization

Embed and Inject

• Embeddable
• Injectable
• Testable