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
Angular 2 - How we got here?
PDF
Angular JS 2_0 BCS CTO_in_Res V3
PDF
5 Key Benefits of Migration
PPTX
Angular 7: Everything You Need to Know!
PDF
El viaje de Angular1 a Angular2
PDF
The evolution of Angular 2 @ AngularJS Munich Meetup #5
PDF
Angular 11 – everything you need to know
PDF
What angular 13 will bring to the table
PDF
Beginner's Guide to Angular 2.0
PPTX
PPTX
AngularConf2016 - A leap of faith !?
PDF
Evolution and History of Angular as Web Development Platform.pdf
PDF
2017-web-development-readthedocs-io-en-latest.pdf
PDF
The newst new Router for Angular 2 ("Version 3")
PPTX
Angular
TXT
Revisions
PDF
Der neueste neue Router (Version 3) für Angular 2
PDF
26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
PDF
Brief introduction to Angular 2.0 & 4.0
PDF
Angular 1.x reloaded: improve your app now! and get ready for 2.0
Angular 2 - How we got here?
Angular JS 2_0 BCS CTO_in_Res V3
5 Key Benefits of Migration
Angular 7: Everything You Need to Know!
El viaje de Angular1 a Angular2
The evolution of Angular 2 @ AngularJS Munich Meetup #5
Angular 11 – everything you need to know
What angular 13 will bring to the table
Beginner's Guide to Angular 2.0
AngularConf2016 - A leap of faith !?
Evolution and History of Angular as Web Development Platform.pdf
2017-web-development-readthedocs-io-en-latest.pdf
The newst new Router for Angular 2 ("Version 3")
Angular
Revisions
Der neueste neue Router (Version 3) für Angular 2
26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
Brief introduction to Angular 2.0 & 4.0
Angular 1.x reloaded: improve your app now! and get ready for 2.0

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
Encapsulation_ Review paper, used for researhc scholars
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPT
Teaching material agriculture food technology
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PPTX
Cloud computing and distributed systems.
PDF
cuic standard and advanced reporting.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Modernizing your data center with Dell and AMD
Encapsulation_ Review paper, used for researhc scholars
Mobile App Security Testing_ A Comprehensive Guide.pdf
Teaching material agriculture food technology
Review of recent advances in non-invasive hemoglobin estimation
Dropbox Q2 2025 Financial Results & Investor Presentation
Advanced methodologies resolving dimensionality complications for autism neur...
Reach Out and Touch Someone: Haptics and Empathic Computing
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Empathic Computing: Creating Shared Understanding
Understanding_Digital_Forensics_Presentation.pptx
Machine learning based COVID-19 study performance prediction
The Rise and Fall of 3GPP – Time for a Sabbatical?
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Cloud computing and distributed systems.
cuic standard and advanced reporting.pdf
The AUB Centre for AI in Media Proposal.docx
Unlocking AI with Model Context Protocol (MCP)
Diabetes mellitus diagnosis method based random forest with bat algorithm
Modernizing your data center with Dell and AMD

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!  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