JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階

彭彭老師給具備 HTML、CSS、JavaScript、Python 基礎的網站前端、後端開發者:學習 JavaScript 最新技術,React 前端開發框架、Flask 後端開發框架,以及 MongoDB 資料庫。奠定未來十年競爭基礎。

5.00 (323 reviews)
Udemy
platform
中文
language
Web Development
category
instructor
JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階
873
students
24.5 hours
content
Oct 2022
last update
$199.99
regular price

What you will learn

JavaScript 基礎能力強化

React 基礎觀念

React 專案開發實務:井字遊戲

React 相關工具套件:Webpack、Babel、Redux

Python Flask 網站後端開發

Python MongoDB 資料庫入門與串接

Why take this course?


本課程包含以下四大主軸:

  • JavaScript 基礎升級包

  • React 網站前端框架

  • Flask 網站後端框架

  • MongoDB 資料庫系統

-----------------------------------------------------------

關於 JavaScript 基礎升級包:

帶你掌握近代 JavaScript 的特性和語法,並且比較新舊語法的異同。若以前學過基礎的 JS,這部份將讓你學習到最新的技巧和觀念!


關於 React 網站前端框架:

React 是由 Facebook 支持,近年來非常受歡迎的 JavaScript 套件。幫助你更有條理、更乾淨俐落的開發出網頁應用程式。對於想要再往上一層樓的前端工程師來說,是必學的內容!

React 生態系的涵蓋範圍相當廣闊,除了帶你入門之外,也介紹了最重要的應用套件組合:React · Redux。以此為開頭,你將備往前不斷邁進的基本經驗,持續強化自己的技術堆疊。


關於 Flask 網站後端框架:

Flask 是以 Python 程式語言為基礎的網站後端開發框架,是一個容易入門、核心精簡、高擴充性、且受社群歡迎的網站後端解決方案。運用 Flask 開發網站後端系統,可滿足各式各樣的商業邏輯。


關於 MongoDB 資料庫系統:

MongoDB 是非關聯式資料庫 (NoSQL) 的代表,採用類似 JSON 格式的資料存取介面,擁有簡潔的文件資料結構模型,並且容易進行資料庫的水平擴展,非常適合搭配網站後端開發使用。

Content

課程說明

課程前言:彭彭的碎念

ES6 變數、常數宣告 - 升級 10%

使用 let 宣告變數、const 宣告常數
詳解 let、const、var 的差異

ES6 函式 - 升級 25%

箭頭函式 (Arrow Function)
參數的預設值 (Default Parameter)

ES6 類別與物件 - 升級 45%

類別與物件的基本觀念
定義類別並產生物件
定義建構式 (Constructor)
定義、存取屬性 (Attribute)
定義、呼叫方法 (Method)

ES6 類別與物件進階 - 升級 65%

類別繼承的基本觀念
定義子類別並操作子類別物件
了解原型鍊 (Prototype Chain)
定義、呼叫靜態方法

ES6 Promise 非同步處理 - 升級 85%

什麼是非同步程式
回呼函式做非同步處理
Promise 做非同步處理

ES6 自我學習、實務評估心法 - 升級 100%

淺談自我學習
導入新技術的實務考量

React 快速入門

簡介與安裝
快速入門範例
基本設計理念

React 組件 (Component)

我的第一個組件
組件的屬性 (props)
巢狀組件結構
組件的狀態 (state)
組件的生命週期 (lifecycle)

React JSX 建立畫面

認識 JSX 語法與 Babel 編譯器
JSX 基本使用與動態資料
JSX 套用樣式 (CSS Style)

React 其他重要主題

事件處理 (event)
表單處理 (form)

小型專案開發實務

了解程式碼分工 (code responsibility)
選項開關元件
井字遊戲開發

Redux 快速入門與核心操作

Redux 簡介與安裝
Redux 核心操作

React · Redux 整合實務

整合 React · Redux 的關鍵接點
整合 React · Redux 完成列表介面
整合 React · Redux 完成選項開關
整合 React · Redux 完成井字遊戲

Screenshots

JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Screenshot_01JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Screenshot_02JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Screenshot_03JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Screenshot_04

Reviews

Stephen
June 7, 2018
這是我聽過最棒的React中文教學課程無誤, 彭彭老師果然是10幾年javascript的講師, 講解得非常清楚, 跟著課程走很快就上手. 8小時的課程短短幾天就上玩了. 之前購買很多10美金的英文課程, 有的時數長達20幾個小時, 可是聽了幾小時就聽不下去, 也訂閱很多Youtube頻道, 還是聽得霧煞煞. 這門課讓我徹底了解React如何運作, 操作及使用. 我之前就在Youtbe頻道聽過彭彭老師的javascript 教學, 覺得很有收穫. 這次購買課程果然不同凡響, 真心推薦, 如果你要學React, 打好基礎, 這堂課是必修課也是最好的. 可惜有一些主題沒有提到, 比如說router, create-react-app, 如果能放入課程就會更完整.

Charts

Price

JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Price chart

Rating

JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Ratings chart

Enrollment distribution

JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階 - Distribution chart
1511918
udemy ID
1/16/2018
course created date
11/16/2019
course indexed date
Bot
course submited by