全球名列前10%的頂尖教師-Ken Cen
學生分佈全球48個國家或地區
全球眾多學員在Ken的幫助下,成為一名蘋果手機編程工程師,並找到自己心儀的工作。
關於教師
-
網頁工程師,IOS開發工程師 (WeChat: MeiJiStudio)
Ken Cen (全球名列前10%的頂尖教師)
大家好,我是Ken Cen, 是一名手機程序工程師和網站工程師,我在全球擁有超過5萬名來自全球48個國家和地區的學生, 課程廣受好評,也成為了連續24個月最暢銷的中文課程之一,同時,我非常高興可以幫助到眾多學生,從零到專業找到理想的工作,我希望創作更多大家認同的課程,期待在課程裡見到大家!並感謝所有支持我的學員!
課程準備:
✔ 無需任何編程經驗
✔ 可以在Windows, OSX等擁有文本編輯器的系統上編輯您的網站
您可以學到
✔ 能使用HTML來編寫網頁上各種各樣的對象或者元素
✔ 能夠使用指定不同的元素或者對象用CSS或CSS3去美化他們,讓網站看起來更光彩奪目!
✔ 能使用Javascript,jQuery去製作具有各種功能的網頁程序或互動效果
✔ 能使用Bootstrap的框架去製作美觀,複雜的網頁程序,並適應不同的設備,包括各種平板和手機等
✔ 能使用Wordpress無需編寫任何一段代碼去構建自己的網上商店或論壇
✔ 能使用PHP和mySQL去編寫功能強大的服務器端程序,響應用戶的請求,實現服務器端與客戶端的互動!
學會9種網絡語言及工具
實例中學習-編寫13個真實範例
課程大綱
點擊課程免費試看|課程總長約36.5小時
-
1
課程介紹-請於右上角討論區留言討論
-
2
HTML語言
-
3
CSS和CSS3
-
4
Javascript
-
5
jQuery
-
6
jQueryUI
-
7
Bootstrap
-
8
WordPress
-
9
PHP
-
10
mySQL
-
11
課程額外
-
12
舊版討論區備份
-
0_課程宣傳片 (00:42) -
2_本課程需要用到的工具 (05:34) 免費試聽 3_創建第一個網頁HelloWorld (03:49) 免費試聽 4_網頁結構 (12:40) 免費試聽 6_文章標題 (06:27) 7_段落 (07:18) 8_格式化文字 (09:17) 9_超鏈接 (07:19) 10_絕對路徑與相對路徑 (08:25) 11_如何添加圖片 (04:16) 12_表格Table (16:08) 14_列表List (09:46) 15_iFrame (05:25) 16_表單製作 (08:50) 17_表單裡的元素 (10:10) 18_HTML5介紹 (04:48) 19_Form2.0 (13:05) 21_HTML5接入視頻與聲音 (05:52) 22_第一個網頁HTML項目 (32:40) 26_HTML總結 (02:12) -
27_CSS開篇 (00:51) 28_什麼是CSS語言 (03:11) 29_InlineCSS (03:42) 30_內部CSS (04:46) 31_Class和ID (09:24) 32_如何添加顏色 (10:08) 33_如何設置背景 (11:00) 34_如何設置寬度和高度 (07:33) 35_如何設置邊框 (12:50) 37_如何設置margin (12:08) 39_設置padding (07:53) 40_Block與Inline的運用 (06:26) 41_文字設定 (15:20) 43_設置位置Position (16:29) 45_Float (15:21) 47_如何解決平均寬度問題 (07:24) 48_如何剪掉多餘的顯示 (10:39) 49_如何使用CSS3製作過場動畫 (16:19) 51_如何使用CSS3Animation (12:54) 53_第二個網頁_地球軌跡_添加宇宙星空 (18:41) 55_第二個網頁_地球軌跡_太陽動畫製作 (15:21) 57_第二個網頁_地球軌跡_地球公轉與自轉 (21:06) 60_第二個網頁_地球軌跡_月球公轉與自轉 (11:28) 64_第三個網頁_克隆eBay主頁_製作Header (38:06) 70_第三個網頁_克隆eBay主頁_製作SearchBar (51:57) 73_第三個網頁_克隆eBay主頁_製作導航欄 (29:11) 75_第三個網頁_克隆eBay主頁_分欄處理廣告 (16:33) 79_第三個網頁_克隆eBay主頁_製作產品介紹 (40:19) 84_第三個網頁_克隆eBay主頁_製作產品文章 (42:14) 88_第三個網頁_克隆eBay主頁_製作優惠產品欄目 (37:08) 89_外部CSS文件 (05:44) 90_CSS總結 (01:35) -
91_JS開篇 (00:54) 92_什麼是JavaScript (05:37) 93_內部JavaScript (03:03) 94_訪問網頁元素 (04:52) 95_用JS響應用戶點擊 (05:21) 96_用JS修改網站內容 (09:32) 97_消失的圓 (05:49) 98_JS變量 (10:54) 99_JS數組 (11:30) 100_If語句 (08:33) 102_第四個網頁_猜猜數字 (14:17) 104_For循環 (16:42) 106_While循環 (14:36) 107_Function (09:17) 109_第五個網頁_考反應遊戲_定義隨機出現 (19:11) 110_第五個網頁_考反應遊戲_如何獲得反應時間 (09:49) 112_第五個網頁_考反應遊戲_如何製作範圍隨機顏色 (11:37) 114_第五個網頁_考反應遊戲_如何製作隨機移動 (13:43) 115_考反應遊戲升級_JS修改CSS變量 (10:40) 116_CSS指向nth-child和nth-of-type (07:54) 118_第六個網頁_追蹤滑鼠軌跡_如何獲得滑鼠座標 (12:49) 120_第六個網頁_追蹤滑鼠軌跡_如何返回座標到CSS (11:54) 121_第六個網頁_追蹤滑鼠軌跡_製作球體延時效果 (09:26) 122_第六個網頁_追蹤滑鼠軌跡_製作球體光環效果 (10:29) 123_外部Javascript (02:47) 124_JS總結 (01:04) -
125_jQuery開篇 (00:41) 126_集成jQuery (08:08) 127_使用jQuery發現用戶點擊 (07:51) 128_使用jQuery改變網站內容 (09:30) 129_使用jQuery改變CSS樣式 (08:36) 130_使用jQueryFade網頁元素 (08:11) 131_使用jQuery使元素動畫化 (07:00) 133_使用AJAX加載網站數據 (17:16) 134_正則表達式RegularExpression (06:14) 136_第七個網頁_驗證表單_HTML部分 (13:32) 138_第七個網頁_驗證表單_CSS部分 (21:12) 141_第七個網頁_驗證表單_jQuery表單輸入內容 (28:54) 142_jQuery總結 (01:05) -
143_jQuery UI開篇 (01:05) 144_jQueryUI介紹 (09:20) 145_縮放功能 (05:59) 146_放入功能 (08:15) 147_自動輸入功能 (11:49) 148_第八個網頁_代碼播放器-Menu(1) (07:47) 149_第八個網頁_代碼播放器-Menu(2) (08:39) 150_第八個網頁_代碼播放器-動畫按鈕製作(1) (08:42) 151_第八個網頁_代碼播放器-動畫按鈕製作(2) (11:33) 152_第八個網頁_代碼播放器-Accordion HTML部分 (07:24) 153_第八個網頁_代碼播放器-Accordion CSS部分(1) (08:54) 154_第八個網頁_代碼播放器-Accordion CSS部分(2) (09:17) 155_第八個網頁_代碼播放器-如何收起Accordion(1) (08:15) 156_第八個網頁_代碼播放器-如何收起Accordion(2) (08:28) 157_第八個網頁_代碼播放器-設置被選項容器寬度(1) (06:50) 158_第八個網頁_代碼播放器-設置被選項容器寬度(2) (09:56) 159_第八個網頁_代碼播放器-添加結果iframe(1) (06:21) 160_第八個網頁_代碼播放器-添加結果iframe(2) (05:48) 161_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(1) (06:16) 162_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(2) (07:44) 163_第八個網頁_代碼播放器-修復iframe高度BUG (09:29) 164_jQueryUI總結 (01:00) -
165_BS開篇 (00:51) 166_什麼是Bootstrap (05:23) 167_Bootstrap的第一個應用 (05:47) 168_Grid系統(1) (07:22) 169_Grid系統(2) (08:26) 170_導航欄(1) (07:59) 171_導航欄(2) (08:34) 172_Bootstrap的表單(1) (06:06) 173_Bootstrap的表單(2) (08:45) 174_Bootstrap_carousel(1) (08:49) 175_Bootstrap_carousel(2) (09:02) 176_BootstrapModals組件 (11:55) 177_第九個網頁_導航欄(1) (08:14) 178_第九個網頁_導航欄(2) (08:26) 179_第九個網頁_大標題部分(1) (08:09) 180_第九個網頁_大標題部分(2) (07:38) 181_第九個網頁_軟體優點部分 (09:11) 182_第九個網頁_網頁腳部分 (07:41) 183_BS總結 (01:15) -
184_WP開篇 (00:34) 185_WordPress簡介 (01:26) 186_如何在真實伺服器安裝WordPress (10:26) 187_WordPress後台界面 (09:11) 188_創建一個論壇(1) (07:21) 189_創建一個論壇(2) (08:28) 190_創建一個網上商店(1) (07:18) 191_創建一個網上商店(2) (08:39) 192_WP總結 (00:52) -
193_PHP開篇 (01:09) 194_什麼是PHP (02:53) 195_編寫第一個PHP網頁 (05:42) 196_如何顯示PHP錯誤訊息 (04:45) 197_PHP變量(1) (06:53) 198_PHP變量(2) (06:48) 199_PHP 數組(1) (10:41) 200_PHP 數組(2) (09:50) 201_PHP If語句 (10:01) 202_PHP For語句和Foreach語句 (11:53) 203_PHP While循環 (07:20) 204_如何使用PHP發送郵件 (08:37) 205_$_GET變量(1) (07:11) 206_$_GET變量(2) (06:00) 207_$_POST變量(1) (03:59) 208_$_POST變量(2) (08:09) 209_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(1) (07:24) 210_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(2) (08:40) 211_第十個網頁_網站聯繫表單-如何在PHP驗證表單內容 (10:51) 212_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(1) (05:59) 213_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(2) (06:10) 214_第十個網頁_網站聯繫表單-使用伺服器發送郵件 (07:02) 215_第十一個網頁項目簡介 (01:51) 216_第十一個網頁項目_天氣預報網頁-HTML部分(1) (09:56) 217_第十一個網頁項目_天氣預報網頁-HTML部分(2) (11:11) 218_第十一個網頁項目_天氣預報網頁-CSS部分 (05:16) 219_第十一個網頁項目_天氣預報網頁-jQuery部分(1) (05:06) 220_第十一個網頁項目_天氣預報網頁-jQuery部分(2) (07:58) 221_第十一個網頁項目_天氣預報網頁-PHP部分(1) (10:25) 222_第十一個網頁項目_天氣預報網頁-PHP部分(2) (10:43) 223_第十一個網頁項目_天氣預報網頁-BUG修復 (03:11) 224_第十一個網頁項目_天氣預報網頁-什麼是JSON (08:05) 225_第十一個網頁項目_天氣預報網頁-接入API(1) (09:48) 226_第十一個網頁項目_天氣預報網頁-接入API(2) (12:21) 227_PHP總結 (01:08) -
228_MSQL開篇 (00:41) 229_如何創建mySQL數據庫(1) (06:56) 230_如何創建mySQL數據庫(2) (07:08) 231_如何連接mySQL數據庫 (08:24) 232_如何提取數據庫紀錄 (11:51) 233_如何添加及更新數據紀錄(1) (06:09) 234_如何添加及更新數據紀錄(2) (06:08) 235_如何在數據庫搜索紀錄(1) (08:16) 236_如何在數據庫搜索紀錄(2) (08:25) 237_解決查詢內容有特殊符號的狀況 (06:15) 238_SESSION變量 (09:45) 239_設定Cookies (08:09) 240_第十一個網頁我的秘密日記(1) (31:25) 241_第十一個網頁我的秘密日記(2) (40:11) 242_第十一個網頁我的秘密日記(3) (45:36) 243_MYSQL總結 (02:58) -
134_分頁與排序功能 (07:11) -
舊版討論區備份