SlideShare a Scribd company logo
Angular 4
MICHAEL HABERMAN
FREELANCER
What makes Shai angry?
Great, he is happy
So, angular 4 you say…
Angular versioning
 Semantic versioning
X . Y . Z
BUG FIXNEW FEATUREBREAKING CHANGE
So where is angular 3…?
 @angular/router changed to version 3
 All the rest remain with 2
 Angular decided to skip version 3, straight to 4
What are the breaking changes
 Core: Because all lifecycle hooks are now interfaces the code that uses
'extends' keyword will no longer compile:
 Before:@Component() class SomeComponent extends OnInit {}
 After:@Component() class SomeComponent implements OnInit {}
What are the breaking changes
 There is a long list of breaking changes:
 https://github.com/angular/angular/blob/master/CHANGELOG.md#bre
aking-changes
 Will support typescript 2.1 with out backward compatibility
Cool new feature
<ng-template #notPaid>
<b>Payment UI</b>
</ng-template>
<div *ngIf=“didUserPaid; else notPaid”>
<b>Welcome</b>
</div>
Thank you!
 michael@haberman.io
 @hab_mic
 https://github.com/angular/angular/blob/master/CHANGELOG.md#breaki
ng-changes
 https://github.com/angular/angular/blob/master/CHANGELOG.md#feature
s

More Related Content

PDF
What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...
ODP
A Glimpse on Angular 4
PPTX
PDF
What is Angular version 4?
PDF
Angular2 with type script
PDF
Angular 2 - An Introduction
PDF
Angular2 with TypeScript
PPTX
Introduction to angular 2
What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...
A Glimpse on Angular 4
What is Angular version 4?
Angular2 with type script
Angular 2 - An Introduction
Angular2 with TypeScript
Introduction to angular 2

What's hot (20)

PPTX
Dive into Angular, part 4: Angular 2.0
PDF
Introduction to angular 2
PPSX
Angular 4 fronts
PDF
Angular 2 - Core Concepts
PPTX
PDF
Quick introduction to Angular 4 for AngularJS 1.5 developers
PDF
Angular2 intro
PDF
Developing a Demo Application with Angular 4 - J2I
PPTX
Talk for DevFest 2021 - GDG Bénin
ODP
Introduction to Angular 2
PDF
Angular2 - getting-ready
PPTX
Angular 4 Introduction Tutorial
ODP
Angular 6 - The Complete Guide
PPTX
Angular 2
PPTX
Angular 9 New features
PPTX
What’s new in angular 2
PDF
Introduction to Angular 2
PDF
Angular 2... so can I use it now??
PDF
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
PDF
Angular 2 - The Next Framework
Dive into Angular, part 4: Angular 2.0
Introduction to angular 2
Angular 4 fronts
Angular 2 - Core Concepts
Quick introduction to Angular 4 for AngularJS 1.5 developers
Angular2 intro
Developing a Demo Application with Angular 4 - J2I
Talk for DevFest 2021 - GDG Bénin
Introduction to Angular 2
Angular2 - getting-ready
Angular 4 Introduction Tutorial
Angular 6 - The Complete Guide
Angular 2
Angular 9 New features
What’s new in angular 2
Introduction to Angular 2
Angular 2... so can I use it now??
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
Angular 2 - The Next Framework
Ad

Viewers also liked (20)

PDF
Tales of an open source library
PDF
React vs angular (mobile first battle)
PDF
Introduction to ReactJS
PDF
Workshop 22: ReactJS Redux Advanced
PDF
panduan-google-adsense.pdf
PPTX
Angular 2 Migration - JHipster Meetup 6
PPTX
004. Working with React component
PPT
Starting with Reactjs
PPTX
002. Working with Webpack
PPTX
001. Introduction about React
PPTX
Typescript ppt
PPTX
006. React - Redux framework
PPTX
005. a React project structure
PDF
Redux with angular 2 - workshop 2016
PPTX
003. ReactJS basic
PDF
Using ReactJS in AngularJS
PPTX
007. Redux middlewares
PDF
Angular 4 for Java Developers
PPTX
Angular 2 - Better or worse
PDF
Angular 2 for Java Developers
Tales of an open source library
React vs angular (mobile first battle)
Introduction to ReactJS
Workshop 22: ReactJS Redux Advanced
panduan-google-adsense.pdf
Angular 2 Migration - JHipster Meetup 6
004. Working with React component
Starting with Reactjs
002. Working with Webpack
001. Introduction about React
Typescript ppt
006. React - Redux framework
005. a React project structure
Redux with angular 2 - workshop 2016
003. ReactJS basic
Using ReactJS in AngularJS
007. Redux middlewares
Angular 4 for Java Developers
Angular 2 - Better or worse
Angular 2 for Java Developers
Ad

Similar to Angular 4 - quick view (20)

