各位師兄師姐好,自學Web前端可以給點建議嗎?

大三妹子剛放假,想學習前端,但是沒有基礎,幾乎算是小白,想請教大家,跟著慕課學習怎麼樣,需要參考什麼書呢,求推薦!


建議學習流程:

第一步:先花上一個月的時間把w3cschool上HTML/CSS和Javascript模塊的教程學完。

學習方法:

1)把HTML/CSS和Javascript模塊裡面的知識點分拆到每一天,每天只需要完成這麼多,堅持下去。

2)每個知識點完成以後,網站上有個測試的功能,測試一下自己學習的怎麼樣了。

3)先不用著急進行網站頁面的設計和開發,先找找哪些網頁用到了這個東西,看看人家前端代碼怎麼寫的。

第二步:再花上一個月的時間做幾個不同風格布局的仿站練練手,找最簡單的開始,先把網站分解,分配到每天幾個頁面去做,不會的話就參考他們的網頁源代碼,圖片也用他們現成的。

第三部:從網上找psd格式的網頁設計搞,根據網上的教程學學如何切圖,然後根據網頁設計稿完成Web界面開發。

完成上面的步驟,你基本上就可以算是菜鳥網頁開發了。下面開始向前端進發:

第四步:學習JqueryAngularJS、React、Bootstrap等前端框架,這個可以按照文檔、DEMO、練習、仿站的步驟去學。PC端和移動端都做幾個仿站。這個步驟算是攻堅階段,做仿站的時候最好挑一些簡單但是完整的應用去仿。一個框架根據情況需要一兩個月學習和實踐。

完成這一步你應該就算是菜鳥前端了

第五步:如果覺得自己可以上手了,去找些接私活的網站試試接點私活吧,從最簡單的開始,可以在上面找一個美工合作,你會遇到非常多的問題,這些問題就是你工作以後會遇到的問題,耐心的分析和解決每一個問題,會給你進入職場提供很大的幫助。

如果你都按照上面的做了,畢業找工作時候拜託給我發個簡歷,現在招前端太難了。

更一下:

1. 這個建議不一定適合所有人,因為每個人對「學完」這兩個字理解不一樣,這裡指的肯定不是看過一遍,而是學而能用

2.來了好多私信求職求實習,不過我這個真不是招聘帖,我不保證一定有open的崗位,不過如果你按照上面的做了,拿著自己的作品去面試,一般是要搶的。


2嗯,同作為一個自學了大半年還沒開始找工作的大齡青年,說說我的經驗吧。

1,前端和後端有些不同,入門自然也不太相同。前端的入門是從HTML CSS開始,所做既所得的方式決定了並不太交易你從看書開始入門。想關的視頻教學有很多,推薦能找一些髮型培訓機構的初級入門視頻,先看一看,有個概念。為什麼不直接推薦慕客,因為有些細節決定它說的並不是特別詳細,這一點從視頻時長也可以看出來。但看視頻並不是讓你光看不練,下載好一個ide(初學者最好從notepad++這種不帶提示的開始練習),跟著老師的進度敲出所有的例子。在這裡你會遇見第一個坑,就是CSS布局。新手入門最花時間的在我看來並不是js,雖然js比較難明白。但真正花時間的是CSS布局。各種自適應,彈性,流體布局,瀏覽器差異問題,會讓你感覺到頭暈腦脹。我的經驗是先把CSS3和HTML5的新特性放一邊,能把最經典的布局自己仿造出來,初步學習自適應布局,因為目前來說這個會成為今後的主流。碰到看不懂的概念,多查一查w3c上的例子,以及各種大牛的博客(這時候也可以開始買書作為參考了。對了,在學習過程中推薦你有一個自己的博客,記錄比較重要的知識點,方便自己查詢,因為程序的重用性是很高的,今天遇到的問題也許以後還會碰到,好記性不如爛筆頭是有道理的),當你覺得自己在布局上面了解的差不多了(包括熟練的切圖,拼雪碧圖),這時候就可以開始找一些靜態頁面做一做,練練手,想關的psd文件網上很多,我就不幫你找了。當你完成上面的這些,第一階段算過去了。不出意外,這個階段將花去你至少一個半月左右的時間,除非你特別勤奮。。。。

