[FE210] 從新手到中手:前端工程加強班

從十項作業中累積經驗並加強你的前端技能

這堂課最初的構想來源可以參考這篇:[情報] 免費程式教學(前端)

這是一系列循序漸進的課程,從最基本的 HTML, CSS 開始,經由各種實際案例慢慢講到與前端有關的其他知識例如 Ajax, CORS, gulp, webpack 等等。

原本規劃的課程進行方式是事前交作業搭配事後影片講解來學習,而現在你看到的這些影片就是當初的講解影片。在整個教學結束之後,我把影片跟作業內容都放來這邊,希望集中在一起讓大家比較好找。

但需要注意的是:這邊不會有人幫你改作業,所以你也不需要交作業交作業跟改作業都是之前的課程才有,現在整個課程已經結束,所以沒有提供改作業的服務囉。

但儘管如此,你依然可以自己跟著課程進度寫作業,並且在寫完之後自行看著講解影片進行檢討。

這系列的課程需要的基礎為以下五項:

  1. HTML
  2. CSS
  3. JavaScript
  4. jQuery
  5. Git

如果沒有上述基礎,可以參考下列學習資源:

超強懶人包:高雄前端社群:前端資源懶人包

HTML, CSS

  1. html & css is hard(But it doesn’t have to be)
  2. Learn to Code HTML & CSS
  3. A free HTML & CSS tutorial

JavaScript, jQuery

  1. 我要成為前端工程師!給 JavaScript 新手的建議與學習資源整理
  2. 從 js 到 jQuery

Git

  1. Got 15 minutes and want to learn Git?
  2. 30 天精通 Git 版本控管 (02):在 Windows 平台必裝的三套 Git 工具
  3. 連猴子都能懂的 Git 入門指南

課程大綱

  1. 基本 HTML/CSS 練習:以 Twitch 為例
  2. 讓畫面變得更動態:神奇的 CSS transition
  3. 寫 CSS 必備神器:CSS 預處理器
  4. 從假資料到真資料:Ajax 與 API 串接
  5. 讓網頁變得更完整:加上 placeholder 與 infinite scroll
  6. 返璞歸真:vanilla js
  7. 走向國際:i18n
  8. 當我們包在一起:Webpack
  9. 節省 Request 的極致:一為全,全為一
  10. 改掉你的壞習慣:ESLint 與 standard


你的老師


胡立
胡立

寫過一點後端也寫過前端,還寫了一堆你應該看過卻不知道作者是我的技術文章,致力於推廣淺顯易懂的程式教學。在新加坡工作過兩年半,是專職的前端工程師。一直都對教學有很大的熱忱,相信把話講得清楚又明白是一種專業,相信分享與交流可以讓世界更美好。

我不喜歡把自己講的很厲害,也不喜歡用學經歷說明什麼——我都用作品說話。

底下是我寫過的幾篇文章:

1. 零基礎的小明要如何成為前端工程師?
2. 成為前端工程師的四週年回顧
3. 從拉麵店的販賣機理解什麼是 API
4. 紮實的網頁前端學習路線與資源推薦
5. 當我們在學程式時,要學的到底是什麼?

我在自己的 blog以及 Medium 上面,常常發表許多心得,也曾經免費提供程式教學,希望能幫助那些剛踏入程式界的初心者們。 如果你想更了解我,可以參考:自學、哲學、講學:我的程式之路以及一個工程師的履歷進化史

在嘗試過許多教學方法之後,終於決定自己跳下來開一個為初學者而生的線上程式課程平台。



課程


  簡介
Available in days
days after you enroll
  1. 基本 HTML/CSS 練習:以 Twitch 為例
Available in days
days after you enroll
  2. 讓畫面變得更動態:神奇的 CSS transition
Available in days
days after you enroll
  3. 寫 CSS 必備神器:CSS 預處理器
Available in days
days after you enroll
  4. 從假資料到真資料:Ajax 與 API 串接
Available in days
days after you enroll
  5. 讓網頁變得更完整:加上 placeholder 與 infinite scroll
Available in days
days after you enroll
  6. 返璞歸真:vanilla js
Available in days
days after you enroll
  7. 走向國際:i18n
Available in days
days after you enroll
  8. 當我們包在一起:Webpack
Available in days
days after you enroll
  9. 節省 Request 的極致:一為全,全為一
Available in days
days after you enroll
  10. 改掉你的壞習慣:ESLint 與 standard
Available in days
days after you enroll

常見問題


這個課程什麼時候開始?什麼時候結束?
這個課程沒有開始跟結束時間,因為所有課程的影片都放在上面了!你可以跟隨著自己的步調來上課。
這堂課程購買之後可以看多久?
看一輩子!已購買的課程是沒有觀看期限的,你可以在任何時間、任何地點用任何裝置觀看。
如果我不滿意這個課程怎麼辦?
放心,我們不會坑你!如果你在購買之後發現課程不如預期,請在三十天內通知我們,我們將會全額退費給您。

趕快開始吧!