• 課程時長

    15 小時 5 分

  • 課程級別

    初級

  • 授課語言

    中文

這堂課你將會學到

  • HTML、CSS、JavaScript 網頁前端設計
  • 學會兩種 web 框架 Django & Flask 的運作流程與設計⽅法
  • 用Flask實作微型MVC網頁框架
  • 以 Django 為例熟悉 MVC 網⾴架構觀念與實作
  • 資料庫設計與資料存取
  • 前端與後台整合
  • 網頁後台設計
  • 網頁資料庫串接
  • Django 整合 Bootstrap 網頁立馬變美
  • 獨立完成一個屬於自己的部落格
  • 理解即時聊天系統原理並進行實作

章節目錄

  • 1

    第 1 章 引言

    • 單元 1 - 為什麼我們現在要學python網頁框架

    • 單元 2 - python網頁框架初步認識 解析 架構與流程介紹

  • 2

    第 2 章 網頁設計基礎 - 正式開工前先補充一下基本知識

    • 單元 1 - html - 網頁的骨頭

    • 單元 2 - html 實戰與參考資料

    • 單元 3 - CSS - 網頁的外衣

    • 單元 4 - Javascript - 讓網頁動起來

    • 單元 5 - http 協定的概念

    • 單元 6 - 資料庫的概念

  • 3

    第 3 章 環境設定

    • 單元 1 - 安裝 Flask (macos 與 linux) 與初始化網頁伺服器

    • 單元 2 - 安裝 Flask (windows) 與初始化網頁伺服器

    • 單元 3 - 安裝 Django 與初始化網頁伺服器 (macos 與 linux)

    • 單元 4 - [安裝大補帖] 於 macos 安裝 mysql

    • 單元 5 - 安裝 Django 與初始化網頁伺服器 (windows)

    • 單元 6 - [安裝大補帖] 於 windows 安裝 flask 與 pycharm 設定

    • 單元 7 - [安裝大補帖] 於 windows 安裝 mysql

  • 4

    第 4 章 利用 Flask 練習之前所學的網頁基礎觀念

    • 單元 1 - 使用 Flask 建立一個靜態網頁

    • 單元 2 - 用Flask完成路由的實作以及HTTP的請求(CURD)

    • 單元 3 - 使用 Flask 連接資料庫建立一個動態網頁

    • 單元 4 - [專題實戰] 使用 Flask 自幹一個微型的 MVC 網頁框架 (Part1)

    • 單元 5 - [專題實戰] 使用 Flask 自幹一個微型的 MVC 網頁框架 (Part2)

    • 單元 6 - [專題實戰] 使用 Flask 自幹一個微型的 MVC 網頁框架 (Part3)

    • 單元 7 - 程式碼連結

  • 5

    第 5 章 Django MTV 網頁框架 - 把網頁拆三部分 各司其職

    • 單元 1 - Views - 網頁的後台邏輯處理

    • 單元 2 - Models - 網頁與資料庫的連接

    • 單元 3 - template - 網頁的前端設計

  • 6

    第 6 章 資料庫設計與實作

    • 單元 1 - Django 資料庫設計

    • 單元 2 - Django 資料庫的管理 - 關聯式資料庫實作與應用

    • 單元 3 - Django 資料庫存取的優化

  • 7

    第 7 章 Django網頁後台開發

    • 單元 1 - 路由與跳轉

    • 單元 2 - 資料的擷取與呈現

    • 單元 3 - Form - 表單設計

    • 單元 4 - 前端安全守護 - CSRF攻擊

    • 單元 5 - 文件上傳與下載

    • 單元 6 - login/logout - 登入與登出

    • 單元 7 - cookie/session - 儲存部分用戶資訊提升使用者體驗

    • 單元 8 - Django 的寄信服務

  • 8

    第 8 章 Django網頁後台進階開發

    • 單元 1 - Cache - 提升運行速率

    • 單元 2 - Logging - 方便偵錯

    • 單元 3 - Security - 提升網頁安全性

    • 單元 4 - Pagination - 一頁一頁把資料收納好

    • 單元 5 - static files 收納好資源檔案

    • 單元 6 - 程式碼連結

  • 9

    第 9 章 特別課程

    • 單元 1 - 字串切割小工具

    • 單元 2 - 客製化認證機制

    • 單元 3 - Django 整合 docker 與 git 為雲端佈署做準備

  • 10

    第 10 章 [2020 9月 更新] Django 專題實戰 - 你的個人部落格

    • 單元 1 - Django 整合 Bootstrap 網頁前端

    • 單元 2 - 文章分類實戰 - Many to Many field 資料收納

    • 單元 3 - 瀏覽貼文實作

    • 單元 4 - 新增貼文實作

    • 單元 5 - 編輯貼文實作

    • 單元 6 - 刪除貼文實作

    • 單元 7 - 權限控管與前後台功能整合

    • 單元 8 - 部落格程式碼連結

  • 11

    第 11 章 Django 專題實戰 - Websocket 即時通訊

    • 單元 1 - [解鎖課程 - 專題實戰] 以 django 實現即時聊天平台 - 觀念篇

    • 單元 2 - [解鎖課程 - 專題實戰] 以 django 實現即時聊天平台 - 實作篇

    • 單元 3 - Django 即時聊天平台程式碼

  • 12

    第 12 章 解鎖課程

    • 單元 1 - 結合 Docker + git 使用圖形化介面於 GCP 部屬網頁與資料庫系統只需要幾分鐘 !

    • 單元 2 - 使用 GCP cloud run 部屬靜態網頁 image 再節省幾分鐘

    • 單元 3 - 替你的網站申請網域

    • 單元 4 - 加密加密加密! 申請 https 憑證

    • 單元 5 - 社交登入-不用再輸入帳號密碼啦!

    • 單元 6 - Docker file 程式碼連結

  • 13

    第 13 章 [2020 9月 更新] 完課之後

    • 單元 1 - 淺談 Python 網頁框架工作與業界生態