--------------------------------------------------------------------------------------------------------------------------------------------

2,第二階段,開始學習js。從這裡開始,需要你的一些邏輯思維了,什麼是邏輯思維,在我的理解就能準確的分析出一個事件執行的前後順序和它所依賴的其他事件。從這裡開始你需要了解什麼是對象(這一點非常非常重要,雖然js是一門弱類型的語言),類,各種數據類型,各種方法等等,同樣還是有瀏覽器兼容的問題。新手接觸肯定蒙比,當然你是大神的話就當我沒說。這時候我的推薦是看網站,自己搜索。因為和前期學習的相比,目前階段學習的內容概念更多,每個人的理解方式也大不相同。也許這個老師說的你不太聽得懂,也許換個老師的說法你就茅塞頓開,這是我的親身經驗毫不誇張。如果說HTML和CSS關係到你的入門,那麼js則關係到你能到達的高度。因為今後你遇到的各種框架,插件,歸根結底都是由js構成。所以我推薦你對剛開始學的每一個概念都詳細的了解,多問自己一句為什麼。動手寫各種小例子(在學習循環的時候可能還有一些數學問題)總之也許你會覺得枯燥乏味,但也請堅持。說來慚愧,我自己的js也只能說一般般,真正的大神光js就可以研究很多年,不過你的問題是入門,就不用考慮太多。總結一下,此時你的學習方法應該從視頻為主慢慢向博客,文檔轉移。因為今後接觸到的新知識還是文字性的居多。這種學習能力也和今後的發展息息相關。預計入門時間1個半月以上。。當你覺得差不多是時候,就可以嘗試一些簡單動畫效果或功能的網站練習,結合之前學習的HTML和CSS你會慢慢發現其中的樂趣。

-------------------------------------------------------------------------------------------------------------------------------------------

3,在經過兩三個月的學習,你是不是覺得有點收穫呢?別開心,到目前連入門都還不算哦。在這個階段,你可以告別notapad++了,選一個好用的ide開始使用吧(有大家推薦的webstorm,sublime,也有國產的Hbuild,這方面我就不推薦了,容易撕逼)。其次,開通一個github吧,如果你英文不錯,那麼你可以在上面如魚得水。將你寫的小例子,小網站,慢慢的往上面搬運,留作紀念也好,方便查詢也罷,總之這都是需要的。準備好之後你就可以開始學起jquery了。很多大神看不起jq,覺得它簡化了很多操作上的手感,但從工作的角度來說,jq是一個好幫手,能幫你省下不少事。各種豐富的插件也可以滿足各種需求,是你工作中必須學習的。當然也不排除用原生js自己寫輪子的公司,但畢竟比較少。從這一階段開始,你可算是可以入門了,當然並不能停止學習各種框架,各種新技術如swiper,bootstrap,seejs,angularjs,reactjs,甚至是Node.js。給人的感覺就像是剛覺得自己能獨立了,出去才發現世界真的太大了。要學的太多了,這時候開始,你需要一個好的師傅,會讓你少走很多彎路。很不幸,本人目前也是處於這個階段,在這些方面給你不了太多的建議。相信其他高票的回答會給你滿意的答案。

最後再給自己打個廣告吧。。答主今年28馬上29了,自學前端大半年,目前處於框架學習中,基本上能在不考慮優化的情況下實現獨立的小網站(包括手機端),最近和幾個朋友接了個小項目,也在爭取能早點做完,成為自己找工作的一份籌碼吧,呵呵。。至於為什麼轉前端?那就是另外個故事了。。

ps:手機打字打了快一個小時。。。點個贊吧。

---------------------------------------------------------------------8月27日的分割線

即將前往深圳找工作,從投簡歷的情況來看,並不是很好,希望能有所收穫把。。

9月13日更新

