自學前端開發1個半月, 在我現在基礎的前提下,如何在7月份離職的時候能找到一份前端的實習機會」。 ?

我今年25了,15年機械本科畢業,畢業後在一家製造業國企當技術員,每天工作的時候挺苦悶的,感覺這種生活不是自己想要的,我已經做好了7月中旬離職轉行的打算。

現在自學前端開發1個半月(仍在職),在這期間學習了html, css, js,目前能夠模仿出企業,電商網站等靜態頁面,但是寫的很慢,原生js寫一些交互效果也能寫出來,但是很慢,經常出BUG,對瀏覽器兼容性了解不是太多,對css3,h5還不了解,jq等框架也沒有學

現在遇到的問題是,我下一步是繼續模仿頁面加強重構以及交互效果編碼速度,還是學習jq等框架,h5等其他知識擴充知識面,還有我現在學習面向的全是pc端,移動端還沒接觸,我想知道我現在的狀態什麼時候學習移動端比較好

我希望離職之後自己能達到獲得實習機會的能力,所以,懇請各位父老鄉親指條明路,少走彎路,謝謝了!


你的問題其實可以理解為,「在我現在基礎的前提下,如何在7月份離職的時候能找到一份前端的實習機會」。

之前有個機會給一個沒有任何技術背景的人做一對一前端培訓(當然因為各種原因沒進行下去),當時列的一份課程內容,可以參考下:

  • 3月(前端基礎)
    • 前端語言基礎
      • JavaScript語言基礎
      • JavaScript難點:閉包
      • JavaScript難點:單線程非同步
      • JavaScript難點:原型繼承
      • CSS語言基礎
      • HTML語言基礎
    • 前端DOM編程
      • DOM操作
      • DOM事件
    • 計算機網路原理
    • 前端網路編程
      • AJAX
      • 非同步
  • 4月(後端基礎)
    • 簡單的PHP服務端編程
      • PHP語言基礎(簡單)
      • 簡單的PHP服務端編程
    • 資料庫知識
      • 資料庫基礎知識
      • PHP操作資料庫
    • 前後端貫通
      • cookie session
      • 登錄
      • 資料庫讀寫
  • 5月(前端實踐)
    • 框架與庫
    • 大量前端頁面的實踐
    • 兼容性
  • 6月(Mobile Web)
    • H5開發基礎知識
    • H5頁面實踐
  • 7月(NodeJS)
    • NodeJS語言基礎
    • Node 服務端開發
    • Node 命令行工具開發

我列的這個時間計劃,基本上是全天學習(早上9點開始上課,下午繼續上課,晚上還有作業),周末會有測試。然後我實踐了兩周下來發現學生的學習進度還是比我預期的慢很多。當時得出的結論是,知識背景和學習能力這兩個要素會對課程進度產生很大的差異。所以你在評估自己的進度的時候,需要看清楚自己在這兩塊的能力。

從長遠來看我的建議:

- 欲速則不達。做長遠的學習計劃,或許用一年的時間成為一名各方面知識都基本了解的前端工程師會是一個更好的目標

- 重視基礎知識。比如我的課程設計裡面,前面兩個月都是以基礎知識的掌握為主

- 重視後端知識。前端工程師不僅僅是需要會JS,CSS,HTML就可以,還需要對網路原理,後端的一些實現原理有了解。

- 關於CSS這塊的能力。相比JS,CSS這塊的能力更加偏向於經驗的積累,我的建議是,多進行實際項目的實踐,並且有針對性的寫獨立的樣式模塊,對寫的頁面都保證兼容性(IE8+,Chrome,Firefox,Safari)。另外要是有耐心,嘗試寫一個類似Bootstrap這樣的樣式庫,能得到比較完整的經驗覆蓋面,以及增加對CSS模塊化的理解(嘗試使用LESS和SASS)

- H5可以往後放。H5的本質還是以上的這些知識在移動端的應用,只是額外補充更多的知識而已(如touch相關的編程,各種感測器,viewport,高分屏適配等)

- 程序員是一個知識體量很大的職業,不要僅僅局限在前端,可以看看 陳皓寫的 程序員技術練級攻略

短期對於7月份離職準備的建議:

- 1、鞏固基礎知識,參考我上面寫的3月和4月計劃,時間有限,以3月計劃為主,時間不夠,4月後端相關知識可以只是做大體了解

- 2、基礎框架使用:jQuery用起來,並且直接用它來做頁面

- 3、CSS 部分實踐:不僅僅是切頁面,同時保證兼容性

- 了解各種新技術名詞趨勢(注意只是了解,你沒那麼多時間。面試的時候面試官會覺得你能follow最新的趨勢,可能傾向於認為你會有學會這些技能的潛力),參考 2016/04/07 展望 Javascript 2016年的趨勢和生態發展 · Issue #12 · gaohailang/blog · GitHub


路過強答~

推薦兩本書:

1. css權威指南

2.JavaScript詳解第二版(封面是黃色的)

推薦兩個常用庫,去看源碼

1.bootstrap

2.underscore

因為這兩個簡單,但是質量又比較高。

對於一個剛入門的,能做出東西來是關鍵,畢竟你要吃飯。其他都是扯淡~

等你工作一段時間,自然就知道以後的學習路線了。


瀉藥,看你的問題感覺你還是想的太多了,如果你打算下一個工作的底線是能上崗做項目,那麼你現在應該鍛煉的能力是熟練重構和熟悉jq,之後再去想你後面那些問題。私以為,你接下來找一份在互聯網行業公司做些維護內部自有項目的開發類前端會好一點,這樣你能學到點東西。


等到看某個頁面比如淘寶首頁之類,不用思考簡單一想就知道:腦海中勾勒出整體布局和細節布局,每個交互如何實現,再看移動,就會發現其實八九不離十了。


今年本科畢業,十一月份辭職,十二月初開始在家全天學習前端,至少年前會拚命學了。沒有退路,共勉。


樓主想請教下你怎麼一個月就能寫出這麼複雜的頁面的……我還在跟著視頻學基礎js


樓主上班了沒有啊~!


情況類似,jq必須學好了


模仿重構頁面的時候順便就可以練jQuery了,可以試著做一些實現自己需求的封裝擴展。

建議再學學Bootstrap和CSS預處理器。

平時養成良好的編碼習慣,遵守規範。

基礎知識很重要,不要因為jQuery用得順手就不去看。

有時間不妨再學學ES2015和目前很火的幾個前端框架。


推薦閱讀:

如何刪除多餘無用的css?
用CSS固定footer在底部的疑問?
有沒有前端性能優化知識推薦,包括css和js?
Web 前端與演算法的結合點在哪裡?
CSS 優化、提高性能的方法有哪些?

TAG:前端開發 | HTML | CSS | JavaScript | Nodejs |