LV. 25
GP 3k

【心得】零基礎轉職前端

樓主 雨讀 EmpireDanki
51 -
大學非資工、資管相關,28歲開始寫第一個hello world!自學約四個月上下,轉職前端圈子,近期剛過試用,菜鳥入行3XK。以下的分享資訊,以大陸資源為主,如果您堅持愛台,打死不用大陸教育資源翻身,那我無法,請上一頁。

為什麼選擇轉轉前端?
因為前端的知識體系,是近十年剛獨立出來的,此前並不存在。因此容納非本科的意願更高。剛入門時涉及到數學知識面向較少,比較容易跨入大門,但這不代表之後不用學。薪資成長快速,但要求頗嚴格的持續進修,因為工具與框架替換速度很快(2-3年)。

如何入門?(以下免費資源為主)

1. 工具善其事必先利其器,先學會使用寫程式的工具(又稱文字編輯工具)
sublime - (imooc慕課網課程)
vscode - (youtube六角學院課程)
atom - (udemy六角學院課程)

2. 要蓋房子先學會怎麼打地基 - HTML基礎
HTML - (imooc慕課網課程) 第1-5章

3. 地基打好了,要裝修內部 - CSS基礎
CSS  - (imooc慕課網課程) 第6-15章

4. 地基會打,內部會裝修,不代表會設計,接著學設計布局
如何用CSS進行網頁布局  - (imooc慕課網課程)
網頁簡單布局的結構與原則  - (imooc慕課網課程)

5. HTML+CSS綜合練習
NavBar(導覽列練習)  - (imooc慕課網課程)

練習不夠,還想買書練習呢?

HTML&CSS:網站設計建置優化之道(博客來)


6. 靜態的網頁結束,開始進入動態的世界,Javascript入門學習
Javascript入門篇
Javascript進階篇

7. 學習如何處理DOM事件
DOM事件探秘

8. 想寫些簡單動畫或其他練習?
JS動畫效果JS計時器JS訊息滾動效果電子商務分類目錄

這邊先告個段落,你需要前往一個網站申請一個帳號。

它叫做github,請google它,並在上面申請屬於你的帳號
這邊你必須開始嘗試將自己寫出來的東西上傳到遠端倉庫,因此你需要理解git或遠端倉庫是什麼?更重要的是,學習git是未來你第一份工作的重要技能,因此你需要學這個。

連猴子都能懂的git入門指南

和這個

github入門使用介紹


9. 接著回到主線任務,開始進入jQuery世界

jQuery基礎(一) - 樣式篇
jQuery的基礎(四) - 動畫篇

如果你是買書派,有人推薦這本深入淺出jQuery(天瓏書店)
我是買這本JavaScript & jQuery:The Missing Manual國際中文版(第三版)(博客來)

10. 重要支線任務RWD(網頁自適應)

平常智慧型手機用很爽,現在該還債了,手機千百款,網頁不可能針對各款去寫大小解析度,你必須學會如何一種設計原則打遍天下(即是RWD)。很抱歉免費課程沒找到,付費課程看你願不願意花,google可以自學看你自律功力,如果自認自學能力差,又不想花破千,那就買書來練習吧。Responsive Web Design 響應式網頁設計學習手冊(天瓏書店)

暫時先這樣,改天有空再繼續補


51
-
未登入的勇者,要加入討論嗎?
板務人員:

559 筆精華,09/23 更新
一個月內新增 0
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】