請問學習前端最有效的辦法是什麼?

每天利用兩個小時下班時間學習,可是都將近一年了,昨天想仿個靜態網站,結果憋了好久才做完,一到關鍵時刻就不知道該用什麼,是不是因為我天賦不夠,說實話挺失落的,不知道是不是學習方法出了問題。


如魚飲水,冷暖自知。

對別人有效的方法,對你不一定有效。這個道理你應該在上小學的時候就發現了。

有些答案里說的一兩周入門,是可能的。

比如我在彩程的時候一周入門 Rails,兩周做出了一個已上線使用的網站。並且還封裝了 API 供 iPad 客戶端使用。

但這也是因為我有基礎呀。我會融會貫通呀。所以如果你沒有接觸過編程,不要指望幾周入門這種事情了。

我在教學過程中發現了一個心理現象,很有意思,那就是:

「已入門者」無法理解「未入門者」的苦惱。

什麼意思呢?

「已入門者」在入門的時候,會遇到很多困難,但是一旦他通過搜索、問人、調試甚至碰運氣亂寫,最終搞懂了之後,他就會覺得:

這很簡單嘛!我之前在想些什麼啊。

你如果問他,這東西難不難,他肯定會說「不難,很簡單」,不就是搜一搜網頁、寫一寫代碼。而他在期間的種種苦惱,早已煙消雲散了。

為什麼會這樣?也許是虛榮心作怪,也許是大腦對已熟悉的事物會做簡化處理,我不是心理專業的,具體原因就不得而知了。

我作為一個五年的前端從業人員,其實已經無法理解新人在入門時遇到的障礙了。

為了理解新人,我做了一些事情。

比如我在 2016 年開始學五筆,以體會「新人」的感受。

總結下來就是:

真難啊。

雖然結果是「我學會了」。但是我學得不太爽。

下面是我的學習過程。

首先我動用我十多年來高超的搜索技巧(其實就是搜索了一下知乎),知道五筆分為兩個版本。

那麼我應該學哪個版本呢?

分析了一下之後選擇了新版。

然後開始記字根。

我記憶力還行,一晚上基本把 25 個鍵位上的一百多個字根背下來了。

然後就開始用。

也就是說我只用了一天就入門了。

但是!

在這之後,我有很多不適的感覺。

首先,我不會拆字,我看到很多拆字的口訣,但是只能猜個大概。

真到自己拆字的時候,老是拆錯。

而且搜索如何拆字的時候,有時候會搜到老版的拆法,令我費解。

然後,就是打字很慢。這個是當然的,我只用了一天入門,我一分鐘能打10個字我就謝天謝地了!

為了解決這個問題,我想了兩個辦法:

1. 列印了所有字根放在手邊供我快速查閱

2. 開啟五筆拼音混合輸入

但是也不爽,由於我打拚音比較快,所以用著用著就變成了完全在用拼音,沒用五筆。這怎麼能學得好呀。

不過如果我堅持一個月不用拼音,應該就能完全學會五筆了吧。

但是!

我堅持不下去呀。

我打字那麼慢,萬一女神給我發一句「今晚一起看電影吧」,我用五筆幾分鐘還沒回復可怎麼是好!

最終,我成了一個半壺水的五筆使用者。

如果你要問我學五筆難不難。

我會說

簡單~不就是背字根然後堅持練習嘛。

其實呢

冷暖自知。

故事講完了,回到正題:

請問學習前端最有效的辦法是什麼?

我不太確定你說的有效是指「質量高」還是「效率高」。某種程度上,你不可能同時做到「質量高」和「效率高」。(如果你天賦異稟,那還是可能的)

我就當你說的是「效率高」。

你用了一年時間,還不能仿站,顯然效率是低的。

如果純從理論上來說,想要「效率高」是可能的。

原則一:追求學習的性價比

學習性價比 = 你所學到的有用的知識 ? 你花費的時間

要想要性價比高,就要做到兩點:

1. 盡量學有用的知識,暫時用不到的可以放在後面學。

2. 盡量快,能一下午開完的知識點就堅決不要拖兩個下午。

我們來看看前端哪些知識是有用的。而且我們要精簡精簡再精簡,因為我們要追求性價比。

1. 英語

2. HTML + CSS + JS

3. HTTP

4. 瀏覽器 API

這四個我實在沒法再精簡了,那這就是我們最需要學的了。

英語怎麼學?

因為編程基本就是在寫英文單詞,什麼 if else while for var new this 之類的,好多單詞。

HTML 中的 & 標籤的全稱是 anchor,很多人不記得,這個 a 好記,不記得全稱不要緊。

但有些標籤你不記得全稱就不好辦了,比如 & & & &

我見過不少人由於不知道這些單詞的意思而放棄使用這些標籤 - - |||

CSS 里英語就更重要了,比如 transition、transform、translate,你在不了解英語含義的情況下,很難把這些記下來。

對於英語,我的建議是:

a) 電腦裝個有道詞典,哪裡不會點哪裡。

b) 抓住一切可以學單詞的機會。比如多用英文軟體,少用漢化版。比如用英文操作系統,不用中文版。這樣你每天都在記單詞了。

HTML + CSS + JS 怎麼學?

免費教程很多:

HTML 入門

CSS

JavaScript

看完你就入門了。還記得我學五筆的經歷嗎,你成功的前提是你能「堅持得下去」。

其實現實生活中有很多前端並不怎麼會 CSS(我在阿里和騰訊見到過不少這樣的前端),所以如果你想更快,CSS 可以囫圇記一下語法,就直接實踐吧!實踐是解決坑的唯一辦法。

HTTP 怎麼學?

牆裂推薦《圖解HTTP》,但是看書就慢了是不是,怎麼辦呢?

你還是自己堅持看教程吧,還免費呢:

HTTP

瀏覽器 API

比較重要的就是 文檔對象模型 (DOM) 和 Window(BOM)。如果你想直接學 React / Vue,其實 DOM 都不用看了。

學了上面四個,然後呢?

如果你堅持下來了,就可以按照輪子哥說的做咯,去做出些東西吧!

具體線路,看我另一個回答:

2017年帝都前端開發行情如何?想來帝都工作有啥建議? - 方應杭的回答 - 知乎

原則二:盡量學點難學的東西。

有很多新人說,「webpack 好難啊,看不懂」

知道為什麼你覺得難么?因為你沒見過更難的東西。

你知不知道有兩種編輯器分別叫做 vim 和 Emacs。很多極客都在使用這兩款編輯器。(我在用 vim)。

去學學這兩個貨,比 webpack 難學多了。學完他們,回頭看 webpack,不跟玩兒似的。

所以,別老是學習一些簡單的東西,多挑戰難一點的東西。

原則三:你需要導師。

不知道輪子哥有沒有受人指導過,反正我在學編程的路上有很多位導師。

導師的作用:

1. 防止你走偏。甚至告訴你捷徑。

2. 幫你理清知識脈絡。

3. 解答你的疑問,在你有多個方案但是不確定哪個是最好的的時候,教你怎麼權衡。

當然,走偏也有走偏的好處,每條路有每條路的風景嘛。但是如果你想要高性價比的話,還是別走偏吧。

我就說到這裡了,不然又有人說我打廣告咯。

你都看到這兒了,不贊一下?

: )


有一個前期不是很有效率的傻瓜化的學習方法。就是你什麼都不管,先做出來,然後你就知道是什麼東西導致你做的很痛苦,想辦法解決。循環幾次,你就把人家的輪子造出來了。等你有了這個基礎之後,你去學習別人的工具,事半功倍。


學行嗎?不要方法。學了有問題來問,不要先問怎麼學。


能體驗到樂趣,而不僅僅是為了工作工資


