[PDF] [PDF] Toms PPT Präse - Beyond Java

[PDF] Build Better Apps with Angular 2 - Day One - Frontend Masters

A template is HTML that tells Angular how to render a component • Templates include data bindings as well as other components and directives • Angular 2 

[PDF] Toms PPT Präse - Beyond Java

Angular vs React - When to Choose Which? Seite 4 What People Say About React js fast great tooling It's simple JavaScript flexible small footprint great

[PDF] rotational ppt online

Angular Quantities In purely rotational motion, all points on the object move in circles around the axis of rotation (“O”) The radius of the circle is r Note that all 

[PDF] Preview AngularJS Tutorial - Tutorialspoint

AngularJS i About the Tutorial AngularJS is a very powerful JavaScript library It is used in Single Page Application (SPA) projects It extends HTML DOM with 

[PDF] Formation Angular 11 - Ambient IT

Angular est le tout nouveau framework de Google qui s'impose déjà comme étant LA référence des technologies Web modernes Comme toutes nos formations, 

[PDF] Angular : directive

Hypoth`ese Si on voulait modifier la couleur de fond d'un élément s'il est survolé Et remettre sa couleur `a la sortie du curseur Il faut attacher des év`enements 

[PDF] Angular 2 + ngrx/store - Squarespace

Angular 2 + ngrx/store What is ngrx/store? Advantages of a single store for app state How will my app change with ngrx/store? What types of new objects do we  

[PDF] Migrating an AngularJS App to Angular

Learn how to migrate a real-world AngularJS app to a fresh Angular 2+ build: what's the same, what's similar, and what's completely different After this tutorial, you 

[PDF] SAP Hybris PPT Template

5 sept 2018 · 2017 SAP SE or an SAP affiliate company All rights reserved ▫ Smartedit is built using AngularJS 1 6 ▫ AngularJS has been announced as 

[PDF] angular 2 ppt for beginners

[PDF] angular 2 practice exercises

[PDF] angular 2 project example github

[PDF] angular 2 projects for beginners

[PDF] angular 2 sample project for beginners

[PDF] angular 2 sample project in eclipse

[PDF] angular 2 sample project in visual studio 2015

[PDF] angular 2 sample project in visual studio 2017

[PDF] angular 2 sample project in visual studio code

[PDF] angular 2 services best practices

[PDF] angular 2 tutorial for beginners learn angular 2 from scratch

[PDF] angular 2 tutorial for beginners pdf

[PDF] angular 2 tutorial for beginners w3schools

[PDF] angular 2 tutorial in hindi

[PDF] angular 2 tutorial javatpoint

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titelfolie

Inhalt: Haupttitel, Untertitel, Referent

Tipps: /

© OPITZ CONSULTING 2017 Hinweis MKTG:

Die Jahreszahl muss

hier und auf der

Toplevel Masterfolie

ggf. pro Jahr angepasst werden!

Stephan Rauh

Dr. Marius Hofmeister

OPITZ CONSULTING Deutschland GmbH

Angular 5 vs. React

When to Choose Which?

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Seite 2

Layout: Teiltrenner

Einsatz: Für die Abtrennung von Kapiteln

Inhalt: Überschrift des Teils/Kapitels

Setting the Stage

Angular vs. React - When to Choose Which?

Seite 2

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 3

What People Say About Angular

update hell great tooling

But it's

TypeScript!

opinionated

Angular is

slow great productivity mediocre productivity complicated dependency injection is broken Angular is fast two-way binding considered bad dependency hell too enterprisy

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 4

What People Say About React.js

fast great tooling

It's simple

JavaScript!

flexible small footprint great productivity mediocre productivity easy to learn

I can use

any library I want integrates everywhere unidirectional data flow difficult to set up limited editor support requires TDD

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 5

Image source: https://pixabay.com/de/hier-entlang-verwirren-718660/, https://angular.io/presskit, https://en.wikipedia.org/wiki/File:React-icon.svg

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 6

What's Going On?

"Different target audiences "Web developers vs. enterprise developers "Different use cases "Interactive web pages "Web shops "Back-office processing "Internet vs intranet Image source: https://pixabay.com/de/online-speicher-gesch%C3%A4ft-kaufen-1905889/

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 7

History 101: AngularJS 1.x

"Combined ideas from Backbone, Knockout, Web Components spec "Made MVVM popular in the browser "Declarative programming style "Got rid of DOM manipulations "Added dependency injection to JavaScript "Brought custom components

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 8

History 101: Migration to Angular 2+

"AngularJS had a couple of issues "Painful migration to Angular 2+ "Many breaking changes of ng2 "In the beta versions!

AE Frustrated developers left

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

Angular vs. React - When to Choose Which? Seite 9

Angular 5?

"Angular 2+ comes with strong improvements "Angular 3 has been skipped because there's already version 3 of the router "Angular 4 contains two minor breaking changes "Angular 5 (23.10.) contains changes concerning performance and usability

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 10

History 101: React.js

"Features "Virtual DOM "Unidirectional data flow "Transactional state (Redux) "JSX "Powerful toolchain "React was transformational because it singlehandedly made MVC seem like obsolete tech & unleashed unidirectional flow on the masses Eric Elliot

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 11

Contemporary History

"React has been re-written from Scratch (Fiber) "Suitability for animation, layout, and gestures "Main feature incremental rendering "Less resources required "Fully downward compatible "New contender: Vue.js http://isfiberreadyyet.com/

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Seite 12

Layout: Teiltrenner

Einsatz: Für die Abtrennung von Kapiteln

Inhalt: Überschrift des Teils/Kapitels

Seite 12

2

Angular vs. React - When to Choose Which?

Image source: https://pixabay.com/de/%C3%A4pfel-kiwi-orangen-obst-vitamine-428075/

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 13

What About Your Needs?

React.js:

""Just a library" "Concentrates on the "V" of MVC "React is all about components and composition "Ideal for complex user interactions

Angular:

"Full-blown framework "Covers all of the MVVM paradigm (or MVC, or MVW) "Angular is all about structuring your application "Allows for large-scale business applications

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 14

Framework vs. Library

React.js:

"Uses 3rd party libraries "Can be combined straightforwardly with libraries "No two-way binding "deliberate decision

Angular:

"Forms and validation "Modules "Shadow DOM / local CSS "Built-in support for AJAX, HTTP, and Observables "Routing "(Optional) two-way binding

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Seite 15

Layout: Teiltrenner

Einsatz: Für die Abtrennung von Kapiteln

Inhalt: Überschrift des Teils/Kapitels

Angular vs. React - When to Choose Which?

Seite 15

Image source: https://upload.wikimedia.org/wikipedia/en/0/02/Telehealth_-_Blood_Pressure_Monitor.jpg

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 16

Market Share

"No unbiased figures available "Educated guess "React.js and Angular dominate the browser market Image source: https://pixabay.com/de/sieger-siegertreppe-1013979/

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 17

License

React:

"Since version 16.0.0 (09/2017):

MIT License

"Before: Adapted from 3-Clause BSD, "With patent grant voided if licensor engages in any patent litigation with

Facebook or its subsidiaries.

Angular:

"MIT License

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 2 Inhalte

Einsatz: Standardfolie

Inhalt: Überschrift, 2 variable Inhalte

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind

But it's TypeScript!

Image source: https://www.pexels.com/photo/adult-black-and-white-body-dark-271418/

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 19

TypeScript Myths

"Strong types reduce my productivity "TDD detects more errors than strong types "Finding type definitions for everything is painful "Before long, everybody uses any or starts ignoring error messages

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 20

TypeScript Mythbusting

"Strong types reduce my productivity "True. But only for small programs. "Some teams report tremendous productivity boost "TDD detects more errors than strong types "Strong types allow you to omit trivial tests "Finding type definitions for everything is painful "True. But things have improved a lot. "Before long, everybody uses any or starts ignoring error messages "The Angular compiler has become very strict "Enterprise teams have learned not to ignore error messages

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 21

Another TypeScript Myth

"React uses JavaScript. "There's also TSX!

© OPITZ CONSULTING 2017

OC Powerpoint Design 2017 V 0.92 / LTA / TGA / 02.11.2016

Layout: Titel & 1 Inhalt

Einsatz: Standardfolie

Inhalt: Überschrift, variabler Inhalt

Tipps: Bitte Überschrift 1zeilig; div. Inhaltstypen sind Angular vs. React - When to Choose Which? Seite 22

TypeScript Highlights

"Angular classes look clean and tidy "Autocompletionquotesdbs_dbs6.pdfusesText_11