Babel Coder

Core Angular: ล้วงลึกการใช้งาน Angular อย่างมืออาชีพ


Creator
Nuttavut Thongjor
Category
Web Development
คำอธิบายหลักสูตร

ราคาพิเศษ

(Early Access) จากปกติราคา 5,950 เหลือเพียง 4,500 (สิ้นสุดโปรโมชัน 28 กพ 2560) คอร์สเกินครึ่งพร้อมเรียนแล้วครับ เหลือเพียงบางบทเท่านั้น แล้วเสร็จ 28 กพ 2560

จุดเด่นของคอร์สนี้

  • อัพเกรดเป็น Angular 4 ทันที โดยไม่ต้องเสียเงินซื้อคอร์สเพิ่ม
  • เป็นคอร์สออนไลน์แรกและตัวเดียวในไทยขณะนี้ที่สอนการสร้าง Universal JavaScript ด้วย Angular2
  • จัดการ SEO ไปกับการทำ Universal JavaScript
  • ใช้งาน Firebase และ Node.js / Express.js เพื่อสร้าง Restful API
  • การทำ Auth ด้วย JWT
  • เรียนรู้ Reactive Programming ไปกับ RxJS
  • การใช้งาน Docker และการ Deploy สู่ Digital Ocean
  • ใช้งาน Meterial Design ในการออกแบบแอพพลิเคชัน
  • มีแบบฝึกหัดทบทวนพร้อมเฉลย
  • มี Workshop สอนพัฒนาแอพพลิเคชันในสถานการณ์จริง
  • มีบอร์ดสนทนาให้สอบถามปัญหาได้ทุกเมื่อ
  • ย้อนกลับมาดูได้ทุกเมื่อ แม้จบคอร์สไปแล้ว

ทำไมคอร์สเราราคาสูงกว่าผู้ค้าบางราย

  1. เราขายความประหยัด: เมื่อ Angular 4 มาถึง เราพร้อมอัพเดทคอร์สทันที โดยที่คุณไม่ต้องซื้อคอร์สเพิ่ม
  2. เราขายคุณภาพ: วิดีโอของเราผ่านการตัดต่อแล้ว คุณจึงมั่นใจได้ว่าทุกนาทีคือคุณภาพ
  3. เราขายความเข้าใจ: การเรียนรู้ที่ไม่ได้ลงมือทำนั้นไร้ค่า เราจึงมีแบบฝึกหัดการเขียนโปรแกรมในสถานการณ์จริงพร้อมเฉลย เพื่อให้คุณไก้ฝึกฝนตนเอง
  4. เราขายความรู้ลึก: คอร์สของเราไม่เพียงถ่ายทอดเรื่องพื้นฐาน แต่ยังสอดแทรกเนื้อหาในเชิงลึกที่คุณหาจากที่อื่นไม่ได้
  5. เราขายความเชี่ยวชาญ: syntax เป็นเพียงไวยากรณ์ที่ทำให้คุณเขียนโปรแกรมได้ แต่ไม่ได้ทำให้คุณออกแบบหรือเป็นนักพัฒนาที่ดี เราเข้าใจจุดนี้จึงออกแบบคอร์สเพื่อแนะนำวิธีการเขียนโปรแกรมออกมา

บทเรียนในคอร์สนี้

Unit1: Introduction to Angular2 Unit2: ES2015 and Basic Functional Programming Unit3: TypeScript Unit4: Angular CLI Unit5: Component, Templates and Data binding Unit6: Directives Unit7: Advance Component and Directives Unit8: Service และ Dependency Injection Unit9: Reactive Programming ด้วย RxJS Unit10: Data Architecture Unit11: Pipes Unit12: Forms Unit13: Routing & Navigation Unit14: Modules Unit15: Restful API Unit16: HTTP Client Unit17: Firebase Unit18: Angular Material Unit19: Debugging Unit20: Security Unit21: Style Guide Unit22: Deployment Unit23: Workshop

