Introduction to

Tomáš Trepka

AngularJS | React

Full MVC framework
- V - HTML with directives
- C - JS controllers
- M - $scope or this

Rendering library MVC
- V - JS functions with render()

Best for SPA, but MPA possible (Zindulka, RWE...)

Performance :(
- Real DOM
- Two-way data binding

Dependency injection

Performance :)
- Virtual DOM
- One-way data binding

Import (ES6), Webpack require, RequireJS...

Let's Get Started

add Angular

Profit!

 <script
   src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
 </script>

bootstrap app

 <body ng-app="dt.app">

Example 1

Bootstrap Application

Example 2

Controllers, Two-way Binding, Dependency Injection

Example 3

Directives

Example 4

Angular ng-* directives

Thank you!

Questions?

Introduction to AngularJS

By Tomáš Trepka

Introduction to AngularJS

253

Tomáš Trepka