零基礎轉前端是怎樣一種體驗?

女性,21歲左右,大專學歷,非計算機專業現轉想轉前端,想問問大家轉行做前端的起因,及轉行的經過到現在在職的感受。


原回答是16年8月份的,看到那麼多人收藏+點贊,我有些惶恐,真的挺害怕給大家造成學前端很簡單的假象,這不是雞湯回答,我現在學習前端已經超過一年了,但是現在還是處於入門階段,希望大家不要被我帶偏,如果已經大三下零基礎還在考慮考研和自學找工作,我建議先去考研,計算機基礎知識不是短時間內能彌補回來的。

--------------------------------------------- 分割線 ------------------------------------------------

我覺得這個問題我可以回答一下。。

從開始到自學前端半年,現在收穫很多。

起源是大學前兩年半都在混日子,C++掛過兩次,java也是61分的水平飄過,c#大項目完全靠抱大腿,我的代碼水平可想而知了,後來大三下學期的時候(大概是2月中下)想到該找工作了,當時糾結於php和前端,因為我php有點兒基礎,但是感覺前端寫各種炫酷頁面很有成就感QwQ

後來被一個百度的學長拉進了前端坑(老是被他噴基礎差,理解力差,太笨,回家養豬吧,你畢業了最多拿4k工資,啊哈哈我現在實習工資就已經超過4k了),他告訴我能寫出淘寶首頁那種效果就可以進bat了,後來等我寫出來時我才發現他是在騙我QwQ,不過我是科班出身,計算機方面還是有一些基礎的,雖然混日子,但是耳聞目染多多少少會見識到一些東西,數據結構資料庫計算機網路這些當時還是都有學過,只是前端基礎沒多少,我看過w3school上面的css和js,jquery教程,只知道用用$,getElementById這些東西,還是基本看過就忘的那種水平,不過還好的一點就是我自制力不錯,計劃性也比較強,比如規定三天之內高效的看完這本書,一周之內學完這個東西等等,嗯,我確實也做到了。當然還要感謝慕課網!!!慕課網視頻真的很好,雖然很零碎,但是自己根據需求來看會比較有效,以後如果自己有成就了,一定要回頭好好報答慕課網。

我先做的就是刷完w3school的所有前端方面的教程,對於菜鳥來說還是挺有幫助的(現在回頭看還是不推薦w3school,因為在那裡養成了不注意代碼格式的壞習慣,強烈推薦MDN入門),看第一遍的時候對整體有個印象,可以將內容分成多少塊,第二遍第三遍就要開始細看,一定要邊看邊跟著敲,等全部理解後差不多就可以試著模仿一下w3school的首頁頁面了。

然後js方面我看的最多的就是JavaScript高級程序設計(第3版) (豆瓣),這本書我當時很認真很認真的用了三周差不多看完了,當時那三周真的很辛苦,每天去跑很遠去本部圖書館(因為信息學部圖書館一直沒有修好),早八晚十,中午能不睡覺就不睡覺,謙虛的說就是每天至少八個小時coding,用adobe reader和onenote記了很多很多筆記,也經常百度,不過看完之後真的收穫很大,對面向對象和DOM,BOM等等都有了初步的掌握,而且我現在還經常會回頭看這本書,每次看完都有不同的收穫,基本前14章全部都是重點,必看的(真心不建議直接看js權威指南)

之後我還看完了css權威指南,但是感覺對我提升不大,挺多東西在w3school已經看過了,真正對我幫助最大的還是慕課網上面張鑫旭老師的幾個視頻,後來我直接去他博客學習首頁 ? 張鑫旭,張鑫旭老師 @張鑫旭 的css水平是真的很高,這些讓我對css的理解上升了一個層次(其實很多東西我現在還是不理解)。

接下來就是css的實踐了,對我幫助最大的就是百度ife的任務了百度前端技術學院,提供了很多實戰的機會,雖然我只寫完了第一期和第二期的部分任務,但是著實讓我的css得到了實踐,好記性不如爛筆頭,多敲多記才是最好的方法,總之,ife真的很良心。

接著我就覺得自己css還算可以了,就想綜合的寫個複雜頁面嘛,於是我就模仿了聯想官網首頁,當時寫了整整兩天,寫的挺累的,現在再回頭看發現寫的很爛,裡面一堆亂七八糟的東西,組件化程度不夠,但是模仿的幾乎一模一樣,這算是第一次進行綜合練習,這裡我要推薦一個chrome的插件CSSViewer,真的挺好用。


之後,我還在圖書館借了《響應式web設計》這本書,由於內容比較少,所以兩天就看完了,結合寫ife裡面自適應布局的經驗,於是我開始嘗試著寫一些響應式的網頁。

不過因為是自學,沒什麼人指導(因為大家都很忙,才沒人會管你呢),學到這個時候就很迷茫,不知道接下來該看什麼了,感覺js水平完全不夠,寫的少,面向對象更是沒怎麼用過,但是後來無意中看到jquery插件開發教程跟我一起學JQuery插件開發教程,感覺很有意思,就去試著寫了寫,後來我把在慕課網上學到的輪播圖(這個代碼寫的我現在都不想看了)和全屏滾動分別寫成了插件,這大概也算是接觸組件化了吧。

這期間還有其他幫助很大的就是湯姆大叔的博客JavaScript - 標籤這些博客很詳細的寫了js裡面的各種坑,以及一些設計模式,其中js的模塊模式讓我印象最深刻,讓我見識到了閉包的各種巧妙用法,之間也看過阮一峰老師介紹mvvm,模塊化,非同步等等的博客。

之後就到了五月份,然後我想著這時候要開始找實習了(其實之前大家都開始各種找實習了,我知道自己的水平肯定不夠,就一直淡定的自學著),我想簡歷上就一個這頁面好像不大好,然後我就模仿慕課網上面的nodejs教程node+mongodb 建站攻略(一期)-慕課網,寫了一個響應式的個人博客系統,這也是我第一次接觸node,第一次真正寫ajax,第一次用NoSql資料庫(mondoDB),第一次接觸grunt,總之這個讓我獲益頗多,這個博客系統從設計ui(其實是直接抄襲了國外某位設計師官網的ui)到完成一共用了三周,現在感覺寫的極其......醜陋,當然,後來也是憑藉這兩個艱難的找到了人生第一份實習QwQ

六月份是因為有期末考試,所以基本沒有學習到什麼,不過這期間我還是在慕課網上學習了一下sass和compass,也看了requireJS,但是我寫的少(所以基本就等於沒學),這個時候我還重新看了慕課網上面c++的視頻,因為有js的基礎了,所以學起來很快,而且結合c++裡面的面向對象,指針之類的,也讓自己學到很多(c++大法好!!),不過我c++還是掛了QwQ因為沒去考試,直接得了0分,反正就是感覺這個月沒怎麼學東西。

到了七月份,我就愉快的去實習了,然後因為各種原因,我實習了一個月就跑路了=。=不過這次實習讓我對完整的網站開發流程有了很多的認識,雖然那裡比不上大公司,但是比自學好多了,我們是一家只有十幾個人的創業公司,但是老大真的很厲害,雖然他是寫php的,以前只會在node裡面用jade模板來渲染,現在知道還可以用mv*框架,當時我們用的是backbone.js,我也是第一次見到路由放到前端來寫QwQ畢竟自己太渣了,之前用的是express的路由,見識太少了,莫見怪。

之後就又開始瘋狂投簡歷了,雖然面了很多,也很多沒有過,但是得到了很多面試經驗,而且自從面了ruff後就感覺自己面試水平有了質的飛躍QwQ(面試官叔叔問的太詳細了)

目前又拿到了杭州某家和武漢某家的實習offer,現在在朋友的鼓動下,決定隻身一人去杭州(因為杭州實在沒有認識的人,感覺會很孤單,參加校招也不方便,所以求個杭州的小夥伴帶我飛QwQ),同時我也在準備九月份的校招,前兩天剛看完了vue的官網文檔vue.js 和博客園一位大神的教程 http://www.cnblogs.com/keepfool/category/845804.html ,也看了一下jQuery的源碼http://www.cnblogs.com/aaronjs/p/3279314.html,可惜馬上去杭州後就要從頭開始學react了。

之前那個學長天天噴我菜,讓我回家養豬,現在表示我的進步太快了,讓我繼續好好努力,然後我說是因為我知道自己很笨,但是我真的比別人都努力啊(後悔前兩年半荒廢了學業,真的應該好好學習)

看到樓上的回答,我想起來這個學長也是圖書館專業的!!他把上課的時間全部用來自學了,後來拿到了百度的offer,他們當年創過業,和他一起的還有個同院的艾老師(不知道是不是圖書館專業)是零基礎自學php的 你是否懂得我的堅持 所以我很佩服他,可惜他不在知乎,沒法邀請

