Have Fun with Angular - Speaker Deck

Slide 1

Slide 1 text

Jecelyn Yeen GDE Web Technologies / Angular @JecelynYeen Have Fun with Angular

Slide 2

Slide 2 text

Half screen photo slide if text is necessary @JecelynYeen Software Architect Google Developer Expert (GDE) - Angular, Web Tech Organizer - NG-MY 2019, Women Who Code KL

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

End Chart Data Source Info

Slide 5

Slide 5 text

End Chart Data Source Info Learn once, use everywhere!

Slide 6

Slide 6 text

Website Mobile Desktop Angular can make...

Slide 7

Slide 7 text

https://youtu.be/imaTBx4jbwY

Slide 8

Slide 8 text

Who is using Angular? https://www.madewithangular.com

Slide 9

Slide 9 text

Getting Started in Angular Lazy? (1 step) Not Lazy? (3 steps)

Slide 10

Slide 10 text

End Chart Data Source Info Demo Time

Slide 11

Slide 11 text

Lazy https://stackblitz.com/

Slide 12

Slide 12 text

Not Lazy 1. Install Nodejs 2. Install Angular CLI 3. Create new Angular project

Slide 13

Slide 13 text

End Chart Data Source Info BONGGA! LIBRE!!!!! BET KO TO! (I love free stuff!)

Slide 14

Slide 14 text

Use Angular for…. Corporate Startup Community Fun! Hackathon FYP

Slide 15

Slide 15 text

https://ng-my.org https://youtu.be/6l779_V4LV8 Community

Slide 16

Slide 16 text

https://link.medium.com/b46WhbrILZ Community

Slide 17

Slide 17 text

Hackathon

Slide 18

Slide 18 text

https://ng-poly-game.netlify.com/ Fun!

Slide 19

Slide 19 text

https://rxjs-trex.netlify.com/ Fun!

Slide 20

Slide 20 text

Fun!

Slide 21

Slide 21 text

https://ng-poly-game.netlify.com/ Corporate

Slide 22

Slide 22 text

Pair Angular with... UI Templates - ngx-admin UI & Styles - Bootstrap, Angular Material, Clarity, PrimeNG Firebase - Angular Fire Grid - ag-grid Charts - ng2-charts Translations - ngx-translate, transloco https://angular.io/resources

Slide 23

Slide 23 text

Why? Open source - View source code in Github Maintain by Google - Updates Ecosystems & Communities Easy to get started Build your career on it (go deep)

Slide 24

Slide 24 text

Where to learn? Newsletters (http://cur.ng-newsletter.com/) Official tutorials (https://angular.io/start) Online training (paid) - Pluralsight, Egghead, Ultimate Angular Online training (free) - Youtube Blogs, Twitter, Books

Slide 25

Slide 25 text

Getting Help Google! Stack Overflow (https://stackoverflow.com/questions/tagged/angular) Conferences (https://angularconferences.com/) Meetups (https://www.meetup.com/topics/angularjs/) Facebook Groups (search “Angular” country/city) Gitter Chat (https://gitter.im/angular/angular)

Slide 26

Slide 26 text

“Be lazy. Learn once and use everywhere. Learn Angular. :)” - Jecelyn Yeen

Slide 27

Slide 27 text

Thank You! Jecelyn Yeen GDE - Web Technologies / Angular @JecelynYeen

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

“Building community is fun & challenging. Find your people, making decision (or mistakes), learn & grow together.” - Jecelyn Yeen