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

What's hot (20)

PPTX
Dive into Angular, part 4: Angular 2.0
Oleksii Prohonnyi
 
PDF
Introduction to angular 2
Dhyego Fernando
 
PPSX
Angular 4 fronts
badal dubla
 
PDF
Angular 2 - Core Concepts
Fabio Biondi
 
PPTX
Angular 2
alinabiliashevych
 
PDF
Quick introduction to Angular 4 for AngularJS 1.5 developers
Paweł Żurowski
 
PDF
Angular2 intro
Shawn McKay
 
PDF
Developing a Demo Application with Angular 4 - J2I
Nader Debbabi
 
PPTX
Talk for DevFest 2021 - GDG Bénin
Ezéchiel Amen AGBLA
 
ODP
Introduction to Angular 2
Knoldus Inc.
 
PDF
Angular2 - getting-ready
Nir Kaufman
 
PPTX
Angular 4 Introduction Tutorial
Scott Lee
 
ODP
Angular 6 - The Complete Guide
Sam Dias
 
PPTX
Angular 2
Nigam Goyal
 
PPTX
Angular 9 New features
Ahmed Bouchefra
 
PPTX
What’s new in angular 2
Ran Wahle
 
PDF
Introduction to Angular 2
Naveen Pete
 
PDF
Angular 2... so can I use it now??
Laurent Duveau
 
PDF
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
Edureka!
 
PDF
Angular 2 - The Next Framework
Commit University
 
Dive into Angular, part 4: Angular 2.0
Oleksii Prohonnyi
 
Introduction to angular 2
Dhyego Fernando
 
Angular 4 fronts
badal dubla
 
Angular 2 - Core Concepts
Fabio Biondi
 
Quick introduction to Angular 4 for AngularJS 1.5 developers
Paweł Żurowski
 
Angular2 intro
Shawn McKay
 
Developing a Demo Application with Angular 4 - J2I
Nader Debbabi
 
Talk for DevFest 2021 - GDG Bénin
Ezéchiel Amen AGBLA
 
Introduction to Angular 2
Knoldus Inc.
 
Angular2 - getting-ready
Nir Kaufman
 
Angular 4 Introduction Tutorial
Scott Lee
 
Angular 6 - The Complete Guide
Sam Dias
 
Angular 2
Nigam Goyal
 
Angular 9 New features
Ahmed Bouchefra
 
What’s new in angular 2
Ran Wahle
 
Introduction to Angular 2
Naveen Pete
 
Angular 2... so can I use it now??
Laurent Duveau
 
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
Edureka!
 
Angular 2 - The Next Framework
Commit University
 

Viewers also liked (20)

PDF
Tales of an open source library
500Tech
 
PDF
React vs angular (mobile first battle)
Michael Haberman
 
PDF
Introduction to ReactJS
Tu Hoang
 
PDF
Workshop 22: ReactJS Redux Advanced
Visual Engineering
 
PDF
panduan-google-adsense.pdf
SMK Negeri 6 Malang
 
PPTX
Angular 2 Migration - JHipster Meetup 6
William Marques
 
PPTX
004. Working with React component
Binh Quan Duc
 
PPT
Starting with Reactjs
Thinh VoXuan
 
PPTX
002. Working with Webpack
Binh Quan Duc
 
PPTX
001. Introduction about React
Binh Quan Duc
 
PPTX
Typescript ppt
akhilsreyas
 
PPTX
006. React - Redux framework
Binh Quan Duc
 
PPTX
005. a React project structure
Binh Quan Duc
 
PDF
Redux with angular 2 - workshop 2016
Nir Kaufman
 
PPTX
003. ReactJS basic
Binh Quan Duc
 
PDF
Using ReactJS in AngularJS
Boris Dinkevich
 
PPTX
007. Redux middlewares
Binh Quan Duc
 
PDF
Angular 4 for Java Developers
Yakov Fain
 
PPTX
Angular 2 - Better or worse
Vladimir Georgiev
 
PDF
Angular 2 for Java Developers
Yakov Fain
 
Tales of an open source library
500Tech
 
React vs angular (mobile first battle)
Michael Haberman
 
Introduction to ReactJS
Tu Hoang
 