วิธีสั่งซื้อ

ติดต่อเพจ Babel Coder

บทเรียน
Level 1
Introduction to Angular2
แนะนำ Angular 2 โครงสร้างของแอพพลิเคชันและตัวอย่างโปรแกรมที่จะพัฒนาในคอร์สนี้
  • Gold
    1. แนะนำ Angular 2
    1.24
  • Gold
    2. Component-based UI
    8.58
  • Gold
    3. Directive
    1.53
  • Gold
    4. Service
    4.53
  • Gold
    5. Module
    4.4
  • Gold
    6. Data Flow
    6.4
  • Gold
    7. โปรแกรมค้นหาบทความ
    11.32
  • Gold
    8. แนะนำการเรียน
    3.16
  • Gold
    9. สรุป
    4.59
  • Gold
    10. แบบฝึกหัด
Level 2
2. ES2015 and Basic Functional Programming
ทบทวนพื้นฐาน JavaScript, ES2015 และ พื้นฐานของ Functional Programming ใน JavaScript
  • Gold
    1. ECMAScript
    3.32
  • Gold
    2. Execution Context
    7.34
  • Gold
    3. Scope Chain
    4.39
  • Gold
    4. Closure
    6.57
  • Gold
    5. Variable Scope
    8.29
  • Gold
    6. Keyword this
    9.51
  • Gold
    7. Lexical this
    3.43
  • Gold
    8. Arrow Function
    2.48
  • Gold
    9. Lab 1
    3.02
  • Gold
    10. ทบทวนไวยากรณ์ 1
    3.13
  • Gold
    11. Asynchronous Programming
    6.08
  • Gold
    12. Promise
    4.1
  • Gold
    13. ทบทวนความเข้าใจ 1
  • Gold
    14. เฉลยทบทวนความเข้าใจ 1 ข้อ 1
    1.05
  • Gold
    15. เฉลยทบทวนความเข้าใจ 1 ข้อ 2
    1.33
  • Gold
    16. เฉลยทบทวนความเข้าใจ 1 ข้อ 3
    2.2
  • Gold
    17. เฉลยทบทวนความเข้าใจ 1 ข้อ 4
    1.02
  • Gold
    18. เฉลยทบทวนความเข้าใจ 1 ข้อ 5
    2.24
  • Gold
    19. เฉลยทบทวนความเข้าใจ 1 ข้อ 6
    2.36
  • Gold
    20. Object
    2.26
  • Gold
    21. Array
    5.57
  • Gold
    22. String
    3.57
  • Gold
    23. Spread and Rest Operators
    3.55
  • Gold
    24. Destructuring
    4.59
  • Gold
    25. Class
    2.55
  • Gold
    26. Composition over Inheritance
    6.07
  • Gold
    27. Module
    5.33
  • Gold
    28. Functional Programming
    6
  • Gold
    29. Immutability
    4.42
  • Gold
    30. Pure Function
    2.06
  • Gold
    31. Data Transformation
    8.17
  • Gold
    32. Higher Order Functions
    2.56
  • Gold
    33. Composition
    3.19
  • Gold
    34. Recursion
    2.48
  • Gold
    35. Tail Call Optimization
    3.04
  • Gold
    36. Tail Call Position
    4.4
  • Gold
    37. Lab2
    6.34
  • Gold
    38. ทบทวนความเข้าใจ 2
  • Gold
    39. เฉลยทบทวนความเข้าใจ 2 ข้อ 1
    4.13
  • Gold
    40. เฉลยทบทวนความเข้าใจ 2 ข้อ 2
    3.15
  • Gold
    41. เฉลยทบทวนความเข้าใจ 2 ข้อ 3
    4.26
  • Gold
    42. เฉลยทบทวนความเข้าใจ 2 ข้อ 4
    3.09
  • Gold
    43. สรุป
    3.31
  • Gold
    44. แบบฝึกหัด
  • Gold
    45. เฉลยแบบฝึกหัดข้อ 1
    8.21
  • Gold
    46. เฉลยแบบฝึกหัดข้อ 2
    1.58
  • Gold
    47. เฉลยแบบฝึกหัดข้อ 3
    1.18
  • Gold
    48. เฉลยแบบฝึกหัดข้อ 4
    1.51
  • Gold
    49. เฉลยแบบฝึกหัดข้อ 5
    6.28