各種機緣巧合之下,我進了一家公司負責php加前端。php之前並未系統學習過,但是Java但是有一些基礎。總之老闆很nice,也給了我時間學習,希望能儘快掌握技能!

ps另求php老司機帶路啊。。


慕課網入門很不錯,而且是免費的!

但是……

課程不體系。

慕課更多的是案例教學,大家基礎不一樣,或許不一定適合每個人。

如果可以,找一個付費的機構挺好。比如極客,麥子,蜻蜓。可以參考下


是否適合學前端,自學還是培訓取決於以下條件:

1. 是否真的熱愛前端,且有決心經常拿低薪(比如3k)且經常加班。現在的行情是初級前端很難有面試,甚至於廣州深圳一年經驗的水平差點的前端都找不到工作了。

2.邏輯思維是否夠好,起碼高中數學每次都能及格吧。

2,自學能力強,IT行業知識技能日新月異,特別是前端行業,某騰訊牛人說前端十八個月難度翻一倍,(不信可參見這裡http://www.gunmi.cn/v/157d15)。沒有過硬的自學能力淘汰只是時間問題。

3.年齡是個問題。眾所周知IT行業是吃青春飯的,過了30很多人就開始擔心搞不下去了。馬化騰對其某員工說,你什麼錯都沒有,就錯在太老了

4.你能脫產5個月以上。編程絕不是一蹴而就的,以現在的行情來看,沒有基礎的人,起碼得學個5個多月,按照每天8小時純粹用來學習的情況下。

另外我想強調一點,現在知乎的風氣已經變樣了,其中表現最明顯的要屬關於前端的回答了。答者們常常說自己如何輕而易舉兩三個月學完前端,然後拿高薪走上人生巔峰,然而他們不曾真的為提問者負責考慮過。難道真的人人都能轉行前端且幾個月學出來就月薪5k以上嗎?或許前幾年前端是很缺人,且他們基礎紮實,然而現在完全相反,要求高了一大截,薪水反而降了很多。編程的水很深,尤其是前端,要學的太多,入門的確容易,但也僅限於HTML和CSS,後面難度陡增,每多學一個技術就提升一個難度。難道那些人不知道?我想不是,他們多半只是來秀優越感而已,當然還有少數是真的不知道,他們自己都是菜鳥,卻還來指導別人。
所以我想結合親身經歷告訴大家,
我不是什麼大牛,甚至學了快一年還沒入行,但是我比很多高票回答更誠懇且更實際。如果你還是更願意相信他們,那大可以看看這條回答,

了解一下前端行業的就業情況和兩極分化。 https://www.zhihu.com/question/55886635
對了,智聯統計的競爭度那會兒才15萬人每天,現在已經48萬每天了!,不信就去智聯看看吧。

所以知乎上的那些高票回答不可盡信,前端這個坑請慎入!


html,css主要看h5,css3吧。兼容性別看了,這個時代不需要了。js先看jquery,再看原生,再看zpoto,再看node,再看vue,了解http協議。之後看內存,並發,線程。mongodb。從pc到移動,響應式不用提前儲備,主要是ajax和模版,學學node,搞搞微信號


不太建議慕課網視頻。不是很系統,個人覺得不太適合新人。

基礎部分可以學習妙味課堂的視頻。淘寶非常便宜(有錢請支持正版,因為真的講的很好。)

大三的話,暑假學好了基礎到大四找實習就很好找了。


樓主本身的想法很對,跟著慕課的視頻學習,慢慢動手操作就可以了。

作為一個入行8年的前端,很負責的告訴你,一開始去看文檔很扯。最好的學習方式就是要跟著視頻一行一行敲代碼,然後遇到問題再去看文檔,這叫有目的性的學習,而不是漫無目標的去徜徉在知識的海洋里!!

樓主現在也不要想什麼進階,高手,這都是在學習的過程中自然而然的一種狀態。人家剛開始學習,就跟人家講web高手至少需要學習html,css,javascript,nodejs,requirejs,grunt,http,巴拉巴拉~~~這是讓樓主知難而退嗎?


首先你也沒有說自己的專業啊,如果不是計算機專業,也就是說在編程這一塊是完完全全的小白,我姑且認為是這樣。前端現在還是蠻缺,支付寶這邊也是常年校招內推,html和css當然基本都是基礎了,我個人認為在哪裡學這些都是差不多,樓上的前輩也說的很好,(豬八戒那一條我不太清楚吧,一方面這些網站名氣太臭了,另一方面也不是非常有必要)本質上來說它們也算不上是編程,所以我接下來說的可能更偏向於一個前端在實際工作中所要用到的技術,更偏向進階吧。

除了基礎的東西,你最好是要掌握一門後端語言,node、python、golang都還是可以。node幾乎是前端必掌握的東西,無論是包管理還是工具開發都很不錯。在前端這一塊,支付寶是走react的,支付寶的技術棧也一直發展的比較迅速,很多其它的互聯網公司也很喜歡angular,jq這個東西也就是簡化了你的dom操作而已,其實和原生的js開發差距不大。上面這些都是前端渲染框架,也就是幫助你實現頁面的,一個合格的前端還要能夠自己構建開放環境,babel、webpack(打包工具,gulp、grunt這些也差不多),資料庫方面你也要對常用的nosql資料庫有所了解,monogo和redis。最新的js語法也要知道,es6、es7,還要js非同步操作。其實js有大量的自建函數,不過這些都是可以在MSN上面查的,我一直奉行即學即用的方式,你真正最需要記在腦子裡的是http協議啊這一類看似不需要卻是相對底層的東西。

另外我推薦你多去github轉轉,一方面沒有哪一個前端開發沒有github的,沒事可以自己造輪子,也可以參與學習別人的js項目源碼,另一方面現在大多數公司都是用git協同開發的,熟悉git有助於找工作。

還有什麼問題或者阿里校招方面的可以留言我,請大家校招或者實習的時候認準螞蟻金服支付寶,哈哈,打一波廣告,相信你們是不介意的,能力到了需要內推也是可以的!


給你分享一個前端知識匯總

http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA==mid=2650686792idx=1sn=c398466e7d8337199d7f2bc6a8c95b34scene=2srcid=0713XJ9RYUIlC8zFcD8HPhsAfrom=timelineisappinstalled=0#wechat_redirect

找到要學的點,一個一個的知識點學好,然後自己找一些實戰項目來做,多做兩個,就能找實習了。


推薦一個前端自學的網站:Learn to Code and Help Nonprofits 中文社區 ,在這個網站可以接觸到幾乎所有的前端知識,而且也很有趣,學習的方式循序漸進,可以在自學中起到很好的輔助作用,更多可以關注網站看下或者私信 @胡落陽


視頻可入門,文檔可精進,多練才是王道


大家推薦很多網站和書籍了,我想還補充一下,代碼要多練,親自上手敲,不要手高眼低。視頻可以用來入門,我推薦妙味視頻。書用來提高自己。這個假期html和css應該沒有問題。知乎上關於前端入門學習的回答很多,學會搜集信息。大家都很熱心的,有什麼困惑都會解答的。


我也正在學習html的一些基礎內容

慕課上的內容我沒有關注太多

不過我是打算按照書上的內容來學習的

——就是下邊的兩本書……

這是第一本

這是第二本

(假裝這裡有分割線)

這兩本書的編寫風格與市面上的其它書不同

畢竟本人就不是一個愛學習的孩子

目前第一本還沒有看完……

這兩本書對一些元素標籤解釋的還是比較詳細的。基本上每個例子都有代碼實例和結果展示。

哈哈 希望能幫到你!


html 和 css是體力活, 推薦先看個視頻, 這裡我推薦看李炎恢的html5教程 , 網易雲課堂上有 他的全套視頻 ,個人感覺還是蠻好的的 。然後再找本《html與css3權威指南》之類的書刷一刷, 做一做筆記, 然後一般是學一學 dom dom有本書叫 《JavaScript dom編程藝術》(不過我覺得可以先學js )。 再接下去是 javascript語言本身 這時候可以看一本書叫《JavaScript高級程序設計。

w3c的話,我個人覺得要麼看視頻學,要麼看書學,看w3c 太過於枯燥,看視頻的會讓人有種我會了的錯覺,我一般都是先看一遍視頻,然後再去看書 然後做一做筆記 不做筆記的話有些點會忘 。

我也是初學者 半年前剛開始學前端 剛剛把高程的前七章看完

http://www.jianshu.com/p/225dfdbaf622

這個網址裡面有我搜集的關於前端的各種資料


react,angular這類的框架或庫先不要碰。

html,css,javascript基礎。尤其絕大部分人連為什麼要非同步,回調怎麼時候執行,參數從哪來一點概念都沒。

dom,bom有哪些api,事件怎麼玩。

畢竟你不是急需工作,所以不要著急玩兒框架。

然後我想說的是,計算機基礎,不要小看計算機基礎!計算機之間大概怎麼交互,瀏覽器是什麼,能夠做什麼這樣。

慕課網的視頻可以,w3cschool的教程也可以。有問題上問答社區。不一定非的要書,關鍵是多練多思考。

小碼農的建議,以上


目前是開始學習HTML和CSS的基礎, = = 希望更上一層樓。 剛開始聽的時候都聽不懂, 好多時候都想放棄。。。。 不知道有朋友一起學習嗎, 我這裡有一份資料也順便發給你。。。 希望共勉 能時刻組團討論該怎麼成長。我知道 有的時候一個人是很難有動力的,我喜歡找組織能一起成長,我暫時有一份最基礎的前端視頻,希望共勉。有一起的私信把!!


其實最好的學習方式是進一家公司,從項目學起,

但有前提:

1.你得有最基本的基礎知識,對一些專業術語知道大概

2.進一家能學習的公司,當然了這個有一定難度,可以給你點建議,你是以學習為主,你得表明你的誠意,薪資都是浮雲,這個能不能進還得看看人品吧

本人南京,因工作需要接觸了蠻多的東西,現以web前端為主,unity為輔

如需要其他web前端幫助可私下找我


兩年前自學過最基礎的html+css,後來轉戰網頁設計!現在重新找工作遇到瓶頸,會寫前端代碼的待遇豐厚很多喲,於是在家看慕課網自學。因為之前有點基礎,所以看慕課網感覺非常好理解,也挺全面。自己設計了幾個不同類型的網站然後切片再寫成代碼。JS還沒開始學,感覺好難。

題主,加油,共勉!


這個暑假時間差不多HTML+CSS+學一點PS。

暑期完了之後會熟練的搭建或仿製其他小型電商/網站的靜態頁面就算學習成功。

一個建議是,經常性的F12,或者右擊某一你想了解的區域,點檢查。

Jim Jin 的建議是對的。

不過,我覺得應該把第一步中的javascript放在的3步,總共用6步。


首先我想說的是找個師傅能讓你少走很多彎路。技術類的東西都是有很多標準的,在你有些許基礎後,真正寫東西之前一定要把前端的標準看一遍,html,css,ecma


既然是入門,那麼培養興趣就很重要啦。

Udacity免費的入門課程 雖然節奏很慢,但是都很有趣,做完會感覺自己會一些看上去很厲害的東西。

HTML/CSS基本掌握,JS語法基本掌握然後就是找框架寫項目自己一點一點點技能點了


多看資料,然後感覺差不多了就兼職一些項目試試,一定要搶手項目,不然不好找工作


推薦閱讀:

關於網站前端開發在各個客戶端如何布局的問題?
為什麼前端不能一直做?難道要轉行??
非計算機專業,轉行做前端,入職準備?
大學輟學去自考本科可行么?
為什麼感覺跟自己期望的web前端的模樣不一樣?

TAG:互聯網 | 前端開發 | 程序員 | 前端入門 | 計算機專業 |