Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Programming - Lesson 7
Search
Ryan Chung
May 07, 2020
Technology
1
590
Web Programming - Lesson 7
Ryan Chung
May 07, 2020
Tweet
Share
More Decks by Ryan Chung
See All by Ryan Chung
MovieBot Development
ryan403
0
280
Design Voice-First Games for Alexa
ryan403
0
40
AI Teaching Talk
ryan403
0
100
Cognitive Service
ryan403
0
84
jQuery & API Practices
ryan403
0
110
CSS Practices
ryan403
1
130
JavaScript Practices
ryan403
0
85
Web Programming - Lesson 6
ryan403
1
570
Web Programming - Lesson 5
ryan403
1
390
Other Decks in Technology
See All in Technology
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
NW-JAWS #14 re:Invent 2024(予選落ち含)で 発表された推しアップデートについて
nagisa53
0
250
Snowflake女子会#3 Snowpipeの良さを5分で語るよ
lana2548
0
220
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
280
.NET 9 のパフォーマンス改善
nenonaninu
0
280
GitHub Copilot のテクニック集/GitHub Copilot Techniques
rayuron
23
11k
Fanstaの1年を大解剖! 一人SREはどこまでできるのか!?
syossan27
2
150
20241214_WACATE2024冬_テスト設計技法をチョット俯瞰してみよう
kzsuzuki
3
440
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
祝!Iceberg祭開幕!re:Invent 2024データレイク関連アップデート10分総ざらい
kniino
2
230
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
180
Amazon Kendra GenAI Index 登場でどう変わる? 評価から学ぶ最適なRAG構成
naoki_0531
0
100
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
The Cult of Friendly URLs
andyhume
78
6.1k
A designer walks into a library…
pauljervisheath
204
24k
Adopting Sorbet at Scale
ufuk
73
9.1k
Building Adaptive Systems
keathley
38
2.3k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
The Invisible Side of Design
smashingmag
298
50k
Optimizing for Happiness
mojombo
376
70k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
Transcript
Web Programming –
[email protected]
行動開發學院 行動開發學院 JavaScript Lab 網站上線 Ryan
Chung 123
Web Programming –
[email protected]
行動開發學院 行動開發學院 目標 • 將完成的網站上線 –
很多選擇 • Ngrok • GitHub Pages • Self Own Server(IIS, WAMP,…) • Hosting Service + Domain Name • Azure • AWS • GCP • CHT 124
Web Programming –
[email protected]
行動開發學院 行動開發學院 使用 GitHub Pages 125
https://pages.github.com/
Web Programming –
[email protected]
行動開發學院 行動開發學院 註冊一個GitHub帳號 126 https://github.com/join
Web Programming –
[email protected]
行動開發學院 行動開發學院 登入後,建立一個新的專案 • 點選照片旁邊的+,New repository
127 https://github.com/new
Web Programming –
[email protected]
行動開發學院 行動開發學院 安裝git • 網頁拉至中間部分,右邊有下載連結 •
下載後開啟,一步一步安裝至本機 128 https://git-scm.com/
Web Programming –
[email protected]
行動開發學院 行動開發學院 在VS Code中打開終端機 • 打開VS
Code,檔案->開啟資料夾 • 選擇自己的專案 • 檢視->終端 (或按下Ctrl + ` ) 開啟內建終端機 129
Web Programming –
[email protected]
行動開發學院 行動開發學院 在終端機中設定git git config --global
user.name "你的英文姓名" 130 然後再輸入: git config --global user.email “你的電子郵件"
Web Programming –
[email protected]
行動開發學院 行動開發學院 開始使用git (這些指令都下在終端機) • Git
初始化 git init • 加入所有檔案 git add . • 設定上傳描述標記 git commit –m "First commit" • 對應遠端位置 git remote add origin https://github.com/YourUserName/YourProgectName.git • 上傳檔案 – git push –u origin master 131 這個網址就是 https://github.com/你的使用者名稱/你的專案名稱.git
Web Programming –
[email protected]
行動開發學院 行動開發學院 設定GitHub Pages • 在Github網站中,進入自己的專案
• 點擊 Settings • 下拉至GitHub Pages • 將Source設定為 master branch • 再下拉網頁,找到產生的網址 132
Web Programming –
[email protected]
行動開發學院 行動開發學院 測試網站是否已上線 • 打開瀏覽器,輸入網址 https://YourUserName.github.io/YourProjectName
網址就是 https://你的帳號名稱.github.io/你的專案名稱 133
Web Programming –
[email protected]
行動開發學院 行動開發學院 之後要怎麼更新網站內容? • 一樣在VS Code中開啟終端機(Ctrl
+ `) • 依序輸入以下指令 • 加入所有檔案 git add . • 設定上傳描述標記 git commit –m "Update for xxx" • 上傳檔案 – git push –u origin master 134
Web Programming –
[email protected]
行動開發學院 行動開發學院 Recap • GitHub –註冊帳號
–建立Repo • 本機端 –終端機下指令 –建立Git、對應遠端、加入、標記、上傳 • GitHub –設定 –GitHub Page、Source Master Branch 135