Level 3
TypeScript
แนะนำพื้นฐานการใช้งาน TypeScript
  • Gold
    1. แนะนำ TypeScript
    3.24
  • Gold
    2. Setup Project
    3.25
  • Gold
    3. tsconfig.json
    0.42
  • Gold
    4. ชนิดข้อมูลพื้นฐาน
    2.58
  • Gold
    5. Literal Types
    1.09
  • Gold
    6. Enum
    2
  • Gold
    7. Type Assertion
    1.14
  • Gold
    8. Interface
    3.09
  • Gold
    9. Optional Properties
    2.04
  • Gold
    10. Type Freshness
    1.53
  • Gold
    11. Intersection Types
    1.48
  • Gold
    12. Union Types
    1.34
  • Gold
    13. Type Guards
    1.33
  • Gold
    14. Discriminated Unions
    2.1
  • Gold
    15. Index Signatures
    1.06
  • Gold
    16. Type Inference
    2.12
  • Gold
    17. ทบทวนไวยากรณ์ 1
    3.01
  • Gold
    18. OOP Concept
    2.37
  • Gold
    19. Parameter Properties
    1.01
  • Gold
    20. readonly
    1.53
  • Gold
    21. Accessors
    3.06
  • Gold
    22. Inheritance
    0.57
  • Gold
    23. Public Modifiers
    1.45
  • Gold
    24. Private Modifiers
    1.58
  • Gold
    25. Protected Modifiers
    1.2
  • Gold
    26. Static Properties
    1.4
  • Gold
    27. Abstract Classes
    2.3
  • Gold
    28. Generic Types
    3.03
  • Gold
    29. สรุป OOP
    3.27
  • Gold
    30. Property Descriptor
    4.42
  • Gold
    31. Class Decorators
    3.55
  • Gold
    32. Property Decorators
    2.18
  • Gold
    33. Decorator Composition
    0.57
  • Gold
    34. Ambient Declarations
    2.3
  • Gold
    35. Style guide
    2.06
  • Gold
    36. สรุป
    2.31
Level 4
Angular CLI
ศึกษาการติดตั้ง TypeScript, Node.js และ Angular CLI
  • Gold
    1. ติดตั้ง Visual Studio Code
    0.24
  • Gold
    2. ติดตั้ง Node.js
    0.35
  • Gold
    3. ติดตั้ง Angular CLI
    0.27
  • Gold
    5. การสร้างโปรเจคด้วย Angular CLI
    2.55
