Enviar pesquisa
Carregar
20171229內訓課程
•
0 gostou
•
396 visualizações
S
shih jhih-yu
Seguir
copy right@hiot lab
Leia menos
Leia mais
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 57
Recomendados
Aksi nyata diah ernawati
Aksi nyata diah ernawati
Dian Sari
Ppt教學
Ppt教學
shih jhih-yu
Test
Test
zhanmarx
Family Devotion (22-28)
Family Devotion (22-28)
YeKuek
Habilitation universitaire Lilya Boucelha 2021
Habilitation universitaire Lilya Boucelha 2021
Lilya BOUCELHA
How to shop clothes online(haoduoyi)
How to shop clothes online(haoduoyi)
zhizaolian
Soal AKM Numerasi Level 2
Soal AKM Numerasi Level 2
Bang Jon
D4SG_#4_脫貧潛客分析
D4SG_#4_脫貧潛客分析
Andrew Li
Recomendados
Aksi nyata diah ernawati
Aksi nyata diah ernawati
Dian Sari
Ppt教學
Ppt教學
shih jhih-yu
Test
Test
zhanmarx
Family Devotion (22-28)
Family Devotion (22-28)
YeKuek
Habilitation universitaire Lilya Boucelha 2021
Habilitation universitaire Lilya Boucelha 2021
Lilya BOUCELHA
How to shop clothes online(haoduoyi)
How to shop clothes online(haoduoyi)
zhizaolian
Soal AKM Numerasi Level 2
Soal AKM Numerasi Level 2
Bang Jon
D4SG_#4_脫貧潛客分析
D4SG_#4_脫貧潛客分析
Andrew Li
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
Csizik Balazs
愛.台灣的長子
愛.台灣的長子
cosmosaikyo
Word論文撰寫之基本功能教學
Word論文撰寫之基本功能教學
shih jhih-yu
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
Rextron International, Inc.
¦+¦õদ -í+µ
¦+¦õদ -í+µ
jhonascornestroea
遠離環境荷爾蒙
遠離環境荷爾蒙
epaslideshare
彩虹花 - ERIC CARLE
彩虹花 - ERIC CARLE
Florensia Wijaya
Formato
Formato
KevinQuispe50
生日快樂
生日快樂
k2026406
敏捷式開發旅遊數據User Story
敏捷式開發旅遊數據User Story
電腦科學 實驗室
Switch by Moving Mouse KM Switch - USW-KM314
Switch by Moving Mouse KM Switch - USW-KM314
Rextron International, Inc.
《你真好》
《你真好》
Lee Huey
Sky walker
Sky walker
aaronloker
Rencana keja 4
Rencana keja 4
SandiImantakah2
分布式監控系統的容器化變遷與 CI/CD 實踐
分布式監控系統的容器化變遷與 CI/CD 實踐
Yao-Wei Ou
soal eko ppt tema 1 (1).pptx
soal eko ppt tema 1 (1).pptx
WahyuTriJadmoko
Sosialisasi SMK ke MTS dan SMP sederajat
Sosialisasi SMK ke MTS dan SMP sederajat
AnikIndriyati
Copii Romani Prezentare
Copii Romani Prezentare
Mikele28
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
AngelinaMartinaRatna
leccion 9.1.2.pdf
leccion 9.1.2.pdf
ssusera84393
mandarin
mandarin
CkanyNamiar
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
Csizik Balazs
Mais conteúdo relacionado
Mais procurados
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
Csizik Balazs
愛.台灣的長子
愛.台灣的長子
cosmosaikyo
Word論文撰寫之基本功能教學
Word論文撰寫之基本功能教學
shih jhih-yu
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
Rextron International, Inc.
¦+¦õদ -í+µ
¦+¦õদ -í+µ
jhonascornestroea
遠離環境荷爾蒙
遠離環境荷爾蒙
epaslideshare
彩虹花 - ERIC CARLE
彩虹花 - ERIC CARLE
Florensia Wijaya
Formato
Formato
KevinQuispe50
生日快樂
生日快樂
k2026406
敏捷式開發旅遊數據User Story
敏捷式開發旅遊數據User Story
電腦科學 實驗室
Switch by Moving Mouse KM Switch - USW-KM314
Switch by Moving Mouse KM Switch - USW-KM314
Rextron International, Inc.
《你真好》
《你真好》
Lee Huey
Sky walker
Sky walker
aaronloker
Rencana keja 4
Rencana keja 4
SandiImantakah2
分布式監控系統的容器化變遷與 CI/CD 實踐
分布式監控系統的容器化變遷與 CI/CD 實踐
Yao-Wei Ou
Mais procurados
(15)
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
愛.台灣的長子
愛.台灣的長子
Word論文撰寫之基本功能教學
Word論文撰寫之基本功能教學
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
4K 4 x 2 HDMI Matrix with Serial & IR Control - XKGM-M42
¦+¦õদ -í+µ
¦+¦õদ -í+µ
遠離環境荷爾蒙
遠離環境荷爾蒙
彩虹花 - ERIC CARLE
彩虹花 - ERIC CARLE
Formato
Formato
生日快樂
生日快樂
敏捷式開發旅遊數據User Story
敏捷式開發旅遊數據User Story
Switch by Moving Mouse KM Switch - USW-KM314
Switch by Moving Mouse KM Switch - USW-KM314
《你真好》
《你真好》
Sky walker
Sky walker
Rencana keja 4
Rencana keja 4
分布式監控系統的容器化變遷與 CI/CD 實踐
分布式監控系統的容器化變遷與 CI/CD 實踐
Semelhante a 20171229內訓課程
soal eko ppt tema 1 (1).pptx
soal eko ppt tema 1 (1).pptx
WahyuTriJadmoko
Sosialisasi SMK ke MTS dan SMP sederajat
Sosialisasi SMK ke MTS dan SMP sederajat
AnikIndriyati
Copii Romani Prezentare
Copii Romani Prezentare
Mikele28
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
AngelinaMartinaRatna
leccion 9.1.2.pdf
leccion 9.1.2.pdf
ssusera84393
mandarin
mandarin
CkanyNamiar
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
Csizik Balazs
塔酷建站体系 自建站拿询盘落地服务商
塔酷建站体系 自建站拿询盘落地服务商
XIANGZHOU LIU
20221026流通事業經營策略-陳俊良.pptx
20221026流通事業經營策略-陳俊良.pptx
ssuser2119851
LECTURE 3 - SUPPLY AND DEMAND.pdf
LECTURE 3 - SUPPLY AND DEMAND.pdf
MUHAMMADHAIKALIQBALK
U6SC
U6SC
CheeBengYeap
Apple WWDC.pptx
Apple WWDC.pptx
Janavva
第一课 出塞 教学3.pptx
第一课 出塞 教学3.pptx
TIONGKUNGHIE1
ao ou iu.pptx
ao ou iu.pptx
lihoo2
不當督導對幸福感及工作投入之研究:兼論心理資本的調節效果 論文計劃書口試
不當督導對幸福感及工作投入之研究:兼論心理資本的調節效果 論文計劃書口試
Fisher Tsai
leccion 9.0.pdf
leccion 9.0.pdf
ssusera84393
leccion 7.1.pdf
leccion 7.1.pdf
ssusera84393
leccion 7.2.2.pdf
leccion 7.2.2.pdf
ssusera84393
leccion9.1.3.pdf
leccion9.1.3.pdf
ssusera84393
leccion 7.2.3.pdf
leccion 7.2.3.pdf
ssusera84393
Semelhante a 20171229內訓課程
(20)
soal eko ppt tema 1 (1).pptx
soal eko ppt tema 1 (1).pptx
Sosialisasi SMK ke MTS dan SMP sederajat
Sosialisasi SMK ke MTS dan SMP sederajat
Copii Romani Prezentare
Copii Romani Prezentare
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
±‚∆ΩªØ∏ˆ»À ˆ÷∞±®∏ÊPPTƒ£∞Â2.pptx
leccion 9.1.2.pdf
leccion 9.1.2.pdf
mandarin
mandarin
快速充电技术 介绍及合作意向F
快速充电技术 介绍及合作意向F
塔酷建站体系 自建站拿询盘落地服务商
塔酷建站体系 自建站拿询盘落地服务商
20221026流通事業經營策略-陳俊良.pptx
20221026流通事業經營策略-陳俊良.pptx
LECTURE 3 - SUPPLY AND DEMAND.pdf
LECTURE 3 - SUPPLY AND DEMAND.pdf
U6SC
U6SC
Apple WWDC.pptx
Apple WWDC.pptx
第一课 出塞 教学3.pptx
第一课 出塞 教学3.pptx
ao ou iu.pptx
ao ou iu.pptx
不當督導對幸福感及工作投入之研究:兼論心理資本的調節效果 論文計劃書口試
不當督導對幸福感及工作投入之研究:兼論心理資本的調節效果 論文計劃書口試
leccion 9.0.pdf
leccion 9.0.pdf
leccion 7.1.pdf
leccion 7.1.pdf
leccion 7.2.2.pdf
leccion 7.2.2.pdf
leccion9.1.3.pdf
leccion9.1.3.pdf
leccion 7.2.3.pdf
leccion 7.2.3.pdf
Último
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
bairnshajjes
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
CHANSUITNEEMoe
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
黑客 接单【TG/微信qoqoqdqd】
30T.ppt【国外大学文凭样本】TWU毕业证认证Q/微:892798920办西三一大学毕业证留信留服使馆公证,TWU硕士毕业证,TWU研究生毕业证,文凭...
30T.ppt【国外大学文凭样本】TWU毕业证认证Q/微:892798920办西三一大学毕业证留信留服使馆公证,TWU硕士毕业证,TWU研究生毕业证,文凭...
ggbob1
【創業簡報練習】當一個人吃飯會想起誰:(A)I-DOLL 陪吃娃娃|科技創業與營運實務
【創業簡報練習】當一個人吃飯會想起誰:(A)I-DOLL 陪吃娃娃|科技創業與營運實務
sardinesaying
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptx
PriscilleXu
GPA低怎么办? | 身份黑后回复方案 | 出入境激活 身份恢复美本GPA太低了怎么办黑客服务,黑客修改大学成绩,黑客改成绩单,黑客入侵教务系统,找黑客修...
GPA低怎么办? | 身份黑后回复方案 | 出入境激活 身份恢复美本GPA太低了怎么办黑客服务,黑客修改大学成绩,黑客改成绩单,黑客入侵教务系统,找黑客修...
黑客 接单【TG/微信qoqoqdqd】
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
kathrynalvarez364
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
shanshanhui1
【国外大学文凭样本】多大毕业证认证Q/微:892798920办多伦多大学毕业证留信留服使馆公公证,多大硕士毕业证,U of T研究生毕业证,文凭,改U o...
【国外大学文凭样本】多大毕业证认证Q/微:892798920办多伦多大学毕业证留信留服使馆公公证,多大硕士毕业证,U of T研究生毕业证,文凭,改U o...
ggbob1
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
gravestomas0
Último
(11)
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
30T.ppt【国外大学文凭样本】TWU毕业证认证Q/微:892798920办西三一大学毕业证留信留服使馆公证,TWU硕士毕业证,TWU研究生毕业证,文凭...
30T.ppt【国外大学文凭样本】TWU毕业证认证Q/微:892798920办西三一大学毕业证留信留服使馆公证,TWU硕士毕业证,TWU研究生毕业证,文凭...
【創業簡報練習】當一個人吃飯會想起誰:(A)I-DOLL 陪吃娃娃|科技創業與營運實務
【創業簡報練習】當一個人吃飯會想起誰:(A)I-DOLL 陪吃娃娃|科技創業與營運實務
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptx
GPA低怎么办? | 身份黑后回复方案 | 出入境激活 身份恢复美本GPA太低了怎么办黑客服务,黑客修改大学成绩,黑客改成绩单,黑客入侵教务系统,找黑客修...
GPA低怎么办? | 身份黑后回复方案 | 出入境激活 身份恢复美本GPA太低了怎么办黑客服务,黑客修改大学成绩,黑客改成绩单,黑客入侵教务系统,找黑客修...
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
【国外大学文凭样本】多大毕业证认证Q/微:892798920办多伦多大学毕业证留信留服使馆公公证,多大硕士毕业证,U of T研究生毕业证,文凭,改U o...
【国外大学文凭样本】多大毕业证认证Q/微:892798920办多伦多大学毕业证留信留服使馆公公证,多大硕士毕业证,U of T研究生毕业证,文凭,改U o...
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
20171229內訓課程
1.
PPT模板下载:www.1ppt.com/moban/ 行业PPT模板:www.1ppt.com/hangye/ 节日PPT模板:www.1ppt.com/jieri/ PPT素材下载:www.1ppt.com/sucai/ PPT背景图片:www.1ppt.com/beijing/
PPT图表下载:www.1ppt.com/tubiao/ 优秀PPT下载:www.1ppt.com/xiazai/ PPT教程: www.1ppt.com/powerpoint/ Word教程: www.1ppt.com/word/ Excel教程:www.1ppt.com/excel/ 资料下载:www.1ppt.com/ziliao/ PPT课件下载:www.1ppt.com/kejian/ 范文下载:www.1ppt.com/fanwen/ 试卷下载:www.1ppt.com/shiti/ 教案下载:www.1ppt.com/jiaoan/ PPT论坛:www.1ppt.cn 內訓課程 (2) 網頁教學(一) 報告者:許育誠 報告:2017/11/29
2.
課程大綱 2 11/29 html
css javascript 基本介紹 Html 基本練習(語法教學)(2個) Css基本練習(語法教學) (2個) Javascript基本練習(語法教學) (5個) Ajax基本概念 (1個) Bootstrap4前端框架介紹 (1個)(上)(未交完) 額外補充前端框架(Vue.js D3.js three.js) 12/6 html css javascript 進階介紹 Javascript進階練習(語法教學) (7個) Css補充flex怎麼使用 Bootstrap4前端框架介紹 (1個)(下) 部落格網頁設計前端(運用 html css javascript bootstrap4)
3.
安裝編輯器(sublime x vscode) 3 快速鍵:https://poychang.github.io/vscode-shortcuts/
4.
4 Html實作範例 https://www.w3schools.com/html/ H1的tag 用來作大字體包含h1…….h6(大->小) P tag用來作段落(
pargraph) ……… 包含div tag table tag span ul li <a> <img> Textarea…..
5.
Html 注意事項 5 http://www.flycan.com.tw/board/modules/ne wbb/viewtopic.php?topic_id=17 可以放在h1後面讓他取代他
6.
6 卡片式語法(Css語法包含html) https://codepen.io/andy1229/pen/rYrEyE .用的是class可以重複使用 #用的是 id不可以重複使用#card
7.
7 Javascript語法教學 https://mirlab.org/jang/books/javascript/domProp.asp?t itle=6-1%20DOM%20%AA%BA%A9%CA%BD%E8
8.
8 Javascript語法教學 其他語言 包含java php
python 都有所謂的基 本語法 那這裡只提幾個語法 For迴圈 http://www.wibibi.com/info.php?tid=182
9.
9 Javascript語法教學 If語法 搭配js的date簡單判斷 https://www.w3schools.com/js/tryit.asp?filename=tryjs_elseif
10.
10 Javascript語法教學 https://mirlab.org/jang/books/javascript/array2.asp?title=4- 2%20%B0}%A6C%AA%AB%A5%F3%AA%BA%A4%E8%AAk
11.
11 Javascript語法教學 https://www.w3schools.com/js/js_json.asp http://www.smalljacky.com/programming-language/javascript- programming -language/json-teaching-format/
12.
12 Javascript語法教學 http://html5index.org/ https://pjchender.blogspot.tw/2017/08/html5-drag-and-drop-api.html
13.
13 Javascript語法教學-30天 https://guahsu.io/JavaScript30/
14.
Ajax基本說明 14 傳統網頁在使用者提交資料後(亦即對伺服器發出請求),必須 等到伺服器回應、重新整理頁面,才能繼續進行下一個動作,這 段期間內使用者不能對該頁面做任何的存取。而非同步請求允許 使用者在發出請求到伺服器回應的期間內繼續使用頁面(例如: 填寫剩餘表單),等到完成回應,瀏覽器僅更新部份資訊,藉以 達到更有效的即時互動
15.
Ajax javascript基本操作 15 https://developer.mozilla.org/zh- TW/docs/Web/Guide/AJAX/Getting_Started
16.
Bootstrap4教學 16 http://bootstrap.hexschool.com/
17.
Bootstrap4教學 17
18.
補充教材 18 https://vuejs.org/ https://d3js.org/ https://threejs.org/
19.
上課方式調查調整 19 是否需要調整上課方式? 大家想 怎麼調整 哪裡講得不太清楚? 大家前端有想學什麼方面嗎
我朝 那方面準備?( css3 jquery 套件) 第一堂課可能很無聊因為是講觀 念的東西 後面幾堂課 會有很多實作 是否是希望先看成 品的方式後實作還是我都幫大家 打好程式碼 直接講程式碼呢
20.
下禮拜預告 20 會開始帶大家寫css程式 包含動 畫 會開始帶大家寫js以javascript30 天 那個為主 會開始帶大家寫bootstrap4
以我 講義17頁為主 最後有多餘時間會再帶大家了解 websocket
21.
PPT模板下载:www.1ppt.com/moban/ 行业PPT模板:www.1ppt.com/hangye/ 节日PPT模板:www.1ppt.com/jieri/ PPT素材下载:www.1ppt.com/sucai/ PPT背景图片:www.1ppt.com/beijing/
PPT图表下载:www.1ppt.com/tubiao/ 优秀PPT下载:www.1ppt.com/xiazai/ PPT教程: www.1ppt.com/powerpoint/ Word教程: www.1ppt.com/word/ Excel教程:www.1ppt.com/excel/ 资料下载:www.1ppt.com/ziliao/ PPT课件下载:www.1ppt.com/kejian/ 范文下载:www.1ppt.com/fanwen/ 试卷下载:www.1ppt.com/shiti/ 教案下载:www.1ppt.com/jiaoan/ PPT论坛:www.1ppt.cn 內訓課程 (2) 網頁教學(二) 報告者:許育誠 報告:2017/12/05
22.
Bootstrap4教學 22
23.
排版-概觀 23 <div class="container"> <!-- Content
here --> </div> <div class="container-fluid"> ... </div> 固定寬度置中 寬度佔版面100%
24.
排版-概觀 24 響應式網頁有所謂的斷點 所有斷點包含用關鍵字的方式 來寫(sm md lg)
25.
排版-網格 25 http://bootstrap.hexschool.com/docs/4.0/layout/grid/#如何運作 http://bootstrap.hexschool.com/docs/4.0/layout/grid/#等寬
26.
排版-網格 26 http://bootstrap.hexschool.com/docs/4.0/layo ut/grid/#order-classes http://bootstrap.hexschool.com/docs/4.0/layo ut/grid/#等寬度多行
27.
排版-媒體物件 27 http://bootstrap.hexschool.com/docs/4.0/layout/media-object/#範例 http://bootstrap.hexschool.com/docs/4.0/layout/media-object/#巢狀
28.
Css語法-display 28 https://css-tricks.com/snippets/css/a-guide-to- flexbox/#flexbox-background
29.
Css語法-display 29
30.
上課練習bootstrap4(網格) 30
31.
上課練習bootstrap4(flex) 31
32.
上課練習bootstrap4照片 32
33.
33 回家作業( CSS) • 練習Css的display怎麼使用 •
想想看要怎麼設計屬於自己布落格 不使 用其他的版型?? 下週看大家的規劃
34.
Javascript 30天練習 第一天 34
35.
javascript 30天練習 第一天
語法教學 35 https://guahsu.io/2017/05/JavaScript30-01- Java-Script-Drum-Kit/ https://github.com/guahsu/JavaScript30/tree/ master/01_Java-Script-Drum-Kit/
36.
javascript 30天練習 第一天
參考資料 36 用於物件增加class屬性: https://developer.mozilla.org/en- US/docs/Web/API/Element/classList 用於 audio屬性的方法: https://developer.mozilla.org/en- US/docs/Web/API/HTMLMediaElement 所有event事件查看: https://developer.mozilla.org/en-US/docs/Web/Events Js新寫法(template lierals) https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Template_literals
37.
PPT模板下载:www.1ppt.com/moban/ 行业PPT模板:www.1ppt.com/hangye/ 节日PPT模板:www.1ppt.com/jieri/ PPT素材下载:www.1ppt.com/sucai/ PPT背景图片:www.1ppt.com/beijing/
PPT图表下载:www.1ppt.com/tubiao/ 优秀PPT下载:www.1ppt.com/xiazai/ PPT教程: www.1ppt.com/powerpoint/ Word教程: www.1ppt.com/word/ Excel教程:www.1ppt.com/excel/ 资料下载:www.1ppt.com/ziliao/ PPT课件下载:www.1ppt.com/kejian/ 范文下载:www.1ppt.com/fanwen/ 试卷下载:www.1ppt.com/shiti/ 教案下载:www.1ppt.com/jiaoan/ PPT论坛:www.1ppt.cn 內訓課程 (2) 網頁教學(三) 報告者:許育誠 報告:2017/12/ 12
38.
Bootstrap4教學 38
39.
內容-文字排版 39 http://bootstrap.hexschool.com/docs/4.0/content/typography/ #%E6%A8%99%E9%A1%8C
40.
內容-文字排版(簡寫) 40 http://bootstrap.hexschool.com/docs/4.0/content/typography/ #%E6%A8%99%E9%A1%8C
41.
內容-表格(帶框表格) 41 http://bootstrap.hexschool.com/docs/4.0/content/tables/#%E5 %B8%B6%E6%A1%86%E7%9A%84%E8%A1%A8%E6%A0%BC http://bootstrap.hexschool.com/docs/4.0/content/tabl es/#%E5%8F%AF%E6%BB%91%E5%85%A5%E8%A1%8C
42.
元件-警報 42 http://bootstrap.hexschool.com/docs/4.0/com ponents/alerts/#%E7%AF%84%E4%BE%8B
43.
元件-警報 43 http://bootstrap.hexschool.com/docs/4.0/com ponents/badge/#%E8%86%A0%E5%9B%8A%E 6%A8%99%E7%B1%A4
44.
元件-麵包屑 44 http://bootstrap.hexschool.com/docs/4.0/com ponents/breadcrumb/#overview
45.
元件-按鈕 45 http://bootstrap.hexschool.com/docs/4.0/com ponents/buttons/#%E6%A0%B8%E5%8F%96% E6%96%B9%E5%A1%8A%E5%92%8C%E9%81% B8%E9%A0%85%E6%8C%89%E9%88%95
46.
元件-card 46 http://bootstrap.hexschool.com/docs/4.0/com ponents/card/#%E5%9C%96%E7%89%87
47.
元件-分頁 47 http://bootstrap.hexschool.com/docs/4.0/com ponents/pagination/#%E7%A6%81%E7%94%A 8%E5%92%8C%E6%B4%BB%E5%8B%95%E7%8 B%80%E6%85%8B
48.
元件-滑動監控 48 http://bootstrap.hexschool.com/docs/4.0/com ponents/scrollspy/#%E5%B7%A2%E7%8B%80 %E5%B0%8E%E8%A6%BD%E7%9A%84%E7%A F%84%E4%BE%8B
49.
CSS3動畫 49 https://developer.mozilla.org/en- US/docs/Web/CSS/transform?v=control#Brows er_compatibility
50.
Javascript 30天練習 第二天 50 http://guahsu.io/JavaScript30/02_JS-and- CSS-Clock/index-GuaHsu.html
51.
Javascript 30天練習 第二天
語法教 學 51 https://github.com/guahsu/JavaScript30/ blob/master/02_JS-and-CSS-Clock/index- FINISHED.html
52.
css position relative
用法一 52
53.
css position relative
用法二 53
54.
css position relative
用法三(混合) 54
55.
語法補充教學( css position
relative) 55 https://codepen.io/andy1229/pen/Ljeraa
56.
參考資料 56 Css動畫語法:https://developer.mozilla.org/en- US/docs/Web/CSS/Reference Css十種定位形式:http://www.see-design.com.tw/i/css_position.html Bootstrap4語法:http://bootstrap.hexschool.com/ Javascript30天:https://guahsu.io/JavaScript30/
57.
Thank You !
Notas do Editor
Dom的教學這是剛開始會先介紹
每天有空可以來跟著寫一支程式沒有用任何套件 完全自己寫出來的 大家可以挑戰看看 順便學學js因爲js除了前端 後端也是可以的所以先從前端開始練習吧
我會分為兩次來講 一次為bootstrap4 紅色為第一次
大家可能想學什麼東西 後面我朝這方面講解也是可以的例如 webapp我也可以教大家怎麼做webapp
Practice-5.html
Practice-6.html practice-7.html practice-8.html