前端 / 後端的橋樑
大家聽過「全端」嗎？就是「前端+後端」的意思喔。
一個網站勢必有前端（畫面）也有後端（功能），和起來才會是一個網站。
身為工程師，前端需要懂一點「後端」，後端也要懂一點「前端」，彼此才能合作無間，順利的合作網頁。
全面理解
此課程就是從「前端」到「後端」，把每個環節都分享給你
不管是開發產品、接案，都有很大的助益
前端 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 確認我們的訂閱。