Level 5
Component, Template และ Data Binding
รู้จัก Component และ Template การใช้งาน Property Binding และ Event Binding รวมไปถึง Two-Way Binding
  • Gold
    1. รู้จัก Component
    2.03
  • Gold
    2. การสร้าง Component
    2.11
  • Gold
    3. ลำดับชั้นของ Component
    1.39
  • Gold
    4. Bootstrap Process
    5.16
  • Gold
    5. แนะนำแอพพลิเคชันสมุดจดบันทึก
    7.59
  • Gold
    6. Input Decorator
    5.02
  • Gold
    7. Event Binding
    4.16
  • Gold
    8. ViewChild
    2.09
  • Gold
    9. Property Binding
    2.24
  • Gold
    10. Two Ways Binding
    2.23
  • Gold
    11. Output Decorator
    4.28
  • Gold
    12. โปรแกรมสมุดจดบันทึก
    4.27
  • Gold
    13. บันทึกย่อ 1
    5.17
  • Gold
    14. ทบทวนความเข้าใจ 1
  • Gold
    15. เฉลยทบทวนความเข้าใจ 1 ข้อ 1
    4.11
  • Gold
    16. เฉลยทบทวนความเข้าใจ 1 ข้อ 2
    14.36
  • Gold
    17. Property Binding syntax
    3.2
  • Gold
    18. Safe Navigation Operator
    1.2
  • Gold
    19. ng-content
    1.3
  • Gold
    20. Lifecycle Hooks
    2.17
  • Gold
    21. ngOnInit
    2.35
  • Gold
    22. ngOnChanges
    0.55
  • Gold
    23. แอพพลิเคชัน Blog
    0.57
  • Gold
    24. ติดตั้งแอพพลิเคชัน Blog
    1.05
  • Gold
    25. คอมโพแนนท์ในแอพพลิเคชัน Blog
    1.43
  • Gold
    26. ng serve
    2.36
  • Gold
    27. การสร้างคอมโพแนนท์
    2.55
  • Gold
    28. แอพพลิเคชัน Blog: PostForm Component
    9.51
  • Gold
    29. แอพพลิเคชัน Blog: PostFormImage Component
    9.52
  • Gold
    30. แอพพลิเคชัน Blog: Posts และ Post Components
    7.54
  • Gold
    31. แอพพลิเคชัน Blog: การล้างค่า Image
    6.29
  • Gold
    32. แอพพลิเคชัน Blog: สรุป
    4.55
  • Gold
    32. สรุป
    1.58
Level 6
Directives
เรียนรู้ความหมายของ Directives ประเภทของ Directives และการใช้งานทั้ง Structural Directives และ Attribute Directives
  • Gold
    1. รู้จักกับ Directives
    1.21
  • Gold
    2. ngFor
    2.05
  • Gold
    3. ngIf
    1.34
  • Gold
    4. ngSwitch
    1.49
  • Gold
    5. ngStyle
    3.43
  • Gold
    6. style
    0.56
  • Gold
    7. ngClass
    2.37
  • Gold
    8. ทบทวนไวยากรณ์ 1
    5.55
  • Gold
    9. แอพพลิเคชัน Blog: การจัดการ View
    7.51
  • Gold
    10. แอพพลิเคชัน Blog: การใช้งาน Enum
    5.12
  • Gold
    11. แอพพลิเคชัน Blog: ngSwitch
    1.1
  • Gold
    12. สรุป
    1.11