經歷過題主現在遇到的困境,想要邁開這一關,也就是熟練寫出想要的靜態頁面,如果認真練習,勤於總結回顧,兩周時間是足夠了!

快速實現靜態頁面需要熟練掌握以下幾個知識點:

1.行內元素,行內塊元素,塊元素三者之間的特性和區別,以及相互之間的轉換

2.浮動特性,浮動造成父元素塌陷以及清除浮動的方法

3.元素定位(相對,絕對定位的使用)

4.盒模型

如果能把上面的四個知識點熟練掌握,基本能實現把元素放在任何你想放的位置的需求了!即便出現問題。你也能第一時間找到解決的辦法,換而言之,如果這上面的知識理解的不到位,即便寫出靜態頁面,也跟買彩票差不多(樣式基本靠猜)

如果上面的基礎知識掌握的不錯,遇到稍微複雜的頁面依然感覺無處下手,這個不必糾結,剛開始都會遇到這種情況,別人如何解決不清楚,我個人是採取從整體到局部的思路去寫,先把頁面框架寫出來,然後再補充細節,從整體到局部基本一次就能解決問題,即便解決不了,部分問題並不影響後續以及其他部分工作的進展。

如果這一個過程適應的還不錯,可以嘗試結合動態數據的頁面的練習,在引入數據的過程中,能意識到簡單清晰的結構以及恰當的標籤使用可以大大降低整體的工作量,提升工作效率

。。。。。。。。。。。。。。。。。。。。

上面是有關寫靜態頁面的個人經驗,既然題主的問題是如何快速學前端,那就根據個人學習過程中的遇到的困難以及如何慢慢解決的說一下個人的看法(個人學習經歷加輔導一個朋友快速入門構建知識體系--就是快速構建知識體系,接著看興趣自行深入學習),希望對題主有幫助:

寫完靜態頁面後,可以根據自己的情況決定是否拓展html5和css3,建議適當拓展,接下來遇到的問題是js的dom操作,這一部分做完後就可以寫一些交互了。

然後根據自身情況決定是否學jquery,因為有了css3和js事件的基礎,學習jquery還是能夠迅速上手的。

接著需要深入學習js了,怎麼才算深入呢,每個人有不同的理解,我覺得這一個階段最難的是理解概念,理解代碼執行過程,弄明白作用域,作用域鏈,執行上下文,this,原型,原型鏈,高級高數,閉包,js的對象系統,需要花費一些時間去學習,推薦js高級編程前七章(從第二章開始也可以的)多看幾遍,把代碼多敲兩遍,理解透徹了基礎才會紮實一些!因為基礎不同,有些同學比較厲害,一周甚至更短就能搞明白,有些同學基礎不是太牢固,需要長一些(比如我),但是相信我,在這一部分投入的時間會在後面給予你回報的!

這一階段過了後,把js語言作為一個工具用起來問題應該不大了,即便遇到問題,自己也能找到解決的辦法,不過依然會面臨一個問題(據我觀察應該是比較普遍),遇到上手編程的時候無法下手,沒有思路,別人雖然告訴你怎麼做,可是讓你獨立解決相似的問題,依然是一籌莫展,這個現象非常正常,解決的方法有兩個途徑:1.需要學習下數據結構和演算法2.需要學習一下js設計模式,前者有專門的刷題網站,後者推薦騰訊的一位前輩寫的js設計模式, 數據結構和演算法是慢功夫,看時間選擇適量刷題,設計模式建議花點時間跟著多敲兩遍(如果有時間再推薦看一下《基於mvc的javascript web富應用開發》,我沒有看完,但收穫依然非常大!)

上面這一階段過了後,寫js插件什麼的應該沒有問題,甚至已經有讀框架源碼的基礎了,接下來可以接觸node平台了,後端運行js,前後端交互,ajax, 跨域問題等,都是很有實戰價值,甚至是工作中必不可少的,建議學習順序是:先熟悉node.js常用api, 了解下npm,後面會經常用到,然後學習下express,學習下mongodb,寫一個博客什麼的,簡單體驗一下前後端數據交互的過程,中間當然會用到ajax,如果你想要第三方數據,還回用到跨域!