接下來準備去實習(現在已經在實習了),然後好好學react,繼續學習node,複習數據結構和計網(這個真的很重要,多少次面試都是跪在這倆上面),本來還想有機會就看看bootstrap源碼,看看jquery源碼,甚至去學學設計,現在來看都要校招後才能做到了,總之,這幾個月的自學下來,感覺真的很累,把一天當兩天過是多麼辛苦,我想當時只有自己能理解,好幾次感覺身體被掏空,而且隨著學習的深入,發現自己很渣,需要學的東西還太多,找實習的時候好多次面試都是一面掛了,心疼自己QwQ不過面試的次數挺多了,總結就是,大公司對基礎很重視,小公司更重視各種庫和框架等技能。不能為了追求新技術而去學習各種框架,還是應該先把基礎搞好,如果可以,jquery源碼看一遍應該會提升很多。

最後,祝我好運!!!也祝題主好運!!!

對了,對於我這種英語渣來說,SegmentFault真的很好用!!!裡面的人都很熱心(對比知乎)!!!有興趣的同學可以加群:468273103 ,大家一起交流。

作為視頻補充,這些是自己看過並且覺得很良心的慕課網課程:

1、深入理解css系列:

CSS深入理解之margin

CSS深入理解之line-height_技術學習教程

CSS深入理解之z-index-慕課網

CSS深入理解之relative_技術學習教程

CSS深入理解之absolute_技術學習教程

CSS深入理解之float浮動

CSS深入理解之overflow_技術學習教程

2、css雪碧應用:

CSS Sprite雪碧圖應用

用字體在網頁中畫ICON圖標

3、sass:

Sass入門篇_Sass入門視頻教程

sass進階篇視頻教程

Sass和Compass必備技能之Sass篇

Sass和Compass必備技能之Compass-慕課網

側欄工具條開發

3、原生js系列:

原生 JS 實現幀動畫庫

焦點圖輪播特效

用JS實現放大鏡特效

JavaScript側邊欄信息展示效果

4、jquery

jQuery基礎 (一)

jQuery基礎(二)

jQuery基礎修鍊聖典

jQuery基礎修鍊聖典

5、組件

全屏切換效果_技術學習教程

阿當大話西遊之WEB組件

組件方式開發Web App全站-web app開發實戰教程

6、ajax

Ajax全接觸_技術學習教程

7、響應式

響應式開發教程

Bootstrap響應式布局

8、移動web

Hello,移動WEB_移動web建站

移動優先的跨終端 Web-慕課網

移動端的WEB相冊

9、node

進擊Node.js基礎(一)

進擊Node.js基礎(二)

mongoDB入門篇_mongoDB入門視頻教程

帶你學習Jade模板引擎

node+mongodb 建站攻略(一期)

node建站攻略(二期)——網站升級

10、vue

vuejs入門基礎

11、react

React入門視頻教程


滿足題主的要求,完全零基礎,高中畢業,做過各種打雜,體驗一點一點說吧。
先上個圖去年幹了啥。

不想打廣告,就抹黑了培訓機構。
=======================================
我沒讀大學,沒啥特長,在15年之前,做了火鍋店服務員,燈光師學徒,進過廠等不要任何技術的工作,後來確實感覺不學點東西,以後生活會不太容易。對電腦感興趣,說白了就是高中打遊戲比較多,想學電腦,和我爸媽都說過,當時他們都不反對,說隨你,但是我能看出來他們還是想讓我老實和他們一起做生意。

這個時候開口跟他們要錢就難受了,於是就像圖中那樣,去了上海,本著攢點錢回來報個班學電腦(當時我知道一個好友已經在學java,就叫他小龍吧,也是零基礎,在重慶學的)。個人不愛說話,沒試過銷售之類的工作,當時在那個個圖文店裡面本著想學點技術的,可是被辭退了,傷心的很,過後就沒心思呆在上海了,於是在網咖做了2個月服務員就回來了,回來的每天都難受,晚上做好多夢,一點方向都沒有。

當時手上就只有幾千塊,還是硬著頭皮找了家培訓機構問了下,本想學java,結果別人說前端好,當時也沒多想,本著能貸款那就好報了名。學費的貸款加一起一萬多,是有些貴,當時心裡還是有些難受的。但真正上學的時候,是快樂的,脫離了學校好幾年,又重新每天早起,晚上放學是快樂的,當時住宿舍,8個人很開心。有修車的,有理髮的,當兵退伍的,各種一起學前端的年輕人,很開心。真的,就是這麼萌[嘻嘻] . 來自天秤座hero 當時拍的小視頻。
我去學的時候沒買筆記本電腦,同學都有電腦,每天下午6點放學就走了,苦逼的我就只有趕緊去吃飯了拉一個宿舍的好友陪我去教室做作業,今天拉這個,明天勸這個,沒有人一起就一個人。
說實話,還是把事當事在做。後來實在不方便,跟爸要了錢買了個4000塊的LenovoE550C,但是拿來玩遊戲了,呵呵,還是有寫代碼的。

一直到4月才算正式出來了,總共加過年也才6個月,學的東西特別多,html css html5 css3 javascript less/sass jquery requireJs seaJs commonjs規範 amd規範 nodejs angularJs app混合開發工具appcan 編輯工具用的webstorm.全部羅列出來了,應該沒落。學的面廣,但不是很容易懂,但應付後面的面試和工作都是沒多大問題的。我們班上30個人,出來一周時間就接近一辦的人找到工作了,雖然說有的工資才3000塊,但也有7,8000的(坐標成都),但是這個培訓知識讓你入了這個門,這就夠了,後面知識更新很快,多半靠自己。

說說工作吧,以前乾的都是每天12小時 每月2天假的,不是餐館就是工廠、路邊,現在一下進辦公室還真的不習慣,一坐一天,雖說是家小公司,但加班少,周末雙休,還是挺舒服。
來了公司自然要做項目,記得在培訓機構也做了幾個項目,捕魚達人的網頁版(全js寫的),電影買票網站,電商網站,當時css、js全手寫的,沒用到太多插件。可到公司一看項目,當時還是有些懵逼的,一個項目十多個外部引用的js,全要兼容ie8,各種封裝好的js方法,感覺有些無從下手。
還好的是公司網路好,不懂得網上查,publicjs一條一條的簡單看下,也不是很難,一周下來就能寫項目了,當時還是寫的有些慢的(吐槽下:我們前端老大不給我介紹下我們用的插件,全讓我自己看)。

現在已經度過試用期,老闆說我很可以,要加油啊!
其實最大的感受就是,生活不再那麼迷茫了,變得有方向了。進公司一個月戒了煙,2個月的時候買了瑜伽墊,回家拿來了啞鈴,開始健身。陸陸續續買了一些好玩的,好吃的,我很開心。
==============================================
還學了mysql的簡單正刪改查,通過nodejs能夠搭建後台和實現路由功能。

前端找工作確實好找,如果你不怎麼愛學習或者吃不了苦的那就算了。我們公司前端也有應屆大學畢業生,還趕不上我呢,話說我九眼橋考的大學(100塊)。
ps:有人不太信教了那麼多,貼幾張筆記,如果還是不相信,那算了,我不想解釋太多,教的很多只是開頭,sass/less只教了2天,自己想。
8.5
angular

node

js原型 (忘光了已經)

html自己畫的思維導圖

拍了好多張,不想貼了,說推銷的,我也無話可說,呵呵噠。

兩岸猿聲啼不住,輕舟已過萬重山。以前我是那猿,現在我上了這條船。看,前方,這船好快。
==================================================
編輯於10月24日5點
寫自己經曆本來一點都不想打廣告的,但是這麼多同學都在問我,我還是說出來,畢竟我把覺得好的東西分享出來也沒錯,有說我變相打廣告的我就不再回復了。
我在狼窩學的,出來了才發現成都只要是做it的公司都有狼窩出來的,但也有學得不好的,出來轉行的。


多的不說了,學習還是靠個人,只要願意學,做啥都行。共勉!


我還想說一下,噴我的人是小狗,我只是想幫助更多的人。


這個問題我可以答。
先介紹一下專業。

1.為什麼轉行

本人圖書館學,本科是,研究生也是。就讀於圖書館學界的扛把子學校。
但是圖書館學的就業情況不是很好,雖然圖書館作為事業單位,有很多隱性福利,但是作為一名有志青年,總感覺把青春獻給這樣一個走下坡路的事業有點不划算(希望圖書館學界的朋友不要罵我,畢竟圖書館近些年也算是處於艱難轉型的過程中,而且存在很多事業單位固有的缺陷和槽點,我不看好這份事業希望能夠理解)。更何況自己對圖書館的工作確實提不起興趣來。於是就考慮轉行了。

2.什麼時候轉

