Slide 1

Slide 1 text

VS Code 實戰料理 PHP 套件網站 佐 Azure Pipelines Winnie Lin [ PHP 也有 Day #45 ] 2019-05-21 @ Star Rocket

Slide 2

Slide 2 text

Winnie Lin ● Web Developer ● Microsoft MVP 2017-2019 ● Laravel 台灣社群固定班底 ● LaraGirls 講師助教群

Slide 3

Slide 3 text

● 基本食材 ● 料理用具 ● 精選佐料 ● 來做幾道料理吧 ● 美味配方 ● 上菜啦 AGENDA

Slide 4

Slide 4 text

基本食材 Development Essentials

Slide 5

Slide 5 text

開發 PHP 套件基本三要素

Slide 6

Slide 6 text

料理用具 Visual Studio Code

Slide 7

Slide 7 text

Visual Studio Code ● 跨平台 (Windows, Mac, Linux) ● 基礎內建 (Web Essentials: HTML, CSS, JavaScript) ● 工具整合 (Editor, Terminal, Git) ● 智慧提示 (IntelliSense) ● 除錯功能 (Debugging) ● 擴充功能 (Extensions)

Slide 8

Slide 8 text

常用快速鍵 Windows / Linux Mac

Slide 9

Slide 9 text

Color Picker 視覺化色塊顯示 視覺化選色器

Slide 10

Slide 10 text

Emmet

Slide 11

Slide 11 text

Markdown

Slide 12

Slide 12 text

Git UI A - 新增 M - 修改 U - 未追蹤 D - 刪除

Slide 13

Slide 13 text

Git Diff

Slide 14

Slide 14 text

Git Conflict 解衝突變得很簡單

Slide 15

Slide 15 text

IntelliSense

Slide 16

Slide 16 text

Terminal

Slide 17

Slide 17 text

Debugging

Slide 18

Slide 18 text

精選佐料 VS Code Extensions

Slide 19

Slide 19 text

PHP 相關

Slide 20

Slide 20 text

PHPUnit 測試 p.s. 社群的國產 Extensions,敬請多多支持

Slide 21

Slide 21 text

視覺系必備

Slide 22

Slide 22 text

實作料理 Live Demo

Slide 23

Slide 23 text

料理套件

Slide 24

Slide 24 text

料理套件:計算 BMI 世界衛生組織建議 以身體質量指數(Body Mass Index, BMI)來衡量肥胖程度,其 計算公式是以體重(公斤)除以身高(公尺)的平方。 國民健康署建議我國成人 BMI 應維持在 18.5(kg/m2)及 24 (kg/m2)之間,太瘦、過重或太胖皆有礙健康。 Reference: 國民健康署 https://health99.hpa.gov.tw/OnlinkHealth/Onlink_BMI.aspx Demo Code: https://github.com/onecentlin/package-bmi

Slide 25

Slide 25 text

Packagist 開源套件完成後 可發佈至 Packgist https://packagist.org/

Slide 26

Slide 26 text

料理網站應用程式

Slide 27

Slide 27 text

料理網站 網站應用剛剛開發的套件 發佈 Website 至 Azure 套件尚未發佈前,可用 VCS Repositories 的方式來安 裝自己的套件 https://getcomposer.org/doc/05-repositories.md#vcs

Slide 28

Slide 28 text

Demo Code: https://github.com/onecentlin/phptheday45-demo

Slide 29

Slide 29 text

美味配方 Quality Assurance

Slide 30

Slide 30 text

Azure DevOps Azure DevOps https://azure.microsoft.com/zh-tw/services/devops/

Slide 31

Slide 31 text

Azure Pipelines https://azure.microsoft.com/zh-tw/services/devops/pipelines/

Slide 32

Slide 32 text

Azure Pipelines - Builds

Slide 33

Slide 33 text

Azure Pipelines - Releases

Slide 34

Slide 34 text

上菜啦 Final Presentation

Slide 35

Slide 35 text

Azure - Web App 發佈:代碼 / Docker 執行階段堆疊:PHP 7.2 作業系統:Linux / Windows 位置:Southeast Asia / East Asia APP SERVICE 方案:免費 F1

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

總結

Slide 40

Slide 40 text

Thank You

Slide 41

Slide 41 text

Q & A