Curriculum
- 7 Sections
- 63 Lessons
- 10 Weeks
Expand all sectionsCollapse all sections
- 網站建置基礎知識6
- HTML與CSS基礎4
- 網頁前端介面設計 - 建立一個專業級線上行事曆整合各項元素( HTML CSS JavaScript PHP MySQL資料庫)來生成一個專業的Web App(由外而內、從外部介面UI到內部功能、從靜態到動態、從前端到後端、從抽象到具體)。19
- 3.1Part 1 左欄 今日資料
- 3.2Part 1-1 畫面裁切 clip-path
- 3.3Part 2 右欄 月曆
- 3.4Part 3 彈出視窗 (Modal) 主題顏色選擇與記事對話方塊
- 3.5Part 4 建立具有Responsive特性的App
- 3.6Part 5 JavaScript – 目前日期與月曆日期的更新
- 3.7Part 6 JavaScript – 月曆表格日期資料
- 3.8Part 6-1 JavaScript – 月曆上下月顯示
- 3.9Part 6-2 JavaScript – 月曆表格框線處理
- 3.10Part 7 JavaScript – 主題(theme)的更新
- 3.11Part 8 JavaScript – Post-It Notes
- 3.12Part 9 使用AJAX方法將色彩名稱傳到後端並寫入資料庫
- 3.13Part 10 實現記事資料的CRUD(Create, Read, Update, Delete)
- 3.14(舊資料，參考) 從後端 PHP 傳遞資料到網頁端 JavaScript
- 3.15(舊資料，參考) 將資料從前端寫入後端資料庫 – 加上PHP與MySQL
- 3.16建立一個專業級線上行事曆 – 補充教學 – 使用Get方法來測試網頁間的資料傳遞
- 3.17建立一個專業級線上行事曆-使用jQuery做出fade in與fade out效果
- 3.18建立一個專業級線上行事曆-使用jQuery的tooltip工具
- 3.19使用jQuery與PHP抓取SQL查詢的整個表格資料(陣列資料)
- 以Bootstrap與PHP建立一個專業網站21
- 4.1Bootstrap建立一個Landing page (navbar、header、content、footer)
- 4.2利用PHP來建立頭段與腳段的含入機制
- 4.3Login、logout、admin、檢視使用者
- 4.4嵌入月曆應用程式
- 4.5滑動/輪播圖片
- 4.6使用Bootstrap表格顯示來自於PHP與MySQL的後端/資料庫資料
- 4.7使用Bootstrap與PHP建立管理介面
- 4.8Bootstrap儀表板 (admin)
- 4.9登入與註冊功能
- 4.10使用jQuery實現Login/Registration功能
- 4.11加入購物車功能
- 4.12從前端直接把訂單送至信箱
- 4.13透過後端主機以郵件方式傳送訂單
- 4.14聯絡我們表單
- 4.15註冊功能
- 4.16訂單系統的資料庫分析與實務
- 4.17Landing Page另一個範例 – 飲料
- 4.18Landing Page另一個範例 – 花店
- 4.19Landing Page另一個範例 – 便當店
- 4.20Bootstrap 導覽列Navbar
- 4.21Bootstrap 卡片(Card)元件
- 訂便當(簡單下訂系統)5
- Web應用程式建立的幕後過程Behind the Scenes: The Creation of a Web Application https://selftaughtcoders.com/creation-of-a-web-application/7
- u108512