Workshop 22: ReactJS Redux Advanced
Visual Engineering
 
panduan-google-adsense.pdf
SMK Negeri 6 Malang
 
Angular 2 Migration - JHipster Meetup 6
William Marques
 
004. Working with React component
Binh Quan Duc
 
Starting with Reactjs
Thinh VoXuan
 
002. Working with Webpack
Binh Quan Duc
 
001. Introduction about React
Binh Quan Duc
 
Typescript ppt
akhilsreyas
 
006. React - Redux framework
Binh Quan Duc
 
005. a React project structure
Binh Quan Duc
 
Redux with angular 2 - workshop 2016
Nir Kaufman
 
003. ReactJS basic
Binh Quan Duc
 
Using ReactJS in AngularJS
Boris Dinkevich
 
007. Redux middlewares
Binh Quan Duc
 
Angular 4 for Java Developers
Yakov Fain
 
Angular 2 - Better or worse
Vladimir Georgiev
 
Angular 2 for Java Developers
Yakov Fain
 
Ad

Similar to Angular 4 - quick view (20)

PDF
React vs angular
500Tech
 
PDF
Brief introduction to Angular 2.0 & 4.0
Nisheed Jagadish
 
PDF
Angular4 tutorial
HarikaReddy115
 
PDF
El viaje de Angular1 a Angular2
Antonio de la Torre Fernández
 
PDF
Angular v2 et plus : le futur du développement d'applications en entreprise
LINAGORA
 
PDF
Myths of Angular 2: What Angular Really Is
DevFest DC
 
PPTX
Angular
sridhiya
 
PPTX
Angular 2 On Production (IT Talk in Dnipro)
Oleksandr Tryshchenko
 
PDF
Angular, the New Angular JS
Kenzan
 
PDF
Angular 4 Interview Questions PDF By ScholarHat
Scholarhat
 
PPTX
Finjs - Angular 2 better faster stronger
Christoffer Noring
 
PPTX
Eliminate Your Fears And Doubts About Angular 4 with practical
Bikesh srivastava
 
PDF
Evolution and History of Angular as Web Development Platform.pdf
iFour Technolab Pvt. Ltd.
 
PPTX
Angular 2 a traveler's diary
Shavit Cohen
 
PDF
Angular2 - A story from the trenches
Johannes Rudolph
 
PDF
Neoito — A roadmap to Angular
Neoito
 
PDF
Angular 2 vs React. What to chose in 2017?
TechMagic
 
PDF
Adventures with Angular 2
Dragos Ionita
 
PDF
Angular11 exciting new features and updates
Shelly Megan
 
PPTX
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
Binary Studio
 
React vs angular
500Tech
 
Brief introduction to Angular 2.0 & 4.0
Nisheed Jagadish
 
Angular4 tutorial
HarikaReddy115
 
El viaje de Angular1 a Angular2
Antonio de la Torre Fernández
 
Angular v2 et plus : le futur du développement d'applications en entreprise
LINAGORA
 
Myths of Angular 2: What Angular Really Is
DevFest DC
 
Angular
sridhiya
 
Angular 2 On Production (IT Talk in Dnipro)
Oleksandr Tryshchenko
 
Angular, the New Angular JS
Kenzan
 
Angular 4 Interview Questions PDF By ScholarHat
Scholarhat
 
Finjs - Angular 2 better faster stronger
Christoffer Noring
 
Eliminate Your Fears And Doubts About Angular 4 with practical
Bikesh srivastava
 
Evolution and History of Angular as Web Development Platform.pdf
iFour Technolab Pvt. Ltd.
 
Angular 2 a traveler's diary
Shavit Cohen
 
Angular2 - A story from the trenches
Johannes Rudolph
 
Neoito — A roadmap to Angular
Neoito
 
Angular 2 vs React. What to chose in 2017?
TechMagic
 
Adventures with Angular 2
Dragos Ionita
 
Angular11 exciting new features and updates
Shelly Megan
 
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
Binary Studio
 
Ad

More from Michael Haberman (14)

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

Recently uploaded (20)

PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
Python basic programing language for automation
DanialHabibi2
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
Python basic programing language for automation
DanialHabibi2
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 

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