Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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