PDF
React vs angular
PDF
Brief introduction to Angular 2.0 & 4.0
PDF
Angular4 tutorial
PDF
El viaje de Angular1 a Angular2
PDF
Angular v2 et plus : le futur du développement d'applications en entreprise
PDF
Myths of Angular 2: What Angular Really Is
PPTX
Angular
PPTX
Angular 2 On Production (IT Talk in Dnipro)
PDF
Angular, the New Angular JS
PDF
Angular 4 Interview Questions PDF By ScholarHat
PPTX
Finjs - Angular 2 better faster stronger
PPTX
Eliminate Your Fears And Doubts About Angular 4 with practical
PDF
Evolution and History of Angular as Web Development Platform.pdf
PPTX
Angular 2 a traveler's diary
PDF
Angular2 - A story from the trenches
PDF
Neoito — A roadmap to Angular
PDF
Angular 2 vs React. What to chose in 2017?
PDF
Adventures with Angular 2
PDF
Angular11 exciting new features and updates
PPTX
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
React vs angular
Brief introduction to Angular 2.0 & 4.0
Angular4 tutorial
El viaje de Angular1 a Angular2
Angular v2 et plus : le futur du développement d'applications en entreprise
Myths of Angular 2: What Angular Really Is
Angular
Angular 2 On Production (IT Talk in Dnipro)
Angular, the New Angular JS
Angular 4 Interview Questions PDF By ScholarHat
Finjs - Angular 2 better faster stronger
Eliminate Your Fears And Doubts About Angular 4 with practical
Evolution and History of Angular as Web Development Platform.pdf
Angular 2 a traveler's diary
Angular2 - A story from the trenches
Neoito — A roadmap to Angular
Angular 2 vs React. What to chose in 2017?
Adventures with Angular 2
Angular11 exciting new features and updates
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)

More from Michael Haberman (14)

PPTX
Deploying microservices on AWS
PPTX
Angular universal
PPTX
React in production
PPTX
Multiplayer game with angular and firebase
PPTX
How to: node js & micro-services
PDF
Javascript issues and tools in production for developers
PPTX
AWS Serverless solution for developers
PDF
React vs-angular-mobile
PPTX
MEAN.js Workshop
PPTX
AWS intro
PPTX
Angular Unit Test
PDF
Unit-testing and E2E testing in JS
PDF
XAML/C# to HTML/JS
PPTX
XAML/C# to HTML5/JS
Deploying microservices on AWS
Angular universal
React in production
Multiplayer game with angular and firebase
How to: node js & micro-services
Javascript issues and tools in production for developers
AWS Serverless solution for developers
React vs-angular-mobile
MEAN.js Workshop
AWS intro
Angular Unit Test
Unit-testing and E2E testing in JS
XAML/C# to HTML/JS
XAML/C# to HTML5/JS

Recently uploaded (20)

PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
Big Data Technologies - Introduction.pptx
PDF
Sensors and Actuators in IoT Systems using pdf
PDF
cuic standard and advanced reporting.pdf
PDF
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
PDF
Reimagining Insurance: Connected Data for Confident Decisions.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
SAP855240_ALP - Defining the Global Template PUBLIC.pdf
PDF
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
PDF
Newfamily of error-correcting codes based on genetic algorithms
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
madgavkar20181017ppt McKinsey Presentation.pdf
PDF
REPORT: Heating appliances market in Poland 2024
PDF
Smarter Business Operations Powered by IoT Remote Monitoring
PDF
Advanced IT Governance
PDF
DevOps & Developer Experience Summer BBQ
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
Chapter 2 Digital Image Fundamentals.pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Advanced Soft Computing BINUS July 2025.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Big Data Technologies - Introduction.pptx
Sensors and Actuators in IoT Systems using pdf
cuic standard and advanced reporting.pdf
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
Reimagining Insurance: Connected Data for Confident Decisions.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
SAP855240_ALP - Defining the Global Template PUBLIC.pdf
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
Newfamily of error-correcting codes based on genetic algorithms
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
madgavkar20181017ppt McKinsey Presentation.pdf
REPORT: Heating appliances market in Poland 2024
Smarter Business Operations Powered by IoT Remote Monitoring
Advanced IT Governance
DevOps & Developer Experience Summer BBQ
GamePlan Trading System Review: Professional Trader's Honest Take
Chapter 2 Digital Image Fundamentals.pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Advanced Soft Computing BINUS July 2025.pdf

Angular 4 - quick view

  • 3. Great, he is happy
  • 4. So, angular 4 you say…
  • 5. Angular versioning  Semantic versioning X . Y . Z BUG FIXNEW FEATUREBREAKING CHANGE
  • 6. So where is angular 3…?  @angular/router changed to version 3  All the rest remain with 2  Angular decided to skip version 3, straight to 4
  • 7. What are the breaking changes  Core: Because all lifecycle hooks are now interfaces the code that uses 'extends' keyword will no longer compile:  Before:@Component() class SomeComponent extends OnInit {}  After:@Component() class SomeComponent implements OnInit {}
  • 8. What are the breaking changes  There is a long list of breaking changes:  https://github.com/angular/angular/blob/master/CHANGELOG.md#bre aking-changes  Will support typescript 2.1 with out backward compatibility
  • 9. Cool new feature <ng-template #notPaid> <b>Payment UI</b> </ng-template> <div *ngIf=“didUserPaid; else notPaid”> <b>Welcome</b> </div>
  • 10. Thank you!  [email protected] @hab_mic  https://github.com/angular/angular/blob/master/CHANGELOG.md#breaki ng-changes  https://github.com/angular/angular/blob/master/CHANGELOG.md#feature s