Level 7
Advance Component and Directives
ศึกษาการสร้าง Attribute และ Structural Directives รู้จักการทำงานของ Template, TemplateRef, Renderer และอื่นๆที่มีส่วนสำคัญต่อการสร้าง Directives
  • Gold
    1. แนะนำบทเรียน
    1
  • Gold
    2. View Encapsulation
    7.45
  • Gold
    3. Content Projection
    5.09
  • Gold
    4. ViewChild และ ViewChildren
    3.4
  • Gold
    5. ContentChild และ ContentChildren
    2.55
  • Gold
    6. ข้อแตกต่างของ ViewChild และ ContentChild
    1.37
  • Gold
    7. ngAfterViewInit
    3.21
  • Gold
    8. ngAfterContentInit
    1.19
  • Gold
    9. Syntax Exercise 1
    1.57
  • Gold
    10. Lab 1
    12.41
  • Gold
    11. QueryList
    3.49
  • Gold
    12. ทบทวนความเข้าใจ 1
  • Gold
    13. เฉลยทบทวนความเข้าใจ 1 ข้อ 1
    10.02
  • Gold
    14. Attribute Binding
    3.11
  • Gold
    15. Custom Two-Ways Binding
    4.3
  • Gold
    16. Host Element
    2.32
  • Gold
    17. :host
    1.39
  • Gold
    18. Template Reference Variables
    0.42
  • Gold
    19. HostBinding
    2.33
  • Gold
    20. HostListener
    1.45
  • Gold
    21. ElementRef
    3.35
  • Gold
    22. Renderer
    4.01
  • Gold
    23. การกำหนดค่าให้ Attribute Directives
    2.5
  • Gold
    24. Syntax Exercise 2
    2.39
  • Gold
    25. Template
    0.56
  • Gold
    26. Template และ Structural Directives
    4.25
  • Gold
    27. Microsyntax
    2.52
  • Gold
    28. TrackBy
    5.38
  • Gold
    29. Template และ Microsyntax
    1.12
  • Gold
    30. Syntax Exercise 3
    2.14
  • Gold
    31. TemplateRef
    3.46
  • Gold
    32. ViewContainerRef
    2.09
  • Gold
    33. createEmbeddedView
    1.26
  • Gold
    34. การกำหนดค่าให้ Structural Directives
    1.17
  • Gold
    35. $implicit
    4.03
  • Gold
    36. Context Variables
    1.32
  • Gold
    37. Syntax Exercise 4
    1.04
  • Gold
    38. ข้อหลีกเลี่ยงเกี่ยวกับ Components และ Directives
    3.04
  • Gold
    39. ทบทวนความเข้าใจ 2
  • Gold
    40. เฉลยทบทวนความเข้าใจ 2 ข้อ 1
    5.09
  • Gold
    41. เฉลยทบทวนความเข้าใจ 2 ข้อ 2
    3.47
  • Gold
    42. เฉลยทบทวนความเข้าใจ 2 ข้อ 3
    5.59
  • Gold
    43. สรุป
    1.44
Level 8
Service และ Dependency Injection
รู้จักกับ Dependency Injection และ Service รวมถึงการประสานการทำงานระหว่างคอมโพแนนท์ผ่าน Service
  • Gold
    1. Dependency Injection
    7.34
  • Gold
    2. Separate of Concern
    13.26
  • Gold
    3. Services
    11.21
  • Gold
    4. ข้อแตกต่างระหว่าง Module Level และ Component Level
    1.49
  • Gold
    5. Dependency Injection Framework
    3.28
  • Gold
    6. Class Providers
    4.01
  • Gold
    7. Factory Providers
    4.59
  • Gold
    8. Aliased Class Providers
    2.58
  • Gold
    9. Inject
    1.39
  • Gold
    10. Value Providers
    1.51
  • Gold
    11. Opaque Token
    3.11
  • Gold
    12. ทบทวนความเข้าใจ
  • Gold
    13. เฉลยทบทวนความเข้าใจ ข้อ 1
    6.09
  • Gold
    14. เฉลยทบทวนความเข้าใจ ข้อ 2
    16.16
  • Gold
    15. เฉลยทบทวนความเข้าใจ ข้อ 3
    15.56
  • Gold
    16. เฉลยทบทวนความเข้าใจ ข้อ 4
    12.2
  • Gold
    17. เฉลยทบทวนความเข้าใจ ข้อ 5
    27.06
  • Gold
    18. สรุป
    3.1
