一個渣渣的前端學(xué)習(xí)之路
緣由
今晚我的舍友（凱哥）突發(fā)奇想說暑假要跟我學(xué)前端，問我應(yīng)該從何入手，想了一下，發(fā)現(xiàn)自己在前端這個坑中已經(jīng)摸索了半年多了，從一開始什么都不懂，一臉懵逼到現(xiàn)在可以獨立完成一個簡單的網(wǎng)站。雖然說基本上還是處于剛?cè)腴T的階段，但覺得一些經(jīng)驗對于從零開始學(xué)前端的童鞋應(yīng)該還是有一點幫助，所以打算把自己摸索的前端的道路寫出來供一些人參考。
為什么選了軟件工程這個專業(yè)
其實我不是一個對技術(shù)特別有興趣的人，在高考后才發(fā)現(xiàn)自己并沒有特別熱愛的東西，很多興趣愛好也都是虛無縹緲的東西，加上自己色弱很多專業(yè)都選不了，于是就隨便選了軟件工程，那時候覺得多會一門技術(shù)也是好事吧，反正自己那么“聰明”，如果到時找到自己興趣所在再自學(xué)也沒關(guān)系（有點太自以為是了哈哈）。
于是剛進大學(xué)的時候?qū)τ谑裁词羌夹g(shù)，什么是碼農(nóng)，連C語言都以為是computer語言嗎？完全一臉懵逼，再看到那些搞技術(shù)的很多都是宅男就更加排斥這個專業(yè)，于是就“荒廢”了一年干了一些不知所謂的瑣事。到大二因為某個人想讓自己得很厲害而開始走上了技術(shù)這條道路。
學(xué)習(xí)一門技術(shù)的好處
- 首先肯定是賺錢，程序員可以自己去接一些外包賺零花錢。當(dāng)成為一個大神之后你會發(fā)現(xiàn)賺錢其實是很容易的事情，可能你每天打幾個小時的代碼之后就頂?shù)蒙蟿e人去兼職一天所賺來的錢。所以對于我這種很想獨立的人來說最好不過了，再加上本人打算大四去留學(xué)，就可以通過打代碼賺取自己的生活費了，不用像其它留學(xué)生去洗盤子哈哈，其實主要是因為家境一般哈哈。
- 在作業(yè)（課程設(shè)計）上carry舍友（同學(xué)），對于我這種很喜歡幫助他人（出風(fēng)頭）的人來說，當(dāng)你發(fā)現(xiàn)通過自己的努力可以獨立一個人完成其他人完成不了的作業(yè)的時候是很值得驕傲的。
- 撩妹，這是因為很多妹子對技術(shù)都不太在行，所以當(dāng)她們遇到什么問題的時候你可以一本正經(jīng)的幫她解決。或者打開一個小黑窗子（終端）打著一些她不懂的東西幫她修電腦的時候是很容易受到她的崇拜的，哈哈這個因人而異。
- 裝逼，學(xué)技術(shù)的童鞋一般都會順帶學(xué)習(xí)一下linux，當(dāng)你用著他人不會用的操作系統(tǒng)時是很有成就感的，比如我這種喜歡裝逼的人。
- 當(dāng)然以上那些只是一些學(xué)技術(shù)的附屬品，在學(xué)技術(shù)的過程中肯定會有你意想不到的收獲。
什么是前端
Web前端開發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術(shù)進行產(chǎn)品的界面開發(fā)。制作標(biāo)準(zhǔn)優(yōu)化的代碼，并增加交互動態(tài)功能，開發(fā)javascript同時結(jié)合后臺開發(fā)技術(shù)模擬整體效果，進行豐富互聯(lián)網(wǎng)的Web開發(fā)，致力于通過技術(shù)改善用戶體驗。（這是百度來的，太官方了）
一開始的我以為前端就是html＋css＋javascript，但就我目前所知，前端分很多崗位，比如重構(gòu)，javascript前端工程師，node前端工程師，好像騰訊還有一個前端交互設(shè)計師，當(dāng)然還有全部都懂的，也就是全棧工程師了，這也是本渣渣想要達(dá)到的程度了。（個人觀點）
html、css和javascript入門
- 一開始我是在w3school這個網(wǎng)站學(xué)習(xí)的，那時候除了這里也不知道在該去哪里學(xué)習(xí)，也不知道該如何去學(xué)習(xí)。不過我覺得在這里入門算是比較正常的了，雖然很多知識點不怎么全面，但是對于一個小白去熟悉一下html標(biāo)簽，看一下靜態(tài)頁面的效果還是足夠的了。
- 學(xué)習(xí)的話，先從html開始，認(rèn)真學(xué)習(xí)每一一章節(jié)，然后在記事本上照著教程把代碼都打一遍（熟悉）
- 學(xué)完html了就可以開始學(xué)習(xí)css樣式了，還是得按部就班得一點一點看，一點一點打，慢慢熟悉各種css選擇器。但學(xué)完這里還是不夠的，因為這里的教程對于很多模型還有幾種定位都講的不太清楚，所以學(xué)完這個可以再去慕課網(wǎng)上學(xué)習(xí)一下網(wǎng)頁布局基礎(chǔ)，掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；學(xué)習(xí)標(biāo)準(zhǔn)文檔流、盒子模型、float屬性以及position屬性等知識。然后再看一下固定層，現(xiàn)在應(yīng)該基本可以了解css的工作原理了。
- 接著再熟悉一下如何用css進行網(wǎng)頁布局，網(wǎng)頁簡單布局結(jié)構(gòu)與表現(xiàn)原則的分離，看完這兩個視屏應(yīng)該對html和css會有更深的了解了。
- 這時候可以回過頭去w3school學(xué)習(xí)css3和html5的一些知識點，還是得先照樣畫葫蘆熟悉各種新標(biāo)簽。學(xué)完可以先看下面的編輯器的選擇再回來。
- 接著可以開始學(xué)習(xí)去廖雪峰博客那里學(xué)習(xí)一下javascript的基礎(chǔ)了，看完javascript教程可以在慕課網(wǎng)上看一下表單驗證，彈出層，Tab選項卡切換，在這里就可以開始感受javascript的神奇之處了。
編輯器的選擇
- 一開始可以簡單得使用window自帶的編輯器，寫完后把后綴改為.html就可以在瀏覽器中打開了。
- nodepad++，這個編輯器我沒怎么用，不過如果很厲害的人可以用這個進行編程。
- Dreamweaver這個編輯器強烈要求不要使用，因為很多代碼都是自動生成，雖然說很方便，但是不利于學(xué)習(xí)，而且效果非常不好。在我看來這個編輯器不過是給不是程序員的人使用的。
- sublime Test，這個編輯器是我個人所強烈推薦的，喜歡看視屏學(xué)習(xí)的可以去慕課上看sublime教程，喜歡看文字的可以去博客園sublime教程上看。
- vim，這個編輯器雖然好用，但不推薦入門者使用，畢竟我也還不太會用。
未完待續(xù)
本來打算一起性寫完的，結(jié)果發(fā)現(xiàn)有太多想要寫的了，包括git的使用，以及javasript進階，node.js的入門，環(huán)境的搭建，還有資源的查找等等，而且現(xiàn)在好困蚊子昆蟲又多，所以先睡覺了，打算過兩天有空再寫完了，希望能對一些人有所幫助把。如果覺得不錯的麻煩點下贊哈，這是我繼續(xù)寫下去的動力，謝謝啦！
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
