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
580
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
210
Design Voice-First Games for Alexa
ryan403
0
30
AI Teaching Talk
ryan403
0
75
Cognitive Service
ryan403
0
64
jQuery & API Practices
ryan403
0
94
CSS Practices
ryan403
1
120
JavaScript Practices
ryan403
0
82
Web Programming - Lesson 6
ryan403
1
540
Web Programming - Lesson 5
ryan403
1
380
Other Decks in Technology
See All in Technology
AMLD 2024 - Build Your Own GPT
donlelef
1
260
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
520
暗黙知を集積するプラットフォーム : 「健常者エミュレータ事例集」の取り組み
sora32127
1
160
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
7
5k
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
160
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
任意コード実行の原理
ffri
0
170
サービス成長と共に肥大化するモノレポ、長くなるCI時間 / As services grow, monorepos get bigger and CI time gets longer
kohbis
5
2k
Autify Company Deck
autifyhq
1
30k
SREsのためのSRE定着ガイド
netmarkjp
10
1.6k
チーム単位で保守性を高める:独自指標と向上にむけた実践
tarappo
0
300
エンジニア候補者向け資料2024.03.28.pdf
macloud
0
2.9k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
160
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Building an army of robots
kneath
300
41k
Side Projects
sachag
451
41k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
Typedesign – Prime Four
hannesfritz
36
2k
Why Our Code Smells
bkeepers
PRO
330
56k
Rails Girls Zürich Keynote
gr2m
91
13k
What's new in Ruby 2.0
geeforr
335
31k
Practical Orchestrator
shlominoach
180
9.7k
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