前端學到什麼程度可以開始接觸項目?


css剛入門就可以去看看Normalize.css的源代碼

學到絕對定位就可以實現個Balloon.css

學到浮動就可以實現一個跟Bootstrap的柵格系統

學到if跟for循環就可以刷leetcode刷題了

……

還要我列嗎


我是這麼理解項目的:

還原一個設計稿是一個項目,

還原一套設計稿也是一個項目,

一個小demo是一個項目,

一個web應用也是一個項目,

一個web應用里的一個功能還是一個項目。

所以,把你能寫的東西都當成項目來著,能寫什麼就寫什麼,不用考慮學到什麼程度了再去寫。


當你看到 設計稿,會自動腦補出 前端頁面層次結構 的時候。


什麼時候都可以,只不過你會因為以下幾個問題而放棄:

  1. 不知道如何選項目
  2. 選好了項目不知道如何開始
  3. 終於開始了,遇到問題不知道如何解決
  4. 通過搜索、看書、問人解決了,不知道哪個方案是正規方案
  5. 繼續遇到問題
  6. 直到遇到一個你解決不了的問題
  7. 放棄

人艱不拆。


不用多想。學到了一定程度就會躍躍欲試,想用學過的知識實現個什麼。這樣積少成多,剛開始實現個小的,隨著學到的知識點越來越完善,可能最終就能實現完整的前端頁面了。之後不斷深入,不斷優化,做出的東西也會越來越好、越來越多。


講講我的經歷吧。。。

高中學歷。大概是三年前,培訓學校剛出來去面試,學的是電子商務但教了點網頁三劍客就想去做前端。那時候連js都不會。面試官出了些題目,比如滑動門,這個倒是會。但是問我輕浮動的問題,瞬間傻逼了。面試官吐槽玩我後給我推薦了本《css設計徹底研究》還有讓我扔掉dw用sublime.(感謝面試官)

後來還是找到份工作,淘寶店鋪裝修,就是拿到淘寶店鋪設計圖,然後拉若干根輔助線,然後沿著輔助線一鍵把圖切開並自動生成html表格,圖片上傳到淘寶,然後再手動替換本地圖片路徑,換好後把html複製到淘寶店鋪對應的地方。

很簡單吧?

然而和前端唯一有點關係的也就是給html里的img改路徑,偶爾寫點css效果(hover時替換圖片)。

這樣的工作幹了很久。。。

好在那時沒廢下去,開始在秒味看原生的js,試著寫各種常見的交互效果。模仿各種看到的網頁。買各種書,從很簡單的《鋒利的jQuery》(哈哈現在學框架都直接看文檔,但是這書還是捨不得扔。)到《javascript dom編程藝術》,《javascript高級程序設計》,一邊看一邊寫,差不多了就果斷跳槽出去正式踏入前端的大門。

按兩年前的情況,會個jquery,懂得ajax和後端交互,再背一背ie678兼容方案是可以找到工作的。

然後就是到創業公司幹活,經歷了各種各樣的磨練,成長很多。

當然以現在的標準的話,一些外包團隊仍舊是jq擼著,而很多公司都開始vue全家桶,react全家桶,angular...這個就要結合你的目標公司的技術棧自己去學了,只要前面基礎打牢,學用框架並不是什麼成本非常高的事情。

畢竟再怎麼也不會比我當初更差,是吧~~


那要看你對項目的定義是什麼了……如果是我做的這種比較簡單的網站這樣的東西的話,那應該是隨時吧,邊學邊寫(? ???ω??? ?)

我半年前參加的我第一個做網站的活,老師說的零基礎的孩子也要,所以我就參加了

然後加上我一共八個前端四個後端,三四個會寫的八九個不會寫的,邊學邊寫這個小網站。

最後結果是這個活做完下來小小的入了個門,雖然還菜的一比,但是知道怎麼搜怎麼自學怎麼做出東西了

然後後來第二個做網站的活,幫老師給用他軟體的用戶做個申請的網頁,上傳資料的,老師審核,用戶地區分布統計之類的,也比較簡單。

我和零基礎的學姐兩個人邊學邊寫,也寫完了

感覺用到啥學啥比較爽(?ò ? ó?)對於我個人來說這樣學的也比較快

下一個項目就和網頁沒啥關係了,不知道下次再寫網頁是啥時候。下一步也就自己寫寫博客啥的,找一些好看的動畫特效學一學然後寫的炫酷一點


其實什麼時候都能接新項目,只不過項目質量會有差距

當閱讀過大量源碼並理解後,你的代碼會更優雅,開發更高效

否則你的代碼只能像坨shit.,開發像烏龜

不過前期踩坑是避免不了的,很漲經驗

一句話,JUST DO IT


感覺上只要具備基本的html+css+javascript的基礎就可以參加了。關鍵是在開發過程中願意學,遇到問題多谷歌,休息時多和dalao們交流吧(′?ω?`)。有了第一次,之後就會更輕鬆一點。(小白的親身體會_(:_」∠)_


都把這麼重要的東西告訴你了培訓班還怎麼收智商稅呢?


大概是遇到難題不會退縮,拉著師兄的衣角一頓發嗲就能跟項目的樣子………

我是直男


你想接觸項目了就可以,而且在項目中可以鞏固自己學到的知識。我的體驗是找工作,工作中有現實需求,現實項目。


推薦閱讀:

CSS 的 ID 和 Class 有什麼區別?如何正確使用它們?
如何評價 Google I/O 2017 上發布的 Polymer 2.0?
AngularJS 究根到底是 MVC 還是 MVVM?
react-router頁面滾動時,頁面位置問題?
前端是如何管理後端提供的API的?

TAG:前端開發 | 軟體 | 程序員 |