Udemy線上課程 全端初體驗(含教材) 講師:Taker Wu 影音教學 中文發音 繁體中文字幕版(2DVD)
Udemy線上課程全端初體驗(含教材)講師:TakerWu影音教學中文發音繁體中文字幕版(2DVD)
內容說明:
使用前端技術HTML/CSS/jQuery,搭配PHP後端以及MySQL資料庫,隨課附贈2個【專案】實戰練習。
不管是從前端要跨足後端、或者是當個全端人、還是體驗做產品的感覺,這裡都是一個很好的開始!
一起打造自己的全端初體驗吧!

你將會學到的
使用HTML與CSS獨自撰寫網頁介面,邁向前端的第一步
有能力開始實作自己的產品構想
使用jQuery做出網頁的互動
使用PHP開發API的基本能力
透過AJAX進行前後端的整合
使用PHP跟資料庫做連接,進行後端開發
課程內容:
├─01什麼是產品開發?
│001what-is-web-app.pdf
│001什麼是產品?什麼是WebApp?.mp4
│002產品開發需要的元素.mp4
│
├─02【練習】TodoList設計
│003todo-list.pdf
│003課程進行方式.mp4
│004功能與介面設計.mp4
│
├─03【前端】HTML
│005frontend.pdf
│005前後端運作方式.mp4
│006網頁架構.mp4
│007常見的標籤(tag).mp4
│008架構的命名-id、class.mp4
│009命名練習.mp4
│
├─04【前端】CSS
│010CSS選擇器(selector).mp4
│010frontend.pdf
│011常見的CSS屬性.mp4
│012【練習】版面置中.mp4
│013【練習】3欄式架構.mp4
│014控制寬度的魔法:box-sizing.mp4
│
├─05【前端】Javascript
│015frontend.pdf
│015程式的基礎:expressions與statements.mp4
│016operators運算元.mp4
│017值與它的型態.mp4
│018block,conditions,loops.mp4
│019functions請電腦幫你做的待辦清單.mp4
│020object跟array.mp4
│
├─06【前端】jQuery
│021frontend.pdf
│021jQuery簡介.mp4
│022events事件的發生.mp4
│023traversing爬樹.mp4
│024DOMmanipulate處理網頁元素.mp4
│025【練習】極簡版todolist.mp4
│026【練習】eventbinding做不到的事.mp4
│027AJAX的概念.mp4
│
├─07【練習】TodoList前端開發
│028【開始練習之前_PHP環境架設】.html
│029todo-list.pdf
│029todolist-demo.zip
│029建立HTML架構.mp4
│030準備CSS檔案.mp4
│031【CSS】版面置中.mp4
│032【CSS】todolist項目.mp4
│033【CSS】todolist完成狀態.mp4
│034準備jQuery檔案.mp4
│035【jQuery】製作功能:createtodolist.mp4
│036使用Handlebars.js建立todolist的模板.mp4
│037【jQuery】製作功能:updatetodolist的內容.mp4
│038【jQuery】區分create與update的機制.mp4
│039【jQuery】製作功能:deletetodolist.mp4
│040【jQuery】製作功能:完成代辦事項.mp4
│041【jQuery】製作功能:todolist排序.mp4
│
├─08MySQL資料庫基礎
│042MySQL.pdf
│042為什麼要用資料庫?.mp4
│043MySQL架構簡介.mp4
│044keys:資料的索引.mp4
│045【練習】資料庫設計.mp4
│046datatypes:儲存的資料型態.mp4
│047constraints:資料的限制與約束.mp4
│048query:如何下指令命令資料庫?.mp4
│049【練習】對MySQL下指令.mp4
│050【練習】使用MySQLWorkbench同步資料庫.mp4
│051關於phpMyAdmin.mp4
│
├─09【練習】TodoList資料庫設計
│052todolist資料庫設計.mp4
│052todo-list.pdf
│052todolist.mwb.zip
│053同步todolist資料庫架構到MySQL,並設定權限.mp4
│
├─10PHP基礎
│054helloworld.mp4
│054PHP.pdf
│055跟HTML做好朋友.mp4
│056PHP的變數與形態.mp4
│057conditions&loops.mp4
│058array.mp4
│059function.mp4
│060object,class,instance.mp4
│061webform:如何取得使用者的資料.mp4
│062聯繫資料庫.mp4
│063cookies&sessions:記住使用者.mp4
│064cURL:與其他網站溝通.mp4
│065composer-test.zip
│065composer:PHPpackage管理系統.mp4
│
├─11【練習】TodoList後端開發
│066todo-list.pdf
│066todolist-demo.zip
│066【PHP】製作:createtodolistAPI.mp4
│067【AJAX】串接createAPI與前端.mp4
│068網站架構安全性更新.mp4
│069【PHP】撈出所有的todolist,用PHP印出.mp4
│070撈出所有的todolist,用Handlebars.js印出.mp4
│071【PHP+AJAX】製作並串連updateAPI.mp4
│072【PHP+AJAX】製作並串連deleteAPI.mp4
│073【PHP+AJAX】製作並串連completeAPI.mp4
│074【PHP+AJAX】製作並串連sortingAPI.mp4
│
├─12【練習】Calendar前端實戰
│075calendar-demo.zip
│075calendar.pdf
│075開始之前的思考.mp4
│076【HTML】建立calendar基礎架構.mp4
│077【CSS】做出calendar雛形.mp4
│078【HTML】建立panel架構(在行事曆上,建立新事件的UI).mp4
│079【CSS】刻出panel雛形.mp4
│080【CSS】按鈕的調整.mp4
│081【jQuery】開啟與關閉panel.mp4
│082【jQuery】panel開啟的位置,應該要在滑鼠旁邊.mp4
│083【jQuery】panel開啟後,自動進入表單元素(autofocus).mp4
│084【HTML+CSS】製作行事曆上的_事件_UI.mp4
│085【jQuery】panel自動辨別_新增_與_更新_模式.mp4
│086【jQuery】自動更新panel上的日期.mp4
│087【jQuery】製作功能:createevent.mp4
│088【jQuery】使用template來createevent.mp4
│089【思考】createevent需要搭配的相關動作?.mp4
│090【jQuery】清除panel上的舊有資料.mp4
│091【jQuery】準備功能:updateevent.mp4
│092【jQuery】準備功能:deleteevent.mp4
│
├─13【練習】Calendar後端實戰
│093calendar-demo.zip
│093calendar.mwb.zip
│093calendar.pdf
│093【MySQL】資料庫設計、製作、權限設定.mp4
│094【PHP+AJAX】製作:createAPI.mp4
│095【PHP+AJAX】validation資料驗證.mp4
│096【jQuery】createevent插入的順序.mp4
│097【PHP】讀取所有的events傳到前端.mp4
│098【PHP+AJAX】readeventAPI.mp4
│099【PHP+AJAX】updateeventAPI.mp4
│100【PHP+AJAX】deleteeventAPI.mp4
│101【PHP】行事曆的日期.mp4
│
└─14恭喜畢業
102下一步.mp4