【前端職涯升級】React 專案應用直播班--五週掌握技術核心

Name: 【前端職涯升級】React 專案應用直播班--五週掌握技術核心
Price: 4880 TWD
Availability: Discontinued
Author: ALPHACamp

ALPHACamp

開課單位: ALPHACamp
定價: $7,800
售價: 6.3 折 $4,880

已過版

買這商品的人也買了...

~~$580~~ $522

原來跨平台開發可以這麼簡單：React Native 全攻略 (附範例光碟)
~~$600~~ $468

你的地圖會說話？WebGIS 與 JavaScript 的情感交織（iT邦幫忙鐵人賽系列書）
~~$540~~ $405

Vue.js 入門到實戰：頁面開發 x 元件管理 x 多語系網站開發 (適用Vue.js 3.x/2.x)
~~$580~~ $435

Vue.js 3 前端漸進式建構框架實戰應用｜完美搭配 Bootstrap 5 與 PHP

商品描述

🔥🔥🔥 課程開班倒數 0.5 天 🔥🔥🔥

開課前準備：

1. 預習進度：請至 Lighthouse 平台上了解預習進度，並預習教材【從 Hook 開始，讓你的網頁 React 起來】相關內容。

2. 加入 Slack 社群：你會收到 AC React camp 社群的邀請通知，成功登入 slack 以後，歡迎到 #general 頻道和學習同儕們打招呼。

*** 較晚購買的同學請特別注意，教材書本可能會在 1/5 第一場直播課程前後收到。若你來不及預習，建議在收到書本後補足進度，若需要也可以回頭看一下直播課程的影片（三天內上傳平台）。

早鳥優惠截止，目前仍有首航優惠！

~~原價 7,800~~
優惠 NTD 4.880 元！
🎁額外加贈價值 $680 的【從 Hook 開始，讓你的網頁 React 起】一本！

不用猶豫，現在就是學 React 的好時機！

React 是由 Facebook 所開發維護，更是近年來國內外最多人選擇使用的前端框架。

無論是在 GitHub 上的專案數量，或是 Google 搜尋比例上來看，React 仍然榮登 2020 最受歡迎的前端框架！

frontend-framework-ranking

圖片來源：https://2019.stateofjs.com/front-end-frameworks/

過去想入手 React 的學習者，除了需要掌握基本的 JavaScript 之外，還需要對 JavaScript 中的類別 (Class)、this 及其綁定方式有相當程度的了解後，才能比較理解 React 在做什麼。

然而，在 2019 年 React 推出 Hooks 的功能之後，大大降低了 React 的學習門檻，對新手來說更友善、也更容易在上手後繼續精進，因此，現在正是你開始學習 React 的最佳時機，就讓我們一起「從 Hooks 開始，讓網頁 React 起來」吧！

在這系列的直播課中，每堂課中 PJ 老師會透過打造一個業界功能來即時示範開發的過程與邏輯，再以 PJ 老師剛出版的書「從 Hooks 開始，讓網頁 React 起來」為輔助教材，讓你能在課後繼續研究並複習細節。這本書為 2019 年 iT 邦幫忙鐵人賽優選作品，更是 2020 年 10 月份天瓏書局中文熱門暢銷第二名。

首先，檢視一下自己的狀態，你是否面臨以下危機？

✏️ 年後轉職潮迫在眉睫，該如何踏入前端工程師行列？

✏️ 剛進入職場或轉職後，發現馬上就需要用到 React！

✏️ 因為缺乏前端框架經驗，難以進入較有規模的開發團隊

✏️ 曾自學 React，卻仍然難以掌握系統性觀念，說不出框架運作的邏輯

✏️ 對於閱讀官方文件有困難，在裡面老是找不到實作問題的解決方式

✏️ 學了一堆氾濫的補習班專案模板，一面試就被說破

接下來，我們將用短短五週，高效提升你的學習成果

我們將從內容編排、學習進行方式、輔助規劃等三個方面來進行！

✅ 內容編排｜專案導向的內容編排方式，除了所學即所用、完整度高以外，也能夠訓練你在實務上的問題解決能力！尤其老師將大方分享開發時可能碰到的問題與盲點，這樣珍貴的經驗學習絕對是自學者不可錯過的寶藏。

✅ 學習進行方式｜線上線下結合進行，大幅提升自習效率！線上課程中，老師會完整建立你的框架邏輯；課後可以利用書籍幫自己預習與複習；最後再回到線上互動，跟助教群、同學們進行提問與討論，同時也可以積極建立你的職場人脈！

