線上課程
線上課程
WEB101
![HTML/CSS 入門-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAxMCwicHVyIjoiYmxvYl9pZCJ9fQ==--0e91f6dd33368d5872956e77da8f08aaaad40e7c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/HTMLCSS.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzA2LCJwdXIiOiJibG9iX2lkIn19--1e2f81d7c8cd8c30fb49767886c6eb9c81a78ae0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/avatar.jpg)
Lin
HTML/CSS 入門
對於程式開發完全沒概念,想要用最白話的方式搞懂網頁開發原理!
跨入程式開發的第一步就從 HTML / CSS 開始。
若你沒有任何程式背景與基礎,那麼 HTML、CSS 便是你的網頁開發起始點。
課程講師透過生活化的舉例方式和輕鬆的教學口吻,由淺入深帶你認識 HTML 結構與標籤、搭配大量實際案例讓你學會 CSS 選取器及 Grid 排版應用。
程式新手,也能具備做出一個網頁作品的能力!
你會學到如何從無到有,架構出一個網站的基本網頁排版。
在課程最後更帶你運用所學知識,實作出屬於自己的個人 Blog!讓我們一起開始開發網頁吧!
前端課程
NT$1,200線上課程
JS001
![為你自己學 JavaScript-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTc5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--6e5c6abff34281af0e12ed1007a500c6f49fbd2b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--d60fc900f272bdbe72f87cf49dd9db76228c8ac9/js101.jpg)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NCwicHVyIjoiYmxvYl9pZCJ9fQ==--4e08fca243bdc3c68a162cbfd843634f8fce84d3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/paint.jpg)
高見龍
為你自己學 JavaScript
你知道如何靈活運用 JavaScript 嗎?
JavaScript 主要運行於瀏覽器中的動態腳本語言,透過它可以處理與瀏覽器的互動。
JavaScript 簡單上手、應用範圍廣泛,容易有成就感,但精通不易。
隨著前端技術的進步以及眾多前端熱門框架的出現,像是 Vue、React 等,讓 JavaScript 重新成為程式語言的當紅巨星!
想要成為前端工程師,JavaScript 已是一個必要學習且必備的技能了!
前端課程
NT$3,800線上課程
FE103
![動手玩 React!-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAyMiwicHVyIjoiYmxvYl9pZCJ9fQ==--eb5e3493a83f22dbaf9e1c7f1f95900ccce6aa5a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/React.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzA2LCJwdXIiOiJibG9iX2lkIn19--1e2f81d7c8cd8c30fb49767886c6eb9c81a78ae0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/avatar.jpg)
Lin
動手玩 React!
如果你/妳常常聽到 React,但又一直沒機會體驗看看,歡迎跟我們一起透過實作小遊戲來認識 React。
React 是個用來實作使用者介面的 JavaScript 函式庫,在使用上只要專注於資料邏輯,React 就會透過 Virtual DOM,將變動後的資料有效率的顯示在畫面上。並且可以透過將邏輯寫成元件,方便在多個地方使用。如此方便的技術,你一定要試試看。
前端課程
免費線上課程
FE102
![前端開發環境新手村-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--54251288eb350525f2fa975c81e9a1e336a8aa79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/frontendtiro.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzA2LCJwdXIiOiJibG9iX2lkIn19--1e2f81d7c8cd8c30fb49767886c6eb9c81a78ae0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/avatar.jpg)
Lin
前端開發環境新手村
這系列影片將帶您走訪,「前端」開發該知道的初階技能,像是編輯器、HTML、CSS 與 JavaScript 基本概念。
前端,相較於後端,決定了一個網站該怎麼呈現,堪稱一個網站的門面。由於所見即所得,更是諸多新手趨之若鶩的領域。若你/妳剛對網站、對寫程式產生興趣,歡迎繼續收看、一起一探究竟。
前端課程
免費線上課程
FE201
![React 完全進階攻略-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgwOSwicHVyIjoiYmxvYl9pZCJ9fQ==--e9adc616813c42e37673acc81d48e33bf8f1356f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--d60fc900f272bdbe72f87cf49dd9db76228c8ac9/react.jpg)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTg2LCJwdXIiOiJibG9iX2lkIn19--f82b182b25c58e23270040f2463141ee87276a7a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--66ec7de565eb399db01bd1dd75680cd0dcfe948b/milkmidi.jpg)
奶綠茶
React 完全進階攻略
當專案發展到一定程度,會搭配框架加速開發,而 React 在近幾年來成為國內外知名電商的框架使用首選!值得注意的是,React 更在短時間內衝進 Github 前十熱門專案,並贏得 Airbnb、Netflix 等優秀團隊的青睞,如果你還在觀望要學什麼框架提升能力,是時候跟著業界流行趨勢,透過課程來一窺前端框架的神秘面紗。
前端課程
NT$4,800線上課程
GIT103
![Git 小教室-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAxNSwicHVyIjoiYmxvYl9pZCJ9fQ==--c7c1189ad5a6184afa9750d0bc828baff8bf2c3c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/Git.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NCwicHVyIjoiYmxvYl9pZCJ9fQ==--4e08fca243bdc3c68a162cbfd843634f8fce84d3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/paint.jpg)
高見龍
Git 小教室
業界使用率最高的版本控制系統 - Git,是身為網頁開發工程師都知道的工具!
忘了開分支了怎麼解決?沒有 Git 伺服器可以用的話,要怎麼上傳進度?
讓高見龍老師向你說明要點!小教室內還提供了很多實用的 Git 冷知識。
其它課程
免費線上課程
GIT001
![坐上 Git 時光機 - 版本控制(直播)-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgwNCwicHVyIjoiYmxvYl9pZCJ9fQ==--3fcd5b97db69240d82bcdd123c7da3fb7daf2901/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--d60fc900f272bdbe72f87cf49dd9db76228c8ac9/git.jpg)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NCwicHVyIjoiYmxvYl9pZCJ9fQ==--4e08fca243bdc3c68a162cbfd843634f8fce84d3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/paint.jpg)
高見龍
坐上 Git 時光機 - 版本控制(直播)
透過網路資源或書籍學習 Git ,卻還是不確定該如何實際操作? 網路上的芳鄰或 NAS 的共⽤資料夾,又不知道被誰改掉了︖ 想導入 Git 改善遠端共同協作流程,優化程式開發與維護,讓這門課帶你從零開始,理解 Git 指令運作原理及職場實際運用。
其它課程
NT$3,000線上課程
FP101
![工作上用得到的函數式程式設計-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAzMiwicHVyIjoiYmxvYl9pZCJ9fQ==--38ba4a0ce04d22392a25a4598b9ae285f3566714/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/cover1.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMxLCJwdXIiOiJibG9iX2lkIn19--26e355d9274a025cdf50afe0ceb0daa1c2775ecd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f3ce3a687da8d31dcda58034d88ac4546c4280d4/teacher_taian.jpg)
蘇泰安
工作上用得到的函數式程式設計
隨著多核心電腦成為主流、分散式系統架構也成為顯學,函數式程式設計的重要性也與日俱增。跟物件導向程式設計相比,函數式程式設計著重於用更簡潔的方向表達程式碼真正的意圖。因此當學會用與物件導向程式程計不同的角度來寫程式後,可以讓你在切換不同的程式語言時依然能游刃有餘。
這門課將會透過容易上手的函數式語言 Elixir,教大家最重要的函數式程式設計觀念。接著介紹如何在 Ruby、JavaScript(也許還有一點 C#)上使用函數式程式設計的技巧。讓你寫出精簡、好除錯的漂亮程式碼!
其它課程
NT$3,000線上課程
FE301
![Webpack 5 入門-cover](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAyNiwicHVyIjoiYmxvYl9pZCJ9fQ==--3219bae3cfb592139e9e5fb5be9ee68250e0488b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjgwLDcyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--cfbe06774f098f375fc6e84581c8de78b8e9254f/Webpack.png)
![大頭貼](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTg2LCJwdXIiOiJibG9iX2lkIn19--f82b182b25c58e23270040f2463141ee87276a7a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--66ec7de565eb399db01bd1dd75680cd0dcfe948b/milkmidi.jpg)
奶綠茶
Webpack 5 入門
當你專案裡的程式碼越來越多,開發和管理維護是否日益困難?Webpack 可以將各式檔案資源模組化並打包,讓瀏覽器好編譯,更不用手動逐一檔案操作引入,只要使用 Webpack 就能有效提升開發效率,算是現代前端不得不了解的工具,可以有效提升開發效率!
前端課程
NT$1,000實體課程
ASTRO CAMP
三個月實戰轉職全端工程師
除了提供前端到後端課程外,課程期間還包含履歷健檢、模擬面試、專題製作、企業交流等服務。
裝備你的軟、硬實力,讓零基礎決心轉職工程師,再也不是紙上談兵。
了解課程內容 ➜