我們本科的時候是開過網頁設計這門課的,雖然這門課的上課方式和教學水平被我們吐槽了好幾年,但是自己動手做課程作業的時候確實蠻感興趣,記得那時候還是用dreamweaver,也不懂表現、樣式和行為分離,oh,那個時候還沒學JavaScript,還沒行為,就只是HTML+CSS的靜態頁面。
後來大三快結束的時候開始考慮畢業的打算了,雖然在學校里做了學生社團,但是自己確實明白自己水平弱雞,找工作沒什麼拿得出手的實力,於是就考慮著考個研吧,再給自己三年的準備時間。那個時候也是考慮著掌握點技術,有自己的核心競爭力,否則沒有一技之長很容易被別人取代,更何況我是那種不擅長跟別人打交道的人,學點技術比較適合我。於是就確定了先考研,讀研的時候自學技術的路線。但是走前端這個方向還沒有最終確定。

3.怎麼自學的

考上之後就開始進了導師的實驗室,大概是15年4、5月份吧,也自己抽空正式學前端,最開始是跟著慕課網的幾個視頻,w3school的教程自己以前本科上課時學過,所以就沒有再仔細看,但是很多時候會去查一下。HTML+CSS很快就搞定了,JS跟著慕課網的話確實只是入了個門,很多東西都沒講透,後來跟同學聊,他說那些視頻質量不咋地,推薦我看《JavaScript高級程序設計》,於是就開始買書來啃,到年底的時候開始學jQuery,這中間因為要上課,還要做導師實驗室的事情,效率其實很低。

4.開始找實習

因為研究生只有第一年有課,我就打算著研一結束,也就是16年6、7月份就去實習。但是到15年年底的時候,在知乎上看到說是暑假的實習3、4月份就開始招了,也就是寒假一結束就開始。於是有點慌了,於是趕快啃高程,趕快學jQuery。
寒假結束之後,就開始準備簡歷,在Github上做了個Github Page,做了在線簡歷,寫了一個小作品,然後就開始投。一邊投一邊參加了百度前端技術學院,當時在微博上找了天南海北的不同學校的同學組了個隊,結果水平半斤八兩,而且都沒啥積極性,所以最後基本上就是我一個人在做那些任務,由於個人的拖延症,再加上水平不濟,只做了一部分就做不下去了,但是這個過程確實給自己很大的提高,這段時間應該是我眼界、水平、效率提高最快的時間了。
做任務的過程中實習的面試電話也慢慢開始來了,大多是不咋地的公司,好公司大多沒過得了簡歷篩選……在面試的過程中也認識到自己的水平有多差。

5.實習·提升

後來6月份就來了上海開始正式實習,好在公司要求不高,工作基本可以搞定,開始學習AngularJS、接觸前端工程化的一些東西,雖然自己基本可以完成工作上的任務,但是在工作的時候還是注意去使用新的技術,接觸新的東西,不斷提高自己,到現在已經實習一個半月了,這段時間是第一次純粹地全身心地投入到前端中去,有的時候睡著覺也會模模糊糊地去想一些工作中遇到的問題。這段時間天天寫代碼,系統性地看書地時間少了,但是在工作中遇到問題查Google、查stackoverflow、查文檔、翻技術博客的時間多了,也算是提高了自己解決問題、debug的能力吧。所以雖然公司的前端水平不高,但這段時間自己的能力也算是有了一個大躍進。但是學的越多接觸的越多,也就知道自己的水平有多麼差,不懂的東西有多麼多。

6.關於以後

實習還有4個多月,希望自己能在這段時間裡搞定grunt或者gulp,學透AngularJS,搞定SASS/LESS,搞定require.js等等,還是任重而道遠。

7.一些建議

自己學前端一年多了,也勉強算是成功轉行了吧,如果有同學也想轉行的話,我有幾個建議:
1.一定要喜歡,不喜歡的話轉了也沒用,至少不能討厭吧,我有一個同事就是不喜歡,導致他很多時候沒多少熱情學習新技術,嘗試新特性。
2.抓緊時間提高效率,前端入門很快,但是千萬不要學了一點東西有了一點成果就沾沾自喜,其實那些東西很多人一個周半個月就可以搞定的,一定要快速地推進,前端要學的東西很多的。
3.打好基礎,找對方向,有了困惑和問題不要自以為是,看看別人怎麼說,方向錯了再怎麼努力也沒用。
4.早點找實習。


這個問題我剛好可以回答一下~
無非就是:自律,自學,善用搜索引擎。。。然後你就成功轉前端了

我就說說自己是怎麼入門的

CSS和HTML在慕課網上過一遍,開始臨摹頁面。(嘗試臨摹不同類型的頁面,如果一開始寫不出來,比如我就是,我是找別人的demo,直接參考別人的代碼去寫...)

JS入門推薦JavaScript DOM編程藝術

如果你沒有找到練手的項目,可以去ife,baidu,com上練手

PS:之前做的網站運營,從今年二月開始學的前端,四月份入職到現在……

這是我前不久寫的滑動日期選擇插件O(∩_∩)O!請多指教
xinshou-xuexi/slideCalendar.html at master · zuluoaaa/xinshou-xuexi · GitHub


這個問題,我覺得我目前可以回答50%,但是時間關係我只能大致談一談,明天有空繼續更。
我已經自學了1個多月!感覺方法和資料選擇還是比較重要的吧。反正我現在能仿寫絕大多數靜態頁面了,百度啊,新浪,QQ註冊這類的。慢慢用盒子模型套,總會還原的,只是時間問題。
已掌握html5+css的知識點(不包括CSS3和canves),JavaScript已學習一個星期。同時也學伺服器,搭建開發環境,後端PHP(只是了解,心裡有個數,以後工作肯定得會的,目前不急)
我的建議是你先了解前端開發是什麼,那些技術需求起什麼作用。心裡有個底,知道以後工作中哪個是重點。至少html5+css+JavaScript這三個傢伙到底能幹嘛?布局,樣式,交互指的是什麼。
可以給你推薦下我的學習資料來源,
1先看傳智播客對html+css最基礎那個60個視頻的課程,基本兩到三天就可以看完。然後心裡就有方向了。這個時候你要想清楚自己是不是喜歡前端,興趣很重要。
2接下來看千鋒那個html基礎,只有26個視頻,但是全部是例子,跟著做,每個例子都寫好,分類,我花了一個星期看這個。(這個我真的是嘔心瀝血推薦,由淺入深的例子,和課後留的思考,自己下來一定要去網上查資料弄懂。)
3.找傳智播客上有個叫8小時學會html5,這個視頻主要講h5新加入的標籤,以及定義。其中他會提到canvas,這個還是學完JavaScript之後,再來學就很快了。
4.認真學完前三個,你就可以開始大量練習下,找網頁來寫,基本上一天專心點,可以寫一個。後面會越來越熟練,一個星期寫滿10個,差不多也就鞏固了。這裡推薦先做百度頁面的仿寫,不懂得地下F12查看下別人是怎麼布局,最後建議仿寫QQ註冊,大量的反覆div套用。不懂的地方可以查看"w3c"裡面的標籤和解釋,靠自學轉行的程序員,以後工作中不會遇到問題就懵逼,學習自己解決。
5.可以開始JavaScript的學習,及其前端相關知識,這裡我還在研究哪個資料好.&被稱為每個前端程序員必看的書,但是我覺初學者還是先保證入門,要提高的時候再來看這個,所以目前暫時沒有發現哪本書比較好。
(這裡的步驟我會持續更新,因為我現在也放慢了學習進度,敲代碼的時間較多)

if(reallike){
everything is easy!
}
else{
get out!
}
最後說下,我以前學機械。做了一年了,6月份辭職回來,才開始接觸前端。感覺要正式踏入這行,開始工作,估計需要半年的時間。希望有志同道合的朋友多交流。另外那些資料如果不知道怎麼找,可以私信我。
看著我默默打字的份上,親點個贊吧!

------------------------------------------------------更新下----------------------------------------------------------------------------
最近主要是在學習,伺服器,開發工具,和以後做項目時需要用到的一些軟體。關於資料的問題,終於給大家整理好了。我的百度云:http://pan.baidu.com/s/1eRGSUNC 密碼:1nia
資料的備註我都改好了,一看就懂。(傳智博客的60視頻我沒有下載這裡直接給鏈接好了:前端與移動開發基礎視頻)另外給了三個壓縮文件sublime text2,webstorm phpstorm開發工具,word文檔是安裝及破解教程,另外關於環境搭建和伺服器的知識我還在總結中。最後提一句好多人問怎麼你也是機械轉互聯網啊?看鏈接吧為什麼如此多學機械的同學都想轉行? - 污男的回答,都是淚!
創建於 2015-03-13
著作權歸作者所有


