Angular 線上讀書會 第二季 主題大綱

為期 12 周的新手入門

Zoom 會議室位址

week 1(106/6/7) - 分享者: PH

  • 開發環境安裝
  • visual studio code
  • Angular CLI
  • 介紹 Visual Studio code
  • 基本介紹
  • 套件
  • 介紹 Angular CLI
  • 用途
  • 指令的介紹
  • 開發流程

week 2(106/6/14) - 分享者: Sam

  • Typescript 101
  • Basic Types
  • let / const
  • Functions
  • Arrow Function
  • Class
  • Interface
  • Module

week 3(106/6/21) - 分享者: Ryan

錄影重播: https://youtu.be/GLdSHeoB438
  • 建立 Angular 專案
  • 建立第一個component
  • 了解component的用法
  • ngModule
  • component
  • 了解template syntax
  • attribute binding
  • event binding
  • {{ }}
  • Class and style bindings
  • [class.x] bindings
  • [style.y] bindings
  • [ngClass] for more complex class selection
  • Component styling
  • Scoped CSS
  • ViewEncapsulation
  • Targeting the component itself
  • Component data binding