然後,如果你感興趣的話,可以研究下node,推薦朴靈老師的《深入淺出nodejs》,這個有點難,我也是讀了個大概,慚愧,與此同時你已經可以接觸下github,學習下git,整個賬號,然後把別人的項目拉下來,跑一跑,自己建幾個倉庫,往上推一推!寫個爬蟲什麼的。

接著可以接觸下gulp和webpack,學習下知乎大v們口中的工程化,模塊化思想,也是為後面的框架打基礎!

接著可以學習react.js了,跟著寫寫組件,寫個todelist加深理解,如果感興趣可以看看redux,immutable什麼的(我看著是一臉懵逼的,只是,自己選擇裝的逼,含著淚也要裝下去),再去寫todelist(我就這麼點出息)!

有了react.js的基礎就可以上手react-native了,比較坑的是項目環境的搭建,搭建完後嘗試熟悉下組件,然後試著接入第三方數據,動態刷新到rn中,比如接入天氣,新聞,價格什麼的,展示到rn中,打包安裝,一個個人app成功嶄新出爐,嘿嘿 !

然後就可以看一看angular了,如果你把rn的那個做完,看angular應該會有非常熟悉的感覺,這就對了,這一部分不展開了,我水平有限,現在還沒辦法給出好的學習步驟,不過等你學到這裡,應該有自己的決斷的。

然後,你可以看小程序,我想你肯定會有這樣的感覺:這個data跟react的state 以及angular的$scope好像啊。。。。。。

然後呢,多關注大牛們在看什麼,研究什麼,就知道方向在哪裡了,此時此刻,個人感覺前端的知識體系基本建立起來了,有些知識可能沒有寫到,但了解後基本都能連接到這個知識體系中,剩下的是花更多的時間鞏固基礎(缺失的計算機基礎還是要補回來),擇一個方向深入進去,一法通,萬法通!

以上是個人學習經歷,僅供參考,祝題主好運!


找個師兄,有不懂的問他。

前端師兄哪裡找?修真院里去報名。

馬丹,一點都不順嘴。

但是實際上就是的,你需要的是一個人指導你,教你該怎麼學。

如果你在生活中有這麼一個師兄,那是最好的。

可是如果沒有呢?


====== 首先,我認為高票答案里有一個錯誤觀點

所以如果你沒有接觸過編程,不要指望幾周入門這種事情了。

不知回答者概念裡面的入門是什麼樣子,先說下我所認為的入門標準:

  • 伺服器入門:會寫 1 個簡單的 Api
  • 前端入門:會寫 1 個簡單的 html 頁面
  • ……

在我熟知的趣編程學員里,有 2 個零基礎的人,在四周以內達到這個入門標準。

同時,從趣編程創辦到現在,有 200 多人報名學習過,能做到四周以內入門的就這 2 個人,比例不到 1% 。

這 2 個人達到這個目標付出的遠比他人要多得多,他們除了吃飯睡覺,就是看書寫代碼。

也就是說:零基礎可以指望幾周入門,但是要做到這點,必須付出比常人還多的努力。

===== 再說下題主說的:

每天利用兩個小時下班時間學習,可是都將近一年了

算下這一年總學習時間:365 * 2 = 730 小時

如按照脫產學習,1 天 8 小時計算,其學習天數為:730 % 8 = 91 天,也就是 3 個月。

可能 3 個月時間都沒有:按照人的惰性,一個月總有那麼幾天不想學習,不可能天天都能堅持 2 小時的。

然後題主說的成果:

昨天想仿個靜態網站,結果憋了好久才做完,一到關鍵時刻就不知道該用什麼

不管是寫多久,題主也總算是能寫完,算作是達到前端 HTML 的入門水平了。

