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