6x2qwvp2r1wpsudxropb

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

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

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

這是一系列循序漸進的課程,從最基本的 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


你的老師


胡立
胡立

你可能沒聽過我,但你可能看過程式自學十年心得這篇文章。
我從小學六年級開始自學寫程式,一路寫到現在都出社會了,差不多是十幾年左右。

我鑽研的不深,但我看的廣。
我會寫 Web 前端(html, css, jQuery, React)、後端(node.js, php)
也會 App 開發(CoronaSDK, Android, Titanium, React Native)
因此各方面的知識我都略懂略懂。

我喜歡分享,超級喜歡,我認為分享可以讓世界變得更美好
因此我在我自己的 blog上面,常常發表許多心得
也曾經免費提供程式教學,希望能幫助那些剛踏入程式界的初心者們。

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


課程


  簡介
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

常見問題


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

趕快開始吧!