再來說說趣編程裡面脫產學習(1 天至少學 8 小時)並達到我所說的入門標準的人數:

  • 映象中,1 個月達到,是 2 個
  • 映象中,2 個月達到,是 3 個
  • 映象中,3 個月達到,絕大多數
  • ……
  • 映象中,8 個月達到,是 1 個

以上描述人裡面,還有不少有編程基礎的。

總的來說:題主的學習速度是正常人水平,繼續堅持學下去就好。

你也不要覺得失落,還有人花的時間比你更長。

剛描述的 8 個月達到入門水平的人,是 2016 年 6 月份報名學習的,同時還是脫產學習。

他導師助理大概是這麼描述他的:

  • XXX 學了這麼久,一直寫不出頁面來,每周都來找我交流,我跟他講如何學如何寫,他都會用小本本一個個記下來,我都很驚異他的認真,畢竟我講的大部分都是廢話,跟他講沒必要記下來,但他還是會一點點記下來,然後一點點執行。XXX 跟我講,他是文科出身的,這些計算機相關的術語都看不懂,甚至都沒辦法轉過思維理解這些計算機書籍/文檔/文章,可他真的很想轉行成為一個程序員。我就只能跟他說,堅持下去就好了,畢竟我們這些科班出身的人都學了四年,你這才 6 個月

綜上:不要感到失落,你的學習速度是正常人的學習速度,甚至還強於一些人,如果真的對編程感興趣,堅持學下去就好。

====== 關於學習方法,題主可以參考下我們的學習步驟

PHP前端學習步驟:

  1. 閱讀《深入淺出 HTML/CSS》:一般建議是花 2 ~ 3 天翻下,了解 HTML 的名詞即可,不用看懂,只需要知道寫頁面有那些 HTML 元素,CSS 元素,有人能做到 2 ~ 3 天看完,大部分人閱讀時間是 1 ~ 2 周;
  2. 臨摹線上 1 個簡單的 HTML 頁面:利用 Chrome 審查元素功能,查看線上頁面的元素怎麼寫的。遇到不解的元素,就再去翻《深入淺出 HTML/CSS》理解。如此反覆,直至頁面做出。有人能做到 1 周搞定,大部分人完成時間是 1 ~ 2 個月。
  3. 閱讀《JavaScript編程精解》:看書步驟同《深入淺出 HTML/CSS》
  4. 閱讀《深入淺出 PHP + MySql》:看書步驟同《深入淺出 HTML/CSS》
  5. 領取項目練手任務:寫任務過程中出了問題,要求其翻閱書籍/文檔,加深知識理解。寫完任務後,導師會進行 Code Review,告訴其怎麼寫出合格且優美的代碼。如不合格,會被打回重新,然後再提交審核,直至任務進入已完成狀態。然後再去領取一個新的任務,重複此步驟,不斷的練習。


「每天利用兩個小時下班時間學習,可是都將近一年了,昨天想仿個靜態網站,結果憋了好久才做完」

題主是學了將近一年都沒寫過幾行代碼嗎?!

!實踐出真知!


要我說嘛,最有效的方法當然是去讀計算機專業

因為前端也一樣是程序員,是軟體開發,是軟體工程

難的不是畫頁面,,而是精確到像素的優雅的畫出頁面,以及處理複雜的業務邏輯

如果基礎薄弱,提升空間是很有限的,學而優則仕,不要想著技術不好年齡大了就去做管理,不能服人


如果是學習某個類庫或者框架,按照官方文檔來應該是最清晰的,作者一般都會提供一些他認為合理的學習路徑

完全新手的話,建議看 JavaScript高級程序設計,可能會比看視頻寫demo慢,但如果說以學會而不是自以為學會為目標,肯定是系統看好書快

關於CSS我一直在找一本好書,目前沒有找到,這東西和實踐太相關了


多實踐,多動手,多寫代碼,先模仿別人的代碼,多思考


其實不只是學習前端,是不管學什麼。

我們前面有巨人,可以站在他們肩膀上往下學。當然我們要有一個目標是養成更結實的肩膀。

