有多少人是這麼學前端的?

鑒於評論里那麼多人的回復…… 預警一下,內容有關於前端學習的硬廣~~~

記得我剛開始學前端的時候,打開w3cschool ,進入HTML 基礎教程 ,然後開始從<p></p> 標籤看起。當時的我就好像剛拿到九陽真經的張無忌,感覺自己的學習道路非常的明智、高效、權威。

不出所料我看的昏昏入睡,一個星期過去了,果然什麼都沒學會 ,還沒有看到 input 標籤。

想學前端的人,怎麼會那麼輕易放棄呢? 於是我又翻開那本著名的 《CSS 設計指南》。等看到 180 頁的時候,我發現我輸了。搞半天只會寫一個三欄布局,而且身為一個顏控設計師。這個 demo 看起來效果奇差,以至於我毫無成就感。

直到有一天,我遇見了它:

百度前端技術學院 由百度創建的,面向前端初學者的學習實踐,交流,分享平台。

我當時學習的是 2017學年的課程 ,課程內容很豐富,安排也很合理。基本包含了目前所有主流的 Web 開發所需要的知識。

通過做任務的方式來學習一個個的課程,就好像闖關打怪一樣。實在遇到不會做任務,還能看同學們的學習筆記。在這個過程中,進步真的非常快。

做完前三個學院的任務之後,心裡感觸就是:學習前端一定要親手去寫代碼!親手去寫代碼!遇到問題就查。只要你開始寫,進步的速度會超乎你的想像。

再偷偷告訴你一個好消息,百度前端學院 2018 開課啦~沒有門檻,完全免費。今年我們推出了這些課程。

在這裡為你奉上今年的學習指南:

2018 學期概述

非常榮幸的是,今年我在百度前端學院開了一個自己的學院。你們看這小綠的標誌性綠色~~

課程按照簡單到難的順序一共有八個任務,從設計到實現,一步步從零開始帶你了解學習 CSS 前端動效,無論是複雜的動效細節還是最新的解決方案,在這裡都能學習。

課程按照簡單到難的順序一共有八個任務,由淺入深的帶大家了解 Web 動效落地方法 。完成這八道題,你會掌握如下技能:

  • 熟練掌握 CSS transition 、transform 、animation 的用法 ;
  • 怎麼從一份動效標註 去 100% 還原 CSS 動畫 ;
  • 學會使用常用的 前端動畫開源庫 。

你可以親自實現如下有趣好玩的東西:

https://www.zhihu.com/video/972410855727603712 https://www.zhihu.com/video/972410911742525440

https://www.zhihu.com/video/972410987631001600 https://www.zhihu.com/video/972411039782031360

  • 註:學院課程部分內容參考自 Codepen 的示例 以及神書 《圖解CSS3》, 有興趣的同學歡迎去探索學習。
  • 在後續的一段時間,我會陸續在我的知乎專欄公布題目的寫法和詳細分析。zhuanlan.zhihu.com/uxel
  • 建議你在看我的方法之前,盡量先自己先實現,我的方法不一定比你的好。也歡迎你在完成課程的閑暇,貢獻在前端學院自己的學習筆記。畢竟總結沉澱才是最好的學習方法。
  • 如果你對本課程有任何意見,或者你跟我一樣是個愛貓人士的話,歡迎來我的知乎勾搭~我們可以聊聊技術(養貓)心得:)

好了廢話不多說了~~~~大家快去快樂的寫代碼吧。

前端學院2018


推薦閱讀:

第二期 - 曲徑通幽
前端日刊-2017.11.25
前端日刊-2017.11.27
Web前端工程師和後端工程師薪資待遇哪個高?
前端日刊-2017.11.23

TAG:前端開發 | 前端工程師 |