Introduction to Angular

Programming Class - Introduction to Angular (Workshop)
Date: 12/02/2019 (Tue)
Time: 6-10PM (UTC+8:00)
Venue: R330, Southern University College

Transcript

1. Introduction to ANGULAR 6-10P , 12 FE '19 @R330 SU Pre d Jac Or a z y JE C o t up Co-or ze y De pe J r o n
2. JECA SUC Youth Group
3. JECA SUC Youth Group
4. Developer Community Johor
5. Developer Community Johor Networking Learning
6. Who am I ? - Graduated with Diploma in Computer Science from SUC (2013 - 2016) - Application Consultant in GNey Software SDN. BHD. (2016-2018) - 2 Years Experienced in HTML, CSS, JavaScript, AngularJs, .Net Framework
7. OUTLINE 1. Important Concept 2. Angular History & Version 3. What & Why is Angular? 4. Architecture Overview 5. Let’s Start Practice 6. Q & A
8. Important Concept SPA (Single Page Application) REST(REpresentational State Transfer) API Walking Skeleton MVC (Model-View-Controller) Naming Conventions CLI (Command-Line interface)
9. Angular History & Version 2.x 4.x 5.x 6.x 7.x (stable) next (1.x)
10. What is Angular? Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop. Ref: https://angular.io/docs
11. What is Angular? TypeScript Metadata Angular CLI
12. Why Angular? First ANGULAR Conference in Malaysia & Southeast Asia
13. Architecture Overview Modules Components Services and dependency injection Routing Overview Templates, directives, and data binding Pipes
14. Let’s Start Practice Stackbitz: https://stackblitz.com/ Demo(Smartphone Store Web App): https://goo.gl/iXQpsF Build: A Simple Calculator Web App https://angular-calculator-app.firebaseapp.com/ Download: https://github.com/zhangen69/angular-calculator We’ll go through: Core Elements: Module(NgModule), Component Component Interaction: @Input, @Output(Event Emitter), Service Data/Event Implementation: Event Binding, Data Binding Extra Elements: Routing, OnInit, Assets, angular.json Awesome Library: Angular Material, Angular FlexLayout, Observable(rxjs)
15. Ask Me Anything about ANGULAR
16. YouTube Angular 读书会 (Angular Taiwan) 一次搞懂 RxJS 與 Observable https://youtu.be/wHa_0x81OZU 35分钟掌握Angular核心概念 https://youtu.be/J2ah5edGOCs 使用 Angular 2 Router 快速建構 SPA 網站 https://youtu.be/sQx9s6fGI8E [S06E02] Component Part 1 https://youtu.be/ielZaY4a_Jc [S06E03] Component Part 2 https://youtu.be/0l1aodCxLzE [Angular線上讀書會][S01E01] Router的介紹 https://youtu.be/NXfK5yEwtQ0
17. More Resources/Self-Learning
18. Thanks! Contact me: zhangen69@gmail.com FB: 陈章恩 (Jacob Tan) Whatsapp: 019-776 5290