✅ 輔助規劃｜我們擁有強大且專業的助教群，在線下的 slack 群組中，你可以提交作業，並勇敢提出你在作業或課程中遇到的問題，助教們會給你最即時的回覆跟專屬的輔導！

最後，完成五週課程，你會獲得這些能力！

五週後，你對 React 的熟悉度將會大幅提升：

🏆 了解為什麼要用：不只是會用，更要了解為什麼需要使用前端框架

🏆 了解該如何使用：透過課程快速將 React 整合到現有前端頁面中

🏆 自主解決問題能力：能夠拆解並分析問題，也能自己從官方文件中尋找解答

🏆 紮實的技術基礎：透過作業進行複習與熟練，並由觀摩助教批改與指導同學的作業，深化自己的認知

🏆 業界實務經驗：分享實務開發時可能碰到的問題或實作時容易碰到的盲點

注意！什麼人不適合這堂課？

還不能掌控 HTML、CSS 的初學者
想要繼續學習 CSS 切版技巧的人（這堂不是切版課！）
剛接觸 JavaScript，對變數、函式、迴圈還不熟悉的初學者
自行閱讀 React 官方文件就可以清楚掌握重要概念的開發者

課程大綱

1. 為什麼需要前端框架？React 幫開發者解決了什麼問題？

實作：計數器

有哪些搭配 React 常用 CSS Framework 嗎？
使用原生 JavaScript 撰寫計數器
使用 React 撰寫計數器
JSX 的基本使用 - 迴圈、條件判斷
React 中 CSS 樣式的撰寫 - className 與 style 的使用
React 中的事件綁定
React 元件的建立 - useState 的使用

2. React 元件進階

實作：Todo List

使用 Create React App 建立 React 專案
React 元件間的資料溝通 - props 的使用
React DevTools 的使用
React 中的條件轉譯
動態新增 CSS 樣式來隱藏 HTML 元素
了解 React 元件更新的時間點

3. React 與 API 串接

實作：即使天氣資訊卡

使用 useEffect 的重要觀念
使用 AJAX 串接 API 資料
使用 useContext 與 useReducer 來管理全域資料狀態
Styled Components 的使用
React 中表單的操作與表單驗證（Formik 與 React Hook Form 介紹）

4. 登入驗證與深色主題實作

實作：留言系統（或購物車）

實作切換頁面的功能
實作深色主題
實作前端登入驗證機制
useMemo 與 useCallback 的使用時機
建立自己的鉤子（Custom Hooks）

5. 將專案部署上線

將專案部署到 Github Pages 上讓每個人都能看見
嘗試 React Router
了解過去如何以 class 建立 React 元件
什麼是 SPA (Single Page Application)，什麼是 SSR (Server Side Rendering)？兩者又有什麼優缺點？
我該用 Redux 嗎？

課堂中你將會完成

TodoList

todo-list

計數器

counter

即時天氣資訊卡

weather

網速單位換算器

converter

前端登入驗證

講師介紹

陳柏融（PJCHENder）

現任 Jubo 智齡科技軟體工程師，曾於 UXTesting, Inc. 擔任前端工程師，同時擔任 ALPHA Camp 講師與學生導師，熟悉 React、Vue 前端框架以及 Chrome Extension 開發。

經營「PJCHENder 網頁前端資源站」粉絲專頁，透過內容的撰寫與知識分享，減少初學者在學習新技術上的焦慮與不安。

對資訊科技充滿熱情，喜歡學習 know-how，致力於透過資訊科技，帶給人們更幸福與便利的生活。

課程詳細資料

有任何問題歡迎來信 support@alphacamp.co詢問。

未來和 React 直播營相關的課程信件也會由此信箱統一發送，為確保未來不漏接信件，請報名者將信箱加入通訊錄。

日期與時間：

2021 年 1/05(二)、1/12(二)、1/19(二)、1/26(二)、2/02(二) 五個晚上線上授課
直播時間：7:30PM - 9:30PM
總教學時數：5 堂，每堂 2 小時，總計 10 小時

學習方式：

以直播授課為主，講師會透過專案示範講解 React 的核心概念與應用原則，再配合【從 Hook 開始，讓你的網頁 React 起來】為教材，讓同學輔助預習及複習（此書為 2019 年 iT 邦幫忙鐵人賽優選作品，更是 2020 年 10 月份天瓏書局中文熱門暢銷第二名）
同學每週要完成一份作業，需要投入 4-8 小時練習（實際投入時間視個人經驗與能力)
講師與助教會精選部分學生作業，提供點評與回饋
若無法參與直播課，活動事後錄影會在三天內上架在學習平台上