第一就是模仿,也就是看別人的代碼。

想必你仿站的時候,肯定有不少陌生的東西,這些東西學會了,就收穫了。

我剛開始做一個單頁面APP的時候,用的是jquery來寫的,後來老闆說載入太慢了,後來發現還有個zepto這個東西。

突然有一天,我發現前端數據渲染太麻煩了,我就發現了React 這個框架,寫著寫著發現,還有Vue這個框架。

剛開始是直接在HTML文件裡面寫模板,載入的時候老闆說 為什麼會有{{data.field}},這種東西存在? 後來就學習了webpack的打包解決了這個問題。

後來老闆說,這個對seo不友好啊,載入出來就一個 空的 html文件。後來就學了SSR服務端渲染。

又後來,突然間某個人瀏覽網頁的時候,出現了一個從來未出現的廣告條,至此,了解到流氓的運營商,學會了如何從http升級到https。

在不斷的解決需求中,不斷的學習新的知識,讓自己的不僅僅停留在理論階段,和實際項目共同進步,這就是我個人認為學習新知識的最快方法。

以此共勉~


樓主,我覺得你是個有想法的人,這點很好。(畢竟下班願意學習嘛)

首先,你要先想清楚,自己是打算玩玩,還是說今後靠這個混口飯吃。如果是前者,我認為無所謂啊,學音樂不是每個人都能成為周杰倫的。要是後者,那就非常不行了,這說明你缺乏自學的能力,或者說你需要有人帶你。

我猜測應該還是你的學習方法有問題!首先,網頁是由html,css構成的,選擇什麼標籤其實差不了多少,你用p標籤 、 div標籤 、span標籤其實都問題不大。不要被選擇什麼標籤而煩惱

先有整體思維,然後再細節處理。網頁有圖片,鏈接,標題,選擇對應的標籤不就好了嘛,這也難辦?

網頁中元素有浮動,你就要清除浮動,這樣,一個網頁就完成了,不難啊。

其實,學習一門語言,人與人之間的差別是很大的,無所謂聰明與笨。別人能行,自己就不一定行,只要努力就好。不要跟別人比,打牢基礎就行。

綜上所述,應該是你的學習方法有問題,及時改進就可以了

還有,一定要動手啊,光看,你以為你會了,其實你什麼都不知道!我的QQ 1815101086

微信 13145870132 有什麼問題可以諮詢我,如果你是打算玩玩,就不要聯繫了。因為我不想把時間花在玩票的人身上,抱歉!


回答了很多類似的問題,這次只強調一個角度。

人在學習的時候一方面需要內在的動力,另外一方面需要外在的壓力。而主動有意識地為自己施加外在的壓力不失為一種刺激自己學習的好辦法:

舉個例子:

總共有20片樹葉...如果我能在樹葉飄到地面之前..全部接住的話..小櫻她就會喜歡上我!

你可以試想「一天學會前端女神就會答應嫁給你」類似的自我催眠來刺激自己。

我的一個同學本來和我是同專業,只可惜他大學四年編程課幾乎沒聽過,被他領導知道他的專業後,領導限他一個禮拜給單位做個網站出來(其實就是寫幾個靜態頁面),可是他除了大學時候有過耳濡目染以外,自己幾乎沒寫過一行代碼,一開始他推脫說自己真的不會,他領導直接說要是寫不出來就開除他,結果一個禮拜的時間他就能寫出輪播圖了。

雖然這麼短的時間他不一定能理解JS函數或HTML標籤的具體含義。但他至少知道去哪裡找到可以用的源碼,知道修改什麼地方可以把輪播里替換成自己要的圖片…無論如何,即使沒掌握原理,至少能實現需求了。

假如你因為不會前端就會丟掉工作的話,學習的效果和效率肯定也能翻個好幾十倍。


