Udemy線上課程 從 Javascript 到 ES6 現代寫法,身為前端開發人員要學習用 ReactJS 建立網頁元件 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文版(DVD版)
前端開發在資訊時代已儼然成為周遭必備的技能樹選項。
身為對職涯迷茫的你,是否曾想過可以成為前端工程師?如果尚未那你不會看到這段文字,當你看到這段文字即可能代表你正在前往前端開發的領域走,那這堂從 Javascript 開始走到現代 ES6 開發網頁元件課程將是你的敲門磚。
你為什麼需要上這堂課?
Javascript 在前端開發中佔有非常大的份量。
尤其在 2020 根據 Hackrio Javascript 是除瞭 Python/Java/C++ 專為電腦工程領域撰寫中緊接在後的上位者,足以見得前端介面在軟體世界中的份量更能得知 JS 將是你踏入前端介面領域必不可少的語言。
而這堂課你將進入到 ReactJS 生態系,從基礎 Javascript 到 ES6 的現代開發直至 ReactJS 元件,將一次進入前端元件開發的世界。
本課程將會包含以下內容:
這堂課程分為四個大章節。
從基礎 Javascript 開始帶你入門基礎使用方式諸如:運算子、迴圈、邏輯 if else 與進階作用域的使用。
到第二章節會講到現代的 ES6 撰寫方式像是:Promise、同步異步、let 與 const 概念、箭頭函式等等,使用逐漸邁向主流的寫法來提升 JS 開發能力。
第三章節則會進入本課程重點講解 ReactJS,從生命週期的瞭解到本地開發 NodeJS 的串聯使用,都是現代網頁必不可少的能力,最後透過學習到的部分嘗試練習建置常見的 Carousel、TimePicker 元件。
關於這堂課
快樂學程式在臺灣擁有超過 1000 人參與的在地社群活動。
截至 2020 年我們已經舉辦超過三年的社群與活動,每個月皆有程式思維相關的聚會與交流,深耕社群並參與推廣工程思維,讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。
這次與 Glove 推出這堂「從 Javascript 到 ES6 現代寫法,身為前端開發人員要學習用 ReactJS 建立網頁元件」內容屬於入門並有完整從 ES6 與 ReactJS 的基礎介紹。
做為上課學員的你可以在裡面跟著一起練習,反覆操作嘗試建立自己的元件庫:)
01 Javascript 基礎
001 Javascript 介紹.mp4
002 Console - Javascript 最原始的編輯器.mp4
003 Javascript 程式基礎 - 變數與型別.mp4
004 Javascript 程式基礎 - 陣列與物件.mp4
005 Javascript 程式基礎 - 運算子.mp4
006 Javascript 程式基礎 - 條件式.mp4
007 Javascript 程式基礎 - 迴圈.mp4
008 Javascript 程式基礎 - 函式與呼叫.mp4
009 Javascript 程式基礎 - 變數作用域 Scope.mp4
010 Javascript 程式基礎 - 物件導向.mp4
011 Javascript 程式基礎 - 常用JS內建函式與物件.mp4
02 Javascript ES6 與網頁互動
012 網頁 DOM 概念.mp4
013 如何讓 Javascript 找到節點與網頁資料.mp4
014 使用 Javascript 操作節點.mp4
015 事件監聽器與事件觸發回調函式 (Callback Function).mp4
016 延遲執行與永久循環執行.mp4
017 同步與異步.mp4
018 ES6 - let & const 與解構賦值.mp4
019 ES6 - 箭頭函式.mp4
020 ES6 - Class 語法糖.mp4
03 ReactJS 前端框架
021 ReactJS 簡介與 React 官方文件介紹.mp4
022 ReactJS 使用 - RenderDom.mp4
023 React Component 組件.mp4
024 Component Props 組件參數傳遞.mp4
025 React 本地端開發介紹與 node.js 環境建置.mp4
026 React 於 Node.js 進行本地端開發.mp4
027 React Lifecycle 生命週期.mp4
028 Functional Component 函式組件.mp4
029 React Hooks.mp4
030 React Hooks - useState.mp4
031 React Hooks - useEffect.mp4
04 用 React 建立網站元件
032 Case1 DropDown 下拉式選單列表(上).mp4
033 Case1 DropDown 下拉式選單列表(下).mp4
034 Case2 Carousel 圖片輪播.mp4
035 Case3 TimePicker 時間選取.mp4
036 總結 React 框架與網站元件的關係.mp4