Level 9
Reactive Programming ด้วย RxJS
เรียนรู้วิธีการเขียนโปรแกรมแบบ Reactive และการใช้งาน RxJS เพื่อสร้าง Observable รวมถึงการใช้งาน Operator ต่างๆ เพื่อกำหนดพฤติกรรมของ Observable
  • Gold
    1. Reactive Programming คืออะไร
    9.48
  • Gold
    2. Observables
    16.25
  • Gold
    3. Marble Diagrams
    3.13
  • Gold
    4. of
    1.32
  • Gold
    5. from
    1.47
  • Gold
    6. fromEvent
    1.13
  • Gold
    7. interval
    1.35
  • Gold
    8. timer
    1.08
  • Gold
    9. map
    3.56
  • Gold
    10. filter
    1.49
  • Gold
    11. scan
    3.04
  • Gold
    12. take, first และ skip
    3.27
  • Gold
    13. takeLast และ last
    3.21
  • Gold
    14. zip
    3.31
  • Gold
    15. concat
    1.1
  • Gold
    16. startWith
    1.08
  • Gold
    17. merge
    1.16
  • Gold
    18. combineLatest
    2.09
  • Gold
    19. withLatestFrom
    2.53
  • Gold
    20. Higher Order Observables
    4.18
  • Gold
    21. mergeAll
    5.57
  • Gold
    22. concatAll
    1.35
  • Gold
    23. switch
    4.23
  • Gold
    24. mergeMap, flatmap, concatMap และ switchMap
    1.57
  • Gold
    25. ทบทวนความเข้าใจ 1
  • Gold
    26. เฉลยทบทวนความเข้าใจ 1 ข้อ 1
    5.26
  • Gold
    27. เฉลยทบทวนความเข้าใจ 1 ข้อ 2
    2.4
  • Gold
    28. เฉลยทบทวนความเข้าใจ 1 ข้อ 3
    8.13
  • Gold
    29. เฉลยทบทวนความเข้าใจ 1 ข้อ 4
    3.44
  • Gold
    30. delay
    1.04
  • Gold
    31. debounceTime
    3.33
  • Gold
    32. distinct
    2.18
  • Gold
    33. distinctUntilChanged
    1.4
  • Gold
    34. ทบทวนความเข้าใจ 2
  • Gold
    35. เฉลยทบทวนความเข้าใจ 2 ข้อ 2
    9.51
  • Gold
    36. Subject
    5.51
  • Gold
    37. Behavior Subject
    2.08
  • Gold
    38. ทำไมต้องศึกษา Reactive Programming
    1.09
  • Gold
    39. สรุป
    4.35
Level 10
Data Architecture
ศึกษาวิธีการใช้ Reactive Programming และ Action Up/Data Down เพื่อควบคุม Data Flow ของแอพพลิเคชันอย่างมีประสิทธิภาพ
  • Gold
    1. ปัญหา Data Flow ใน Service
    11.55
  • Gold
    2. Encapsulation
    9.42
  • Gold
    3. การแก้ปัญหาด้วย Reactive Programming
    9.34
  • Gold
    4. ทบทวนความเข้าใจ
  • Gold
    5. เฉลยทบทวนความเข้าใจ ข้อ 1
    12.21
  • Gold
    6. สรุป
    1.14
Level 11
Pipes
ศึกษาการใช้งาน Built-in Pipes ต่างๆ ทำความเข้าใจ Pure และ Impure Pipes รวมถึงวิธีการสร้าง Pipes เพื่อใช้งาน
  • Gold
    1. Pipe
    3.46
  • Gold
    2. Date Pipe
    2.32
  • Gold
    3. UpperCase และ LowerCase
    0.53
  • Gold
    4. Decimal Pipe
    2.43
  • Gold
    5. Percent Pipe
    1.26
  • Gold
    6. Currency Pipe
    1.49
  • Gold
    7. Slice Pipe
    1.55
  • Gold
    8. JSON Pipe
    0.45
  • Gold
    9. Chaining Pipes
    0.51
  • Gold
    10. Custom Pipes
    6.21
  • Gold
    11. ทบทวนความเข้าใจ
  • Gold
    12. เฉลยทบทวนความเข้าใจ ข้อ 1
    3.09
  • Gold
    13. เฉลยทบทวนความเข้าใจ ข้อ 2
    2.44
  • Gold
    14. เฉลยทบทวนความเข้าใจ ข้อ 3
    1.05
  • Gold
    15. Change Detection
    6.11
  • Gold
    16. Pure และ Impure Pipes
    3.44
  • Gold
    17. Async Pipe
    6.18
  • Gold
    18. สรุป
    2.02

แสดงความคิดเห็นของคุณ


Bundit Nuntates7 วันที่ผ่านมา

รอ Vue 2, React นะครับ

ข้อความตอบกลับ