最有效的當然是有老師帶,相比文字,人話就容易懂得多了,而且老師會根據你的接受情況調整方法、進度甚至教學思路,你的疑問也可以第一時間得到解答,這絕逼是最快最有效的。

退而求其次的方法就是看視頻了,找一個說話不啰嗦語氣不討厭的教學視頻也能相對快的學到知識,但自己要注意結合實踐,因為視頻是單向溝通,你的疑問都要自己解決。


我學前端一周就犯了看到一個網頁,就想知道每個部分是怎麼實現的,就會F12看源碼,仿造的毛病。你竟然學了一年才萌生想仿造一個靜態網頁?

先從仿製百度google這些界面比較簡單的網頁開始學吧。。

這是我學了1個多月的成果 Skilxn

後來陷進C++出不來了。


學習前端或者其他技術都屬於技能範疇。

掌握一門技能的門檻在於熟悉,精通則在於學習和思考

總的來說,題主的這種學習方式是挺糟糕的。

第一點:

在入門階段,你還沒有熟悉基本的語法結構和知識體系。

嘗試完成超過你能力的任務,會加大自己的挫敗感。

第二點:

每天下班2小時學習前端知識,並且持續了1年。

我只能說你的學習計劃本身就是有問題的。

1個月能完成靜態頁面學習的事情,你非要分配到1年來完成。

這種學習安排會讓你沒有學習緊迫感,思維活躍度及學習效率也會處於一個低水平。

既然輪子哥也回答了這題,我就厚個臉皮大概說下我的建議:

1、take massive action

在學習初期階段大量行動,不要被schedule限定住。

2、ask for a helping hand

在知識體系還沒建立起來前,碰到問題優先向別人請教或查閱資料,

因為在這個階段,自己思考的東西很有可能是錯誤的,知識量比個人心得更重要。

3、expand your comfort zone

學好一門技術,需要你有持續的關注度和熱情,而不是分配一段時間給它。

利用碎片時間積累學習初期的知識片段,對你形成完整的知識體系大有好處。

送一句喬幫主說的話。

you can』t connect the dots looking forward; you can only connect them looking backwards


你問的是「最有效」的方法,那我只能想到一個朋友了。

他還沒學前端,不過要是學的話,我認為他應該可以在 2 周內學成找個工作的水平。

過年假期這幾天試試,假期結束前端能力就可以秒你了。。。。

註:不是零基礎,因為他前段時間已經花了一周多學了基礎。。。


你的這個困惑也是我現在遇到的,學完w3cschool,看完慕課但還是寫不出界面,但我是這麼去解決這個問題的:

1)在寫代碼前,我會先對網頁分塊兒,先分大塊,大塊分完再分小塊;

2)然後先寫html文件,有幾塊就創建幾個div,看每塊裡面有什麼元素,鏈接就搞個&,圖片就搞個&

3)再寫css文件,一開始的時候,我一條都寫不出來,我就查看元素,一條條抄,但你抄的時候要搞懂這個屬性幹嘛的,加與不加這個屬性,顯示效果有什麼區別,反正我前三個網頁百度、新浪、騰訊都是抄的,抄多了你會發現div+css布局基本都是固定套路,等你抄到一定數量,不用查看元素也能寫出靜態網頁了

js先不談,我還沒學到那麼高端。lz我挺欣賞你的,雖然我也是每天下班學,但我做不到每天都學,基本上每個星期都有三天偷懶,我挺恨自己的。


學編程入門都那樣,先照著打一遍看看,代碼跑起來,改改看看什麼樣。了解了基本的就可以動起手來,做點實際的東西,比如仿個淘寶首頁之類的。實踐比較重要,不然看太多還是忘


推薦閱讀:

前端工程師都有用哪些比較靠譜的小工具?
為什麼 TypeScript 成功了,更先進的 ActionScript 卻失敗了?
為什麼inferno.js這麼快?
bootstrap過時了嗎?
tabris.js這個框架使用起來怎樣?

TAG:前端開發 | 前端工程師 | 前端入門 | 前端工程化 |