前言
想要學(xué)會(huì)一門功課，做好一件事，必須得用功，多學(xué)多想多練,總的來(lái)說(shuō)，如果發(fā)現(xiàn)問(wèn)題的話，得學(xué)會(huì)如果去解決問(wèn)題
1.初接觸前端開發(fā)的話，一般自學(xué)者最好是使用Dreamweaver這個(gè)軟件，因?yàn)檫@個(gè)軟件是一款可視化網(wǎng)頁(yè)制作軟件，所見所得可以說(shuō)這軟件基本是入門“神器”，相對(duì)于初學(xué)者來(lái)說(shuō)，前端入門就應(yīng)該先要學(xué)會(huì)HTML+CSS，學(xué)會(huì)獨(dú)立做一個(gè)靜態(tài)頁(yè)面，而且這門語(yǔ)言是所有語(yǔ)言中最最最簡(jiǎn)單的語(yǔ)言。
下面是一些前端電子書，需要的自取
2.有人說(shuō)過(guò)，正確的方法勝過(guò)所謂的努力，這句話對(duì)于初學(xué)者來(lái)說(shuō)是至理名言，因?yàn)槌鯇W(xué)者面對(duì)一門課程都不知道從哪里學(xué)起，但是看到這篇文章之后，你就會(huì)知道，其實(shí)前端的方向無(wú)謂也就js，只要你學(xué)會(huì)js，前端，你基本上就不用愁了，因?yàn)閷?duì)于前端程序員來(lái)說(shuō)，js是前端的中堅(jiān)力量，沒(méi)有了js，一個(gè)網(wǎng)頁(yè)就是一個(gè)死的，沒(méi)有活力的網(wǎng)頁(yè)，有了js之后，這個(gè)網(wǎng)頁(yè)才會(huì)有了活力，有了動(dòng)力，才可以跟后臺(tái)交互
為何學(xué)習(xí) JavaScript？
JavaScript 是 web 開發(fā)者必學(xué)的三種語(yǔ)言之一：
- HTML 定義網(wǎng)頁(yè)的內(nèi)容
- CSS 規(guī)定網(wǎng)頁(yè)的布局
- JavaScript 對(duì)網(wǎng)頁(yè)行為進(jìn)行編程
JavaScript 參考手冊(cè)
W3School 提供并維護(hù)了完整的 JavaScript 參考手冊(cè)，包括所有 HTML DOM 以及瀏覽器對(duì)象。
本參考手冊(cè)包含了所有對(duì)象、屬性及方法的示例，并根據(jù)最新 web 標(biāo)準(zhǔn)持續(xù)更新。
[完整的 JavaScript 參考手冊(cè)]https://www.w3school.com.cn/js/js_examples.asp "JavaScript 實(shí)例"（注：此參考手冊(cè)出自JavaScript教程）
3.學(xué)會(huì)js之后，好吧，學(xué)會(huì)這個(gè)階段你基本是不太用愁，出去找工作你基本上不用太擔(dān)心了，但是對(duì)于前端來(lái)說(shuō)，學(xué)會(huì)js，什么都可以了嗎，錯(cuò)，大錯(cuò)特錯(cuò)，學(xué)會(huì)js之后你還要學(xué)會(huì)怎么使用框架，多得不說(shuō)，就jquery，只要對(duì)前端有一定的了解的話，都知道，現(xiàn)在很多的網(wǎng)站基本都是用的jq框架來(lái)寫的，為什么，因?yàn)樗麖?qiáng)大啊，而且他的兼容性好，js能做的效果，jq基本上都能實(shí)現(xiàn)，只要你有思路，而且因?yàn)閖q是js封裝的一個(gè)庫(kù)，所以使用起來(lái)可以節(jié)省程序員的大量時(shí)間，少寫大量的代碼。
jQuery 是一個(gè) JavaScript 庫(kù)。
jQuery 極大地簡(jiǎn)化了 JavaScript 編程。
jQuery 參考手冊(cè)
[jQuery 參考手冊(cè)]https://www.runoob.com/jquery/jquery-ref-selectors.html-
[jQuery API 手冊(cè)]https://www.runoob.com/manual/jquery/（注：此參考手冊(cè)出自菜鳥教程）
4.對(duì)于初學(xué)者來(lái)說(shuō)，寫css就是一個(gè)惡夢(mèng)，因?yàn)樗鞣N寬高，各種的瀏覽器兼容性的問(wèn)題不斷出現(xiàn)，而且做一個(gè)原創(chuàng)性的網(wǎng)站，如果要寫css的話，沒(méi)有二千行也有三千多行，可能還不止，所以網(wǎng)上就出現(xiàn)了一個(gè)強(qiáng)大的工具Bootstrap，Bootstrap是Twitter推出的一款前端開發(fā)工具包，是html+css的框架，并且支持響應(yīng)布局，瀏覽器的兼容不說(shuō)全部解決，起碼可以讓我們減少大量頭痛的兼容問(wèn)題，只要你學(xué)會(huì)了HTML+CSS的話，你說(shuō)，學(xué)起B(yǎng)ootstrap會(huì)困難嗎
Bootstrap 有用的資源
-
[Twitter Bootstrap]http://getbootstrap.com/- Bootstrap 的官方網(wǎng)站，可以在該站點(diǎn)上找到所有可用的文檔和下載。
我目前是在職前端開發(fā)，如果你現(xiàn)在也想學(xué)習(xí)前端開發(fā)技術(shù)，在入門學(xué)習(xí)前端的過(guò)程當(dāng)中有遇見任何關(guān)于學(xué)習(xí)方法，學(xué)習(xí)路線，學(xué)習(xí)效率等方面的問(wèn)題，你都可以申請(qǐng)加入我所在的前端學(xué)習(xí)交流裙：前面：4213 后面：74697。里面聚集了一些正在自學(xué)前端的初學(xué)者,轉(zhuǎn)行者，初階者，我這里也有我做前端技術(shù)這段時(shí)間整理的一些前端學(xué)習(xí)思維導(dǎo)圖，前端大廠面試題，前端開發(fā)源碼教程，PDF文檔書籍教程，文章中涉及到的①學(xué)習(xí)路線圖；②css、html問(wèn)題；③JavaScript知識(shí)點(diǎn)；④面試真題等pdf文檔需要的話都可以找裙豬獲取。
5.學(xué)習(xí)前端開發(fā)也就這些基本的路線，不求快，只求穩(wěn)，在學(xué)這門語(yǔ)言的時(shí)候要多練，尤其對(duì)于初學(xué)者來(lái)說(shuō)，當(dāng)然，前端開發(fā)是所有語(yǔ)言中工具是最多的一門語(yǔ)言，框架也多，所以學(xué)起來(lái)可能會(huì)有些力不從心的感覺(jué)，但是也不用急，這些工具框架都是有開發(fā)文檔的，當(dāng)你忘記的時(shí)候可以打開文檔查看一下，基本都應(yīng)該能記起來(lái)吧，下圖是前端開發(fā)的學(xué)習(xí)路線，也可以去了解一下
