前端 / 後端的橋樑
大家聽過「全端」嗎？就是「前端+後端」的意思喔。
一個網站勢必有前端（畫面）也有後端（功能），和起來才會是一個網站。
身為工程師，前端需要懂一點「後端」，後端也要懂一點「前端」，彼此才能合作無間，順利的合作網頁。
全面理解
此課程就是從「前端」到「後端」，把每個環節都分享給你
不管是開發產品、接案，都有很大的助益
前端 HTML+CSS
「全端初體驗」是比較偏後端的課程，但最終網頁都需要印出畫面，所以課程也包含了非常基本的前端知識，讓你沒有前端概念也能做出網頁。
後端 PHP
後端我們使用市占率最高的 PHP 來製作。從 PHP 的基礎、程式語言的架構、與資料庫的連接、到功能的撰寫，一次滿足。
資料庫 MySQL
最常與 PHP 搭配的資料庫就是 MySQL 了。我們從安裝、使用、到運作方式、SQL 語法的撰寫，讓你理解資料庫的運作原理。
課程大綱
Intro / 課程使用說明
Available in
天
天
在你加入課程之後
CH 1 / 什麼是產品開發
Available in
天
天
在你加入課程之後
CH 2 / Todo List 設計 / 練習
Available in
天
天
在你加入課程之後
CH 3 / 前端 / HTML
Available in
天
天
在你加入課程之後
CH 4 / 前端 / CSS
Available in
天
天
在你加入課程之後
CH 5 / 前端 / Javascript
Available in
天
天
在你加入課程之後
CH 6 / 前端 / jQuery
Available in
天
天
在你加入課程之後
CH 7 / Todo List 前端開發 / 實戰
Available in
天
天
在你加入課程之後
- 【開始練習之前 / PHP 環境架設】
- 建立 HTML 架構 (16:27)
- 準備 CSS 檔案 / 包含 Bootstrap 設定 (11:14)
- CSS / 版面置中 (4:33)
- CSS / todo list 項目 (34:18)
- CSS / todo list 完成狀態 (3:47)
- 準備 jQuery 檔案 (2:42)
- jQuery / 製作功能 / create todo list (18:45)
- 使用 Handlebars js 建立 todo list 的模板 (25:10)
- jQuery / 製作功能 / update todo list 的內容 (11:15)
- jQuery / 區分 create 與 update 的機制 (8:06)
- jQuery / 製作功能 / delete todo list (3:42)
- jQuery / 製作功能 / 完成代辦事項 (5:34)
- jQuery / 製作功能 / todo list 排序 (10:39)
CH 8 / MySQL / 資料庫基礎
Available in
天
天
在你加入課程之後
CH 9 / Todo List / 資料庫 / 實戰
Available in
天
天
在你加入課程之後
CH 10 / PHP 基礎
Available in
天
天
在你加入課程之後
- 【講義下載】
- 【操作】安裝 MAMP
- hello world (10:09)
- 跟 HTML 做好朋友 (5:47)
- PHP 的變數與形態 (6:20)
- conditions & loops (6:57)
- array (18:18)
- function (7:03)
- object / class / instance (21:20)
- web form / 如何取得使用者的資料 (11:26)
- 聯繫資料庫 (25:23)
- cookies & sessions / 記住使用者 (19:21)
- cURL / 與其他網站溝通 (3:50)
- composer / PHP package 管理系統 (13:06)
CH 11 / Todo List 後端開發 / 實戰
Available in
天
天
在你加入課程之後
- PHP / 製作 / create todo list API (27:28)
- AJAX / 串接 create API 與前端 (21:33)
- 網站架構安全性更新 (13:25)
- PHP / 撈出所有的 todo list / 由 PHP 印出 (9:18)
- 撈出所有的 todo list / 由 Handlebars.js 印出 (15:53)
- PHP + AJAX / 製作並串連 update API (9:36)
- PHP + AJAX / 製作並串連 delete API (10:58)
- PHP + AJAX / 製作並串連 complete API (12:46)
- PHP + AJAX / 製作並串連 sorting API (18:58)
CH 12 / Calendar / 前端 / 實戰
Available in
天
天
在你加入課程之後
- 【Calendar / 講義 / 完成檔案 / 下載】
- 開始之前的思考 (10:31)
- HTML / 建立 calendar 基礎架構 (10:28)
- CSS / 做出 calendar 雛形 (32:35)
- HTML / 建立 panel 架構（在行事曆上，建立新事件的 UI） (14:21)
- CSS / 刻出 panel 雛形 (17:03)
- CSS / 按鈕的調整 (19:07)
- jQuery / 開啟與關閉 panel (14:22)
- jQuery / panel 開啟的位置，應該要在滑鼠旁邊 (5:52)
- jQuery / panel 開啟後，自動進入表單元素 (auto focus) (2:47)
- HTML + CSS / 製作行事曆上的 "事件" UI (7:23)
- jQuery / panel 自動辨別 "新增" 與 "更新" 模式 (23:56)
- jQuery / 自動更新 panel 上的日期 (11:11)
- jQuery / 製作功能 / create event (18:30)
- jQuery / 使用 template 來 create event (14:01)
- 思考 / create event 需要搭配的相關動作？ (6:20)
- jQuery / 清除 panel 上的舊有資料 (9:07)
- jQuery / 準備功能 / update event (3:47)
- jQuery / 準備功能 / delete event (6:43)
CH 13 / Calendar / 後端 / 實戰
Available in
天
天
在你加入課程之後
- MySQL / 資料庫設計 / 製作 / 權限設定 (7:32)
- PHP + AJAX / 製作 / create API (28:13)
- PHP + AJAX / validation 資料驗證 (36:31)
- jQuery / create event 插入的順序 (30:19)
- PHP / 讀取所有的 events 傳到前端 (20:23)
- PHP + AJAX / read event API (13:26)
- PHP + AJAX / update event API (27:12)
- PHP + AJAX / delete event API (6:25)
- PHP / 行事曆的日期 (26:08)
課程最後
Available in
天
天
在你加入課程之後
相關課程
感謝訂閱，記得收 Email 確認我們的訂閱。