額,我不算零基礎,我算有基礎轉的前端,之前做的是一堆別的工作,寫過c++彙編javac#什麼的。
現研發總監是零基礎轉的。。。他本科讀的經管。
然後現在工資怎麼也50k往上了吧。。。
所以,我覺得,轉行第一看興趣,第二看堅持。他現在網路啊數據結構啊計算機體系啊os什麼的都還不如我,但編碼能力大約甩我一百條街多一點。


資料鏈接:
http://pan.baidu.com/share/link?shareid=2638229323uk=2477117927
太忙了沒空給大家私發,大家自取。
如果再失效可以加我百度雲id 黃努努_(下劃線)
當然,還是希望有能力的人,支持正版,妙味課堂官方的好像是198VIP群。沒有能力的,有合適的機會可以幫忙宣傳一下。
我在找工作的時候在boss直聘上看到妙味課堂招聘講師,怪開心的,還和HR道了聲謝安慰自己。
----------------------------------------------
今天是我第一天上班!說說自己的經歷吧!15年底北京的一個Java培訓機構到我們學校招生,誤打誤撞就進去了。
16年初來北京上課。比起業界有名的達內青鳥什麼的,我們培訓班算是非常負責了。老師也很盡心。
即便如此,依然改變不了培訓班不是一個好的選擇和培訓班裡的大部分學生質量都很低的事實。
進入培訓班後,基本上就註定了未來在互聯網這個行業(對於我)。所以會對自己未來的路更明確,想的更多。
因此上了一個月的課後,腦子一熱。淘寶2元買的資料,開始自學前端。和老師打個招呼不聽課自己學習,以此表示尊敬。
不逼自己一把,你永遠不知道自己有多優秀。開始學習前端基礎,會對一些新的知識非常強烈的渴望,聽說jQuery比原生更簡潔?聽說Ajax可以傳數據?JSONP可以抓其他網站的數據?當時的狀態是對這些新名詞具有強烈的渴望!
後來接近畢業回校準備論文答辯,別人都在玩,我依然在學,一直學到交定稿的前兩天!
要知道,在這所本就垃圾的大學裡,沒有意外的話我是穩穩的倒一。一不學,二愛裝逼。僅僅不學的人一般是不會倒一的。
後來六月底回到北京,他們開始上課,我就一邊做些完整的東西面試好用,一邊找工作。
要成功,先發瘋。當時我真是瘋了。我並不是一個心態好的人,我也不能去定義哪些心態好的人每天吃喝玩樂的選擇正確與否,但我可以肯定的是,較差的心態確實讓我比別人付出的更多。明明可以跟著主流走,非要裝逼自學前端,五十多個人偏偏就一個特立獨行,學的好也罷,學不好只會被人罵成傻逼!
幸好,最終還是在7月底找到了一份不錯的工作。
有一些感觸很深的事,可能和題主無關,想到就寫一寫。
我是一個有自己的思想不善言談不會來事不會撩妹的人。
因此和老師的關係比較一般。
偶然在上課期間提示了一下老師關於前端的知識,並且自身比較勤奮,因此得到了老師的好評,並且幫我推薦留在培訓機構,其實他並沒有見過我的作品並不太了解我的真實水平。
後來一些原因沒有留下,自己也找到工作了。臨走時和他說了一聲謝謝。他主動找我要了聯繫方式,說也許以後還有合作的機會。要知道這可是一個年近五十不差錢來教書養老的半老頭。
當時我真心感謝大城市的好,在這裡,我不會說話不會處事,雖然上限有限,卻僅僅憑自己的努力也可稍許的得到別人的認可。
關於找工作,對於我們這樣一般素質的人,沒有項目經驗,工作真心難找的。不知道這和我樸素簡歷有沒有關係。
我大致的定義一下「素質一般」。
有許多優秀的學生,不會像我們一樣到了畢業才著急。而是在四年的時間裡有規律平穩的提升自己的。並且在校期間往往有一些拿得出手的項目經驗或者實習經歷。
此處的「素質一般」,大致是比起他們的我們。
個人認為,在技術並不是和公司要求特別懸殊的情況下,良好的綜合素質和核心價值觀,才是能否找到工作決定性因素。
建議的話
1,自學很苦,真的。如果沒有經濟保障可能會更苦。
2,要對自己的數理思維有一個判斷,不要求好,但真心不能差。
3,可以像我一樣不會說漂亮的話,但是不能沒有自主的思想以及表達自己見解稍許的口才。
4,無論前端後台,新人爛大街都已經特別嚴重。缺乏2可能會一輩子當碼農,缺乏3找工作會比較困難。
5,慕課網有許多精品課程,但個人覺得不成體系。用於輔修,不要當主線。
6,如果需要資料可以私信我,不過我用的資料稍顯老。
以上,祝順利!


重要提示:本人不再接受任何人的諮詢,謝謝,如果要諮詢我,我需要收費,想免費的請繞道,感謝! 我的微信 13145870132 。

我建議什麼樣的人轉行前端呢?1:英文能力比較好,像英文不好的我確實很吃力。2:學歷越高越好,這樣你就能處理比較複雜的邏輯,最好是二本以上。3:對自己現狀迫切需要改變的人,而且有不到黃河心不死的堅持!4:確實是喜歡前端這一行,就像男孩子對女孩子喜歡那樣子,否則也堅持不了啊。

說個反例:兩個月前,有個初中畢業,在餐館做過兩年服務員的來諮詢我怎麼學前端,當是我哈哈哈的大笑,我問他為什麼學前端,他說,他學了幾天java,覺得太難了,想著前端簡單些。後來,我把他刪了!

這個問題,我想回答一下

我是真的零基礎,「前端」這兩個字之前我都沒有聽說過。為什麼轉行呢?因為工資高,這個是主要原因,可能知乎上的人覺得一個月沒有一萬,那還能活。其實很多底層的工作工資真的很低,基本在3500以下。現在社會供大於求,工資真的很低(我說的是很底層的工作)。
其實前端入門真的很簡單,我說過,一個正常人兩個月完全可以上手做一些簡單的工作,比如切圖,這個是外包公司主要做的事情。只要你會html,css,簡單的JS,就可以勝任這份工作。二個月完全可以。難的網頁動畫特效我們通常是用jquery插件,很少手寫的
我對想轉行的人說,相轉就轉吧,不用怕。
怎麼入門,我建議大家不要上培訓班,那些大部分都是騙人的,剛培訓完就能拿7,8千,上萬是最低目標,他們怎麼不去搶?想入門前端的同學千萬不要首選報培訓班,坑死你不償命!因為你要交學費,大概是15000,這個真的不是個小數目,萬一你對前端不感興趣,那不是白白的浪費了半年時光,還搭進去了幾萬塊錢,得不償失啊。
我是通過w3c的課程來學習前端基礎知識,然後就是看慕課,網易雲課堂的免費視頻學習相關知識,他們的水平真的很棒,而且還不要錢。跟著視頻,w3c的案例,自己照抄一遍,敲一遍就可以了。這樣,你就可以出去找工作了,現在大部分公司都不要沒有經驗的,後來偶然得到一個機會去工作,在公司主要是做切圖,從不知道插件到已經能夠找插件使用了,基本上很少手寫,因為公司要效率,確實積累了一些經驗,比當時小白的情況強多了。
其實在公司呆了半年以後,基本的業務都熟練了,再往後就沒有提升了,由於租房的原因,一直干到現在,我打算今年過完年,就辭職,找一份新的工作干,讓自己能夠有所提升。
其實有的前端工作你沒有嘗試過,你還就真的不會做,有的需求你都沒有遇到過,你怎麼可能會有解決的方法,你說,是吧!我舉個例子,ajax,你工作中就從來不需要使用ajax,你從來沒有用過,你怎麼可能會處理關於ajax相關的問題呢,除非你是神,解決問題的關鍵是基礎,但有些問題你從來沒有遇到過,我們拿什麼來解決?經驗樹都是一個一個打出來的。

基於上面的原因,我準備離職,找個正經的前端工作來干。我建議入門的同學可以找個外包公司乾乾,但不要太長時間,因為你遇不到太多的需要,難以提升。

我覺得,要想提升自己的能力,只有動手才是解決問題的唯一辦法。只有你親自去做了,個中玄妙,你才能掌握。一般的js動畫效果,要會做,那些花里胡哨的效果,其實不會做也可以(誰能保證自己每個動畫效果都會做呢),比如常規的輪播圖,tab導航切換,圖片懶載入,ajax,圖片瀑布流布局,日曆,動態表格,彈出層,表單驗證,放大鏡,城市選擇三級聯動,數據的傳導過程(從哪兒傳到哪兒,怎麼獲取數據,顯示數據)等等,這些我舉的例子,你要會做,並且是使用原生js做,工作中能用插件就用插件吧,要是你自己能封裝插件也可以。

知乎上前端大牛很多,其實他們講的我很多都聽不懂,我猜測可能是層級差距太大了吧,聽不懂這些大牛的東西就聽不懂吧,千萬不要逼著自己去搞懂,差距太大了,你想懂也是懂不了的,比如,論一個網站的前端架構優化方法,哎,算了,還是先把這個demo實現再說吧。

最後,講真的,我是一個生活中很少敲代碼的人,真的太懶了,我總是喜歡看視頻,看別人寫的代碼,經常看不懂就放棄了,現在反思這就是我的水平一直不行的原因。

如果你想提高,請多敲代碼,直到搞懂為止。多動手敲代碼,不要只看! 多動手敲代碼,不要只看! 多動手敲代碼,不要只看!這也是我今年打算改掉的毛病。

你如果想要入門前端,要真的喜歡編程,起碼不討厭,要是為了錢,你會很痛苦的,人與人的差距真的天差萬別,認清自己的位置,一步一步的走。想入門,就入門吧,沒有什麼可怕的,大不了就百度,谷歌查唄。

我人在深圳,最近想換工作,有在深圳的知友要是不嫌棄我的水平低,也可以一起討論前端知識,謝謝

感謝知乎,讓我能有一個機會表達我的一些想法。


決定學前端之前,先搞清楚為什麼轉前端吧?
如果是基於以下理由,那麼建議要慎重選擇了
* 前端簡單?
* 不需要什麼基礎就可以學?
* 工資高還輕鬆?
* 需求大,好找工作?
* 入門快,能夠短時間就學好並就業?
* 不了解,聽說學前端得到拿到高薪了?
* 等

首先說說基礎:
與其它類的編程職位相比,前端看起來的確更容易入門。
* 開發環境簡單(對於剛入門的同學來說,好多死在開發環境的搭建上),對於前端來說,一個瀏覽器,一個編輯器就搞定,就可以做出東西。

* 語言的學習,css/html與C、C++、Java等相比,真的簡單了不少,至少語法上的學習就能輕鬆不少,有點學習能力的人就能學會,Javascrip又是一門動態類型的腳本語言,語法雖稍有古怪,但也學會使用還是挺簡單的。

* 庫,不得不說,現在好多公司還是html+css+javascript的開發模式,一般庫使用Jquery即可,而且Jquery比Javascript語言本身還要簡單,所以學會使用Jquery 即可上手。

從上面三個方面來看,其實學前端並不難,但如果你想學好並拿到高薪,那可就不是那麼簡單了。上面的只能說基礎的基礎,到技術好一點的公司,可能實習都不要。

前端這幾年受到這麼多的關注,與其飛速的發展是密不可分的,NodeJS、各種構建工具、前端框架、集成化的開發流程,每一樣都不斷的發展,每一樣都得不斷地學習,不僅如此還得融會貫通,和自己公司相應的產品結合。

為此你就需要:
* 保持好奇心,時刻關注新東西
web社區太活躍,新東西層出不窮,不知道什麼時候就出現一個時代性的產品,而優秀的前端往往能事先感知到並提前收益。

* 看清事物的本質
許多的技術都有相同的技術背景以及基礎,只有看清了才能靈活應對萬千變化,這部分如果沒有一定的計算機基礎以及經驗是很難做到的。

* 拓展自己的技術視野並實踐
前端發展的過程中會從其它領域借鑒許多優秀的想法,所以說也很有必要拓展自己的視野,從多個角度去看待前端。

如果看了上述列的幾點,你還依然覺得前端適合你,那麼就開始你的前端之路吧。


女生做前端沒什麼不好的,但是!零基礎得多零基礎?英語都不會?那真的不要來轉了…
認識一個人英語不好,不好到什麼程度呢,就是一個英文網站的註冊提示信息都不知道啥意思,關鍵是他還不願意查單詞,經常很low逼的直接問別人…我反正無限鄙視,並沒有別的意思,就是鄙視這種伸手黨還不停伸手的人…

然後去了培訓班,寫了兩年經驗,投簡歷的時候,一天投200多個,還寫了自己2
年經驗,結果也就兩三個面試,而面試的看到本人後稍微一面試就知道水平深淺了,2個多月了,現在還在找工作…

前端已經飽和了…那些說前端這個好那個好的都是培訓班,要不然是一些平台寫的軟文,反正我聽說的各種類型的培訓班都在開設前端,而且每個班60+人以上,每個月有班級畢業,目前為止,就那達內,傳智播客,智能社,妙味課堂,尚學堂,藍鉛筆,火星時代,等等等等…假設有20+多家機構,每個機構大概北京一家,上海一家,深圳一家。相當於60*20*3*12=43200每年光培訓班就有4w人還不算上自學的,還有在線上學的諸如優學堂,飢人谷等…

互聯網公司去年很火,今年行情很爛,零基礎生存更難。大神當然不怕了,但是大神一般要不到高工資,缺乏口才


[原]先定一個小目標?再去學習? 可以看看這個的


零基礎轉前端,學過簡單的 html 標籤應該算是零基礎吧哈哈哈哈~,先佔個坑,找個時間來答。

***********************************************不一般的分隔線************************************************

來講講我的經歷。

很多大學是不會開設前端的相關課程的,我的母校也一樣。在大二的時候有個專業課老師帶著我們學了一些基本的 HTML 標籤,除此以外,對前端一無所知。

雖說從大一的時候就開始在外面的公司實習,但是做的跟前端幾乎沒有沾邊的。一直到大三下學期,我未來的職業規劃還是做一名 java 開發者。

轉折點在大三下學期的實習。

由於成績還不錯,綜測績點都在班級排第一,有機會可以保研。但是因為同專業其他班級的同學的成績更為突出,所以我要做好工作的打算,所以通過老師的介紹,到841所去做一名實習生,做的是 java 相關的。但是因為涉及到的東西是機密性質的,作為實習生,基本沒有接觸的可能性,所以基本也沒學到啥。

再一次無意間跟帶我的同事聊天的時候,他跟我聊到了 Node,哇,從來沒聽過的東西,在好奇心的驅使下,我就去試著了解了一下,就接觸到了JavaScript。然後,就有一種神奇的感覺,竟然有如此靈活如此有趣的開發語言,然後就一發不可收拾地找各種學習資料學習。

很慶幸在學習的路上,我遇到了很多可愛的同事和朋友,他們對我的的成長給予了莫大的幫助,讓我能再短短半年的時間內,迅速的從一個只懂得 HTML 標籤的純小白,成長為一個可以單獨負責項目開發的前端開發者。

說實話,在學習的過程中,幾度要放棄,但是還是堅持了下來。

要是說在這個過程中的體驗的話,對於我來說,就是目標薪資的變化。

在轉前端之前,我的目標像很多人一樣,畢業了能拿個比其他同學稍多工資就很不錯了。在轉了前端之後,特別是在經過了幾個月迅速提升之後,我的目標薪資已經變為大幾千了。在畢業不久前,手握多個 offer,選擇了出價最高的兩個公司的其中之一,五位數。

作為一個雙非、普通高校的計算機應屆畢業生,在大四下學期之前我從未想過,這甚至是我曾經夢想中工作幾年後的薪資。但是轉行前端,讓我的夢想提前實現了,感覺是啥?一個字:爽。

人工作是為了什麼?別跟我說你是為了理想,為了夢想。

一切向錢看,不是嗎?

要說現在工作的體驗嘛,能做自己喜歡的事,還能賺更多的錢,難道不是更開心~

但是別忘了,除了工作和鍛煉,不要只顧著玩手機啦~

我們還有書和遠方哦~


雖然我不是從零基礎開始(科班出生),但是看過很多零基礎的學生自學成材。分享點經驗。

前端作為程序員界入門門檻最低的方向,轉行還是非常有希望能夠成功的。

如果你是自學轉行,我有覺得自學成果有兩個要素:

  1. 自學能力(能把自己的問題總結出來,重複利用網路查閱資料,解決問題的能力)
  2. 恆心(自學容易懈怠,能時刻提醒自己,一直堅持下去)

如果這兩點都練就了,可以說不光是前端,任何領域你要想自學進去,都是可能的。

下面說說要學習的相關知識點:

  • html+css 這些基礎沒什麼好說的,要非常熟才行
  • javascript(閉包,原型鏈,繼承等要會,最好學點es6/7)
  • 跨域,ajax(算是javascript的基本應用吧)
  • Node.Js要懂點
  • web compontent
  • 一定的工程化工具和思想(什麼你說你GIT不會?瀑布模型不了解?)
  • 一些前端中的邊角問題(瀏覽器兼容,移動端適配,響應式布局等)

學習經歷來說,前端學習曲線是先平緩再陡峭再平緩。

在學習曲線變陡峭那一段,很多人卡在那裡。所以就有了我們現在看到的:一堆初級前端找不到工作,一堆公司招不到前端。公司要的是經歷陡峭之後的那些人。


就入職體驗來說,目前來說較為平和。工作中沒有太多的挑戰,反倒是自己私下學習新東西時,會有點挑戰。大公司的比較其他程序員,還是較為輕鬆(至少不怎麼加班)。工資就我個人起薪15k(一年14-16薪,就不在知乎平均月薪30k大神面前班門弄斧了),晉陞空間取決於自己的學習能力。


點贊加關注,乾貨持續分享中


我也算是轉行的,本科和碩士都是電子通信工程類專業,最後半年找了一個做前端的實習,然後就入行了,我不算太0基礎,畢竟有編程語言基礎,只不過在前端思想上屬於0基礎,但是我讓上司看中我的就是思想,態度,學習能力,我實習第三個月里給上線了一個產品,三個月結束,轉正


我是網管轉的前端??
大學學建築設計的而且沒有讀完
去工廠打工了大半年吧 我那時候做夢都是找個坐著上班有空調的工作
後來自學了一個月 看了一些計算機相關的書 然後去應聘當網管了 網管就我一個人 管著50多太機子?? 和IT狂人的劇情差不多 工資2000左右 相比上一份在工廠裡面的工作 加了200工資 坐著上班 有空調 還有2太電腦隨時用 覺得特別滿意
後來公司來了兩個開發的吧 一個也是前端 是實習的那種 但是他實習都能2500 而且比我輕鬆 老闆對開發人員說話的態度都好很多
我就不服了 然後我就開始一般上班一邊學前端吧 混了一段時間的慕課網 後來就開始在公司裡面寫前端代碼
今年4月開始在深圳這邊上班 第一節家公司過啦試用期我沒續簽 我覺得學不到什麼 因為只有我一個程序員 後面去了另外一個公司 和Java後台配合 學的東西蠻多的 然後帶一個剛畢業的實習生 但是我只做了一個月 因為公司養不起兩個職業前端吧 需要把我的崗位換成PHP工程師的
上個月我就來了廣州 現在在廣州越秀區上班


經歷這麼多 我只能說 剛入門的時候會真的辛苦 但是沒有辦法 只能去搏命


學習的話
一直都是慕課網吧 加了很多前端群 有幸認識一個前百度的前端大神做我的師傅 我師傅他並不會教具體的技術 他一直都是指路一樣的人


我遇到問題
一般都是思考10分鐘 我現有的知識量能不能解決 實在不行就去百度 百度找不到就去群里討論 以我現在的水平基本上百度能搞定 所以我很少在群里提問 反而一直是解決別人的問題 這樣也不錯 幫助了別人也幫自己加深了記憶


---- 9月6日更新 -------

答應跟新找工作過程,最近一直忙項目,木有時間,今晚抽出一點時間來跟新下:

因為是自學,所以我照工作時候跟很多同學一樣迷茫, 不知道自己什麼水平,不知道工作中具體項目是什麼樣,不知道正常的開發流程, 還有很多東西都是一知半解。
因為自己已經脫產學習已經進近6個月了, 所以硬著頭皮做好簡歷開始投簡歷了!(我的簡歷上唯一的經驗,就是寫了在老師的工作室工作了6個月,跟著老師做項目。//話說我這麼說都心虛,那些偽造一兩年經驗的你們是這麼做到的,不怕下不來台么!)

我一共面試了四家公司,一家做日本外包, 一家掛百度旗號的外包, 一家掛騰訊旗號的什麼科技公司,再有就是ibm.

面過了兩家,一家是掛百度的外包,這個主管是我的老鄉,233, 好親切的說, 他居然技術問題啥都沒怎麼問,就叫我第二天去上班了, 去了就是切圖啊, 把我交給一個女主管, 給我一份psd的圖 讓我兩天之內切出來,說三天內完成不了不要我了。第三天我也沒切完,第四天我主動打電話不去了,然後主管說給我調崗,去寫PHP 怎麼樣。我拒絕了!

做日本外包的也是 拿個psd圖問我多久能切出來, 我說一天,然後就給我pass了。
掛騰訊那家,就問了我一個id 和class 的區別,就沒有然後了!

後來去了 IBM, 面IBM 的時候 就正規好多了,始終是大公司,先是筆試, 然後是技術面試,然後是經理面試。

筆試題 都蠻簡單 ,我覺得幾乎都答對了。一面主要是技術和英語,也就問了一些挺簡單的東西,布局,和簡單的dom操作,還有一些html5的新特性。我覺得加分的是當時自己做了個靜態網站,
一個主頁和幾個二級子頁,加了些炫酷的效果, 讓面試官眼前一亮,因為那個面試官不懂技術,就拿給懂技術的看,說快看,她做的。 然後技術面試官,就問用了什麼技術,怎麼實現的。
然後就是英語,我英語真的太不自信了,我也很誠實,就說自己英語不是很好,他說試試,然後用英語問我為什麼轉行,為什麼對前端感興趣, 我磕磕巴巴的擠出了好幾句話,也不知道他聽懂沒。然後點點頭,然後給一份英語文件讓我翻譯,大多都翻譯出來了,有些詞還是不認識。然後他就說差不多了,專業辭彙可能不認識。然後讓我回家等通知。第二天就二面了,經理面試大多問個人情況了。過了後等hr通知我入職時間。

感覺自己在寫流水賬,也不知道怎麼精簡, 也不知道大家想知道啥,寫出來 大家覺得有用就繼續看看,沒用點反對也沒事,當自己記錄下我一路歷程了。或者大家想知道哪些細節我單獨跟你說吧。

去了IBM 待了六個月我就跳槽了,又進了另一家外企, 知乎小夥伴內推的。 現在在杭州還是一家外企。 2333 英語這麼差 !卻一直在外企混著。

話說我工作中還是遇到不少問題,解決方法自己查,查不明白問同事,同事也說不清楚的就就知乎問大神。 推薦@謝然 大大啊,他前端技術很厲害,懂的很多,認識他一年多,每次問問題有問必答,工作中幫我解決大大小小的問題數不清了。要換工作的時候,還特意給我他們公司的面試題給我講解。這麼好的師父哪裡找! O(∩_∩)O。
他最近要開班,不想自學的小夥伴可以找他 @謝然 談談!他QQ285696737, 當然你要是有什麼技術問題也可以問他。有問必答的!

半夜碼字 ,好睏,大家有啥問題可以繼續評論區留言問我! (~﹃~)~zZ


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

下面更新下我學習的過程:

我剛開始轉行的時候,第一是不喜歡當時自己的工作,然後就是對電腦方面的東西感興趣,
接著就謀生了想要學習這方面知識的想法。
前面很多我自己轉行的各種亂七八糟的彎路就不多說了,要吐槽起來其實蠻多事的,說下我真正了解前端了以後的學習方法吧:

對,你們說的沒錯我報班了,當時學費是13000,後來給我打折了! 還有更貴的15800!
剛開始學習:ps ai flash dw fireworks (現在想來 只能呵呵)
唯一有用一點地一門課叫: div+css (因為這門課,我才真正踏入前端的學習)
後來還開別的課:資料庫 java PHP (沒這麼去上,都是自己在學前端了)

因為div+css 的課我是半路插進去的,所以聽起來有點吃力,但是還是勉強能聽懂,所以打算回家自學補一下。然後就上網搜資料,然後就來到知乎,然後就真的找到好多內容,然後就知道前端這個概念,然後就開始學習征程。

插一句,知乎真的幫助我很多,我在知乎上提問過,很多前端大神都認真給了建議,小夥伴也都很熱情的奉獻自己收集的資料!謝謝當初給我指引的那些人!
好廢話太多了!

一、學習篇
1.html
就是下面的鏈接!我沒買書,最開始就是跟著前兩個鏈接的教程,看完自己跟著寫一遍。後面一個就是平常查閱(一定要自己寫一遍,每個例子我都跟著寫了)
HTML 教程
HTML 教程 | 菜鳥教程
HTML(超文本標記語言)
2.css
其實 培訓班上的div+css的課程已經打下一些基礎的,然後跟著老師也寫了不少簡單的東西,所以css2自己其實也沒怎麼自己私下去花太多時間。後來是花挺多時間在看css3上面:
十天精通CSS3_技術學習教程
http://www.imooc.com/u/114832/courses?sort=publish (慕課網上這個老師的視頻我全看過,而且是不止一遍,有的課程跟著寫過好幾遍,直到自己全部弄明白為止)
CSS3絢麗照片牆
CSS3+JS 實現超炫的散列畫廊特效
Flex 布局教程:語法篇
Flex 布局教程:實例篇
3.javascript
JavaScript視頻教程 (這個教程有點舊了,但是js入門非常好,講的幽默詼諧,不枯燥,反正我剛開始看書看得一頭霧水的時候轉看這個才明白挺多技術點,也反覆看了好幾遍,而且也是一段代碼不漏的自己敲了一遍);
《javascript 高級程序設計第三版》 沒有看完 但是前幾章也反覆看了幾遍 而且每次都會有不一樣小收穫
慕課網的系列教程 都過一遍:
JavaScript入門篇
JavaScript進階篇
JavaScript深入淺出 (要是看書看枯燥了,這個視頻真的很推薦,對加深js作用域、閉包、原型鏈等的理解非常好)
JavaScript | MDN
這就是我當時的大概的學習路徑和資料,別看這麼點,這個過程是很枯燥的,我屬於刨根問底的那種,看視頻里講的每個知識點,我都要弄明白才繼續跟著寫下去。有的視頻教程我會跟著寫好幾遍!跟著寫好幾遍!跟著寫好幾遍!不要認為自己看懂了視頻講解的或者是看懂了書上的理論就覺得叫掌握了。要是你一直這樣學習的話,危險了! 等真正讓你上手寫個小demo的時候,無從下手了!你只有真正動手去敲過,才能叫掌握了。當然不是說你照著寫了,就會了,還是得在理解所有原理的前提下。

對以上這裡全是在學習階段,照著別人代碼寫的階段,還沒有自己的項目,真正屬於自己的作品!
但是你要跟我一樣真的都跟著照做了,反正進步會很大的!

就先更新到這裡了!
有空再更我找工作的過程!

謝謝點贊的每位小夥伴,我知道現在的你和當初的我一樣,糾結報不報培訓班!講真,自學能力強的話,真的完全不用報班的!我就是浪費了那麼些錢,然後自學的!

噢,對了 ! 我不在北上廣 ,我在HZ !

原答案刪除了!免得大家以為我是為了來要贊的!確實是沒什麼值得贊的!因為像我這樣轉行成功的在我身邊還有很多,還有他們做的比我優秀!所以,要是覺得自己真合適做前端,說不定你也能做的比我好!


以上

_____


華為技術網路工程師,32歲零基礎轉了前端, 個人感受:1.僅寫展示的確簡單 2.寫交互太難了,一個認證功能交互虐得答主不要不要的.

不知道後段的難度,但實際上前端難度已經挺高了,目前就只會黑盒操作js,JavaScript還不太熟,什麼redit,auglar,react都還沒接觸過?


總結一下我的建議和經歷,零基礎轉前端的可以看看:

1.運動

2.W3C看一下html和css,知道他們的作用和用法,不需要全部看完

3.學會瀏覽器調試功能,學會谷歌搜索。


4.找一個喜歡的網站做個一樣的出來。

實在不會,F12和看源碼結合,抄一遍,再自己做一遍,看不懂的標籤和屬性就查,這裡會很繁複,但是做完一個頁面後進步是很大的,我仿完小米首頁後基本電商網站都沒問題了。

js那部分可以先不做。


5.學習js:零基礎自學又想儘快找到工作,上手jQuery會比較好:書《鋒利的jQuery》(這裡不太記得需要不需要js基礎語法,如果需要的話可以看《js高級程序設計》前三章)跟著書敲一遍代碼,然後不看書敲一遍。

現在可以把之前切的網頁加上jQuery。

自己做一些比較常見的功能如輪播,不會有很多教程和代碼可以找。

想學原生js,推薦廖雪峰的js教程。應該多看幾遍。

不建議初學者一起學,我那時候jQuery和js一起上,有點搞混。


6.響應式還是需要了解一下,用媒體查詢很簡單的。微軟官網是響應式的,可以仿一個。

或者學習bootstrap,也可以在第四步就用上bootstrap,看個人喜好。


7.網頁做完了可以看看能不能找到工作,我那個時候面試一家外包吧可能是,就讓我現場做了一個很簡單的頁面,就錄上了。還是看運氣。


8.如果找不到工作,就看招聘要求,自行選擇學習。

多做幾個項目,Learn to Code and Help Nonprofits 這裡面有幾個。

或者去github、codepen、jsFiddle等找自己感興趣的。

最好做個個人在線簡歷,把項目都放到上面。


9.把自己的網頁放到github上:如何在Github Pages搭建自己寫的頁面?


10.想了解後端推薦Crossin的編程教室 - Python入門


11.學習git,我第一次看廖雪峰的教程時沒有很看懂,之後先看了一部分猴子都能懂的git入門,再學習的廖雪峰的git教程。


12.記得了解代碼規範。


13.如果選擇了一個教程,比如你買了個某培訓機構的教學視頻,那就安心的跟著視頻一起學,不要兩天換一個教程。

如果選擇了前端想儘快找工作,那初學的時候就不要學後端不要學演算法不要學計算機基礎。


14.一定要多多運動。


想起再補充。


3.1:

距離找到實習已經三個多月快四個月了,事情有些變化,我辭職了,原因是因為右邊肩胛骨那裡真的太疼了,我之前都試過左手使用滑鼠,盡量不動右手,但是效果不大。

所以準備入行的人吶,

一定要把運動/健康放到第一位

一定要把運動/健康放到第一位

一定要把運動/健康放到第一位

這毛病在開始學編程不到一年的時候就有了,那時候還能抗一下

我問過一些工作有些年頭的程序員,他們並沒有這個毛病,香菇..

有朋友想找我了解一些初學的事情,我是很樂意的,畢竟我自己走了那麼多彎路,不想看到別人和我一樣,我會給出我的經歷給你參考,但是請不要問學四個月能找到實習/工作這種問題好嗎 ?( ̄▽ ̄?)

12.10:
找到實習了,面試的時候四個面試官,都是技術出身,整個氛圍很輕鬆,我根據面經講的主動引導話題方向,在說我做項目的過程的時候其實我說的顛三倒四,我自己都不知道我在說什麼,但還是噼里啪啦得說個不停(捂臉),其中一個面試官還笑著說我還挺外向,但平時和朋友在一起都是我聽她們說,這還是這輩子第一次聽到有人說外向哈哈哈哈。
被錄用的原因一是他們並不很看重出身,能完成工作要求就行,而工作要求也不高,我能勝任,再一個可能是看我表現出來的對編程的興趣(我確實挺喜歡的,而且這次面試氛圍有點好,我想到什麼說什麼,說得他們老笑我 )
工作中好像不會用太多js的樣子,重新定了計劃:《you don"t know js》,網易課堂的計算機專業大學四年課程,es6,《http權威指南》
找到了工作就不用那麼急了,自己慢慢學。
我覺得初初級前端找工作除了技術還是要看運氣吧
沒基礎自學前端找不到人帶的話首先要不要百度用谷歌,15塊錢一個月買個梯子也不貴,花幾天熟悉一下htmlcss選一個自己喜歡的頁面就直接上,擼幾張頁面就可以擼js了,不太推薦看書學,不知道怎麼擼可以上慕課網。
不太懂的可以先不管,盡量把這個項目做完,實在做不下去,那就做別的項目,再回頭做這個項目又會有主意許多。

以實戰為主,從中學習經驗。不要像我走這麼多彎才走到學習前端的路上


-----------------------------------我是環境藝術設計專業,連數學都不用學的人,標準的零基礎,計算機證都沒想過要去考。
目前的程度:除了最基本的pc端移動端的響應式頁面,可以用js完成常見交互,可以跨域獲取數據,喜歡玩css3,html5,能用react.js和一點es6,能用webpack打個包。學了這麼久,挺渣的。

現在大四,去年暑假的時候看了一部美劇,對編程感了興趣(那個時候其實我已經在實習設計的工作了),於是打算拋棄本專業開始學習編程,是的,就是這麼隨便..
大致可以分為三個階段:
第一階段:啥也不懂。
當時剛好有個同學他在北京培訓,學到是java,剛好我們還有點聯繫,他就推薦我學java,我那個時候覺得學什麼都行先入行了再說(我的想法是隨便開始學什麼,反正我是要一點一點學到計算機最底層的,語言不過是工具),就每天起床到睡覺都坐在電腦面前學java,說一句不堪回首的,那個時候我同學推薦我的是51自學網的java教程,不過對初學的我也學得蠻開心的,然後啪嗒啪嗒學到了可以做一個日曆的時候,開學了,大三課很多,而且都是專業課,所以作業更多,進度開始就慢了下來,而那個時候...
高潮來了....
我同學,就是那個推薦我學java的同學!他跟我說現在前端很吃香,而且又容易學!容易學啊!!!(翻白眼
我百!度!那個時候我竟然還在用百度!沒有人帶的初學者用一個好的搜索引擎的重要性我後面才明白,唉)了一下,哎?真的很容易的樣子哎!
哈!呵!呵!
那時候高興壞了,好像已經看見站在計算機門內的我。
接著就各種找怎麼學習前端的方法,好像是在知乎,一位大神說只要三本書就可以找到前端工作,html,css深入淺出,js dom編程藝術,最後一本是js高程(微笑),那個時候已經看了一些w3c的html標籤介紹,所以第一本書感覺還是挺容易的,dom也看完了,高程...前面三章看完了,不過看書很枯燥,我還很不怕死的買了英文原版...
在看書的過程中我又看到了知乎某大v的學習編程的方法以及詳細的步驟,計算機導論課啊演算法書啊Python啊,我當時已經有要學計算機基礎的意識,只是我不知道對前端初階段那並不不是首要的,所以我又屁顛屁顛的滾進了那個坑。
學著這些東西到了第二年就是今年五月份的樣子,我還沒有完整的做一個頁面出來(跟著那兩本書做的不算),但是我覺得自己還不錯的樣子,哈哈哈…就打算暑假實習,面試電話是挺多,但在長沙這個地方全都是搞培訓的,就打消了實習的念頭,計劃跟著fcc做項目。
也就是第二階段:畢竟前面有快一年的基礎(大霧),做起來還是挺順手的,到暑假快過完,帶著一個靜態頁面一個跨域獲取數據一個還有個彈幕效果和計算器打算曠課去找正式工作,哈哈,也不知道哪裡來的自信。但運氣也不錯,被一家小公司錄用了,面試的時候是直接讓我做個demo,然後了解了一下我的情況,但是他讓我第二天上班的時候需要帶學位證,因為我是謊稱我畢業了的哈哈哈哈哈然後我就哭著去學校了。
在上課的兩個月里擼了一個複雜點的小米官網的首頁和一個響應式的首頁,還弄了一個在線簡歷,都掛到了github上(感覺程度還是比較low哈哈哈藍瘦)
,本來打算學校沒課去一線城市找實習,但是投了簡歷有回復的並不多…所以因為對自己的技術能不能找到工作感到懷疑而且當時經濟狀況也有點問題,暫時也不敢去外面找工作了,就坐在家裡學習。
就是第三階段了(當然期間也很努力的投簡歷,萬一運氣好呢..然而都沒有然後)...但這個月倒我技術進步最快的一個月,也可能是因為時間都用來學習沒有分散,所以自我感覺提升的比較明顯。最重要的倒不是說掌握了什麼技術或者框架,而是感覺自己終於摸到了一點關於編程以及如何編程的邊,這種感覺很奇妙,可能就是慢慢開竅的感覺,不太好怎麼描述,也不好說掌握了什麼,因為我也還在儘力消化這個狀態並且提升再消化再提升再消化當中...
不過我還是覺得相對於我一天坐12個小時的強度進步還是很慢的(想想真的有點心酸

在家學了react.js,用的阮一峰阮大的入門教程,勉強做了兩個項目,之後我準備看完高程建個站,在看書的過程中同學說她們公司缺前端讓我去試試,然後就應聘上了…


很多人轉前端其實都是有一定的編程基礎的,這種上手會很快,難度也比較小。我算是真的零基礎轉的前端,沒有一絲編程基礎,本科畢業第一份工作是做的SEM。

我分享一下我自己的經歷吧,第一家公司是傳統型公司,只有幾個企業網站平時在維護,技術人員只有一個寫PHP的,前端的活是被他包了的。那時我還沒有接觸過前端,後來那哥們要辭職了,於是公司又招了一個PHP,新來的那哥們是剛從培訓班出來的,還沒有參加過工作,於是公司決定只讓他做後台,問我有沒有興趣做前端,讓即將離職的那哥們帶我一個月。我當時看他天天寫代碼覺得挺唬人的,也想學一下,就同意了(那時候公司對前端的要求及其低,基本上就是把設計好的頁面切出來,直接放到網站上就行,也沒有涉及到js和很複雜的布局,所以公司覺得沒有必要專門招一個前端)。

說是讓那人帶著我學,其實就是我自己在網上學。當時過了一遍W3C的教程,學了一寫基礎的HTML和CSS的語法,就已經可以應付當時的工作需求了。就這樣做了有半年左右,雖然工作內容很簡單,但是要做的頁面還是挺多的,所以當時也把HTML和CSS基礎打牢了,但是js方面仍然是一竅不通,連一個基本的選項卡都不會做,還要到網上搜代碼,搜到了還不會改,及其苦逼,於是我決定要開始學js了。

那個時候不知道要怎麼學,就到亞馬遜上面買了一本js的書,一個月之後就把書扔了,因為完全看不懂。然後開始在網上找教程,先在w3cfuns上看了一些js入門的東西,變數啊,循環啊,數據類型啊之類的,一個月之後還是放棄了,因為我根本不知道這些東西是幹嘛的。過了大概一個月之後覺得不甘心,又開始看這些東西,這次我沒有去費心記這些概念,直接學的jquery部分,對著demo就開始照著寫,慢慢掌握了jquery的一些寫法,總算可以開始試著寫一些簡單的特效了,那時候已經很滿足了。總的來看,我從毫無js基礎,到會使用一些基本的jquery,用了大概3個月,因為期間沒有人教我,也沒有人催我,我自己來興趣了就學學,看不懂了就停了,所以進度很慢。現在看來如果當時沒有中途放棄的話,其實這些jquery很快就可以掌握的,因為的確是很簡單。

這應該也是大多數沒有基礎的人學js的過程了,先死記概念,發現完全沒有頭緒,不知道怎麼學,後來先學的jquery。當時網上很多人說要先學原生的js,但是對當時的我來說,學原生的js還是太難了,反倒是jquery給了我學下去的信心。

jquery使用熟練了之後我開始學原生的js,這時候已經從第一家公司離職了,因為那家公司對前端的需求實在是低的不行,在那裡完全學不到任何東西了。後來的公司也就是我現在的這家公司,有十個後台,加我在內有三個前端,也就是在這裡我開始真正的使用js去寫網頁特效。期間在慕課網看了絕大部分的js方面的教程,自己買了《JavaScript DOM編程藝術》和《JavaScript高級程序設計》,編程藝術那本書入門還是很推薦的,高程我現在也快看完第二遍了。現在基本上已經可以毫無壓力不依賴搜索引擎使用jquery,也可以用原生js寫出大部分常見的網頁的特效,還在進一步的學習原生js。

總的來說,沒有基礎的前端,如果又是自學沒有人帶的話,是比較難的,期間會遇到數不清的難題,但是只要堅持下來,不說可以成為一個很牛逼的前端,至少也可以做到像我現在這個水平,在一個二線省會城市做一個中級前端了。我現在已經決定等我的原生js略有小成的時候就辭職去一家要求更高的公司,雖然我的進步不算快,但是總歸是要不停的向前看才行。也希望題主可以學得順利。


同大專,非計算機專業,零基礎,只是轉的java。


起因,是因為一開始的工作叫項目執行。坐標杭州,每月工資3000。工作內容就是每天催開發進度。後來實在忍受不了,想做一些有意義的工作,準備去培訓機構學java開發。幸運的是當時的部門經理找我談(其實有暗示讓我轉銷售或者走人)。於是我提出在公司自學,然後內部轉崗開發。經理給了兩個月時間。同時也讓我有問題隨時問一個開發人員,(這個人對我產生了很大的影響,並後來成為了好朋友)
過程,每天早晨打卡。然後刷java基礎視頻,一刷一天,回家跟著敲例子。杭州五月份的夏天非常悶熱,下午困的不行就去洗臉,陽台吹風,完全不能理解知識點的時候也會去跑步減輕壓力。就這樣花了一個半月的時間基本擼完了基礎語法和web開發的一些js,css,資料庫。正好技術部那邊急缺開發,就讓我這個連剛從培訓出來的人都不如的頂了上去。做什麼呢?就是寫jsp頁面,並且在裡面嵌入java邏輯代碼。可見多麼愚蠢。然而這樣我做了近半年。後來,慢慢接觸了一些框架,也接觸了日常web開發用到的東西。
最後,現在跳槽到另一家公司。工資至少不用像當初一樣擔心溫飽問題了。技術方面,自己能獨立搭建簡單的網站了。spring的相關的一套東西也還算熟練,正在努力學習數據結構,jdk源碼里一些常用的也看過幾遍了,理解了三四分。
總之,快兩年了。回過頭來看,遇見貴人相助是我的幸運。同時,這種事情,實在算不上多麼艱難。努力一些,做自己喜歡的事情也挺舒服的。有人或許會說還不是為了工資高一點,如果是這樣。我想,我根本堅持不到現在吧


推薦閱讀:

網站的美術設計和前端工程師如何溝通?
有C/C++ 基礎的學生學習網頁開發最好選擇哪門語言?
Web 開發的前端、後端的入門門檻是不是比較低?
Flash, Flex, Air, Flashplayer之間的相互關係是什麼?
《黑客與畫家》中有這樣一句話:「如果你把一個畫家的作品按照時間順序排列,就會發現每幅畫所用的技巧,都是建立在上一幅作品學到的東西之上。」如何能將這個觀點用於實際的項目開發上?

TAG:前端開發 | IT行業 | 前端入門 | 零基礎 | 前端UI |