這個很多的啊， 可以去看看千鋒的啊

　　　　　　Web前端的學習建議　　Web前端的學習誤區(qū)。入門快、見效快讓我們在不知不覺中已經(jīng)深深愛上了網(wǎng)頁制作。此時，很多人會陷入一個誤區(qū)，那就是既然借助這么帥的IDE，通過鼠標點擊菜單就可以快速方便地制作網(wǎng)頁?！　∧敲次覀?yōu)槭裁催€要去學習HTML、CSS、JavaScrpt、jQuery等這些苦逼的代碼呢?這不是舍簡求繁嗎?隨著學習的深入，就會發(fā)現(xiàn)我們步入了一種窘境——過分的依賴IDE導致我們不清楚其實現(xiàn)的本質(zhì)，知其然但不知其所以然。　　很多小伙伴都喜歡自學web前端開發(fā)，但是一個讓人自學是很難的，網(wǎng)上雖然可以找到大量的視頻，但是很多都是過時的，并沒有什么用！我給大家推薦一個裙，前面三個數(shù)是四九四，后面三個是 〇 六 四，最后三個就是 九 叁 四，這里每天都有大神免費直播教學，如果你想學習可以加入，不是來學習的就不要加了?！　　　∈裁词莌tml？　　Web前端開發(fā)是從網(wǎng)頁制作演變而來的,名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中,網(wǎng)頁制作是Web1.0時代產(chǎn)物,那時網(wǎng)站的主要內(nèi)容是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進入Web2.0時代,各種類似桌面軟件的Web應用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化?！　【W(wǎng)頁不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁的內(nèi)容更加生動,網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗,這些都是基于前端技術(shù)實現(xiàn)的。說得直白點就是美工photoshop,交互設計,flash,js,html+css。就小規(guī)模公司而言,一個技術(shù)員都得會這幾樣技能,這樣很鍛煉人的,慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細,所以,你可以精通一門,熟悉其他的,進軍大公司。　　　　在學習Web前端中的一些建議和方法。　　在CSS布局時需要注意的一個問題是很多同學缺乏對頁面布局進行整體分析，不能夠從宏觀上對頁面中盒子間的嵌套關(guān)系進行把握，就急于動手去做，導致頁面中各元素間的關(guān)系很混亂，容易出現(xiàn)盒子在浮動時錯位等情況。建議大家在布局時采用“自頂向下，逐步細化”的思想，先用幾個盒子將頁面從整體上劃分，然后逐步在盒子中繼續(xù)嵌套盒子。　　　　　　“君子生非異也，善假于物也”，在學習的過程中還要多瀏覽一些優(yōu)秀的網(wǎng)站，善于分析借鑒其設計思路和布局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用?！　　　　　eb前端開發(fā)工程師做為互聯(lián)網(wǎng)行業(yè)緊缺的職位之一，人才缺口巨大，每天還在不斷的更新。人才少，薪資自然也是很吸引人的，據(jù)某網(wǎng)站77939樣本統(tǒng)計從業(yè)人員平均月薪9690元，而且跟據(jù)經(jīng)驗的增加，薪資也是在不斷的攀高的。潭州教育就業(yè)環(huán)節(jié)擁有專業(yè)的就業(yè)團隊，對畢業(yè)學員全程指導，真正兌現(xiàn)萬元就業(yè)?！　「菀走M名企　　專業(yè)的前端人才對口的大多數(shù)都是知名企業(yè)，像百度，淘寶，京東……都在急招，大企業(yè)對每個職業(yè)的專業(yè)化更加有要求，發(fā)展前景好?！　∫脝滩妓沟脑挘琖eb就是未來，我們作為前端開發(fā)工作者也是未來。相信Web前端開發(fā)的明天會更好。　　

用WONDOWS自帶的瀏覽器打開你要看的視頻網(wǎng)址，然后點右上角齒輪圖標，點管理加載項，點出來之后別關(guān)，讓它這樣開著，之后你就可以隨便切換網(wǎng)頁了。 來自：求助得到的回答

沒有基礎，脫產(chǎn)學習需要時間為四個半月以上。 Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。 無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。 簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

　　HTML（超文本標記語言）是網(wǎng)頁的核心，學好HTML是成為Web開發(fā)人員的基本條件。HTML很容易學習的，但也很容易誤用，要學精還得費點功夫?！　‰S著HTML5的發(fā)展和普及，了解HTML5也將成為Web開發(fā)人員的必修課。　　涉及到網(wǎng)頁外觀時，就需要學習CSS了，它可以幫你把網(wǎng)頁做得更美觀。　　利用HTML和CSS模擬一些你所見過的網(wǎng)站的排版和布局（色彩，圖片，文字樣式等等）。　第二步：學習javascript,了解DOM　　JavaScript是一種能讓你的網(wǎng)頁更加生動活潑的程序語言。學習JavaScript的基本語法，學會用javascript操作網(wǎng)頁中dom元素?！　〗又鴮W習使用一些javascript庫，比如jquery是大部分WEB開發(fā)人員都喜歡用的，通過Jquery可以有效的提高JavaScript的開發(fā)效率?！〉谌剑毫私釽eb服務器　　你不必在這上面花太多精力，但對IIS、Apache基本配置要掌握，這方面的知識學起來也相對容易，不會花多長時間?！　W習一點Unix和Linux的基本知識，因為大部分Web服務器都運行在Unix和Linux平臺上。　第四步: 學好一門服務器端腳本語言　　服務器端腳本編程（后臺開發(fā)）也是Web開發(fā)人員的基本功之一，你只需挑選一個服務器端腳本語言，然后學好它?！　∧壳傲餍械姆掌髂_本語言有：php、asp.net、jsp、ruby、python、等?！〉谖宀剑簩W習數(shù)據(jù)庫及SQL語法　　要構(gòu)建動態(tài)頁面通常會使用到數(shù)據(jù)庫，常用的數(shù)據(jù)庫有SQLServer、Oracle、MySQL 等，它們都會遵循標準的SQL原則?！　⊥ǔsp.net 程序使用SqlServer數(shù)據(jù)庫，PHP、java使用Oracle、MySQL數(shù)據(jù)庫?！〉诹剑壕C合實戰(zhàn)　　選一個你喜歡的后臺編程語言，結(jié)合之前學到的html,css,javascript 前端技術(shù)，實現(xiàn)一個簡單的留言本、論壇程序、進而實現(xiàn)一個簡單的CMS（內(nèi)容管理系統(tǒng)）　第七步：學習使用Web框架　　當你掌握了HTML，CSS，JavaScript和服務器端腳本語言后，就應該找一個Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時間?！　”热?net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其實里面都有一些相通之處?！　≌麄€開發(fā)過程你還可能會學習到一些工具的使用：　　Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各種瀏覽器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足夠用心，你還發(fā)掘出很多不錯的資源，例如MSDN，W3cSchool，一些前輩的博客，一些技術(shù)論壇等等，這都是你未來前進道路上的財富。如還想深入研究，學學http協(xié)議,理解什么是無狀態(tài)，不然你永遠做不好WEB開發(fā)，研究web程序服務端運行原理，還有tcp/ip,udp協(xié)議等?！　淖詈唵蔚腍TML到Web框架，內(nèi)容還是不少，要想精通這里的每一樣技術(shù)，都得下苦功夫才行。半年的時間，足夠你對web開發(fā)產(chǎn)生一個有效的認識，這個時候，再思考你進一步學習的方向吧。

沒有基礎，脫產(chǎn)學習需要時間為四個半月以上。 Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。 無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。 簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

人家的視頻播放畫面是致頂?shù)模荒茉诤笈_運行。不過你也可以試試按（ Alt+Tab?。?。

現(xiàn)在前端開發(fā)是一個很火很熱門的行業(yè)，在這里為大家詳細解釋一下這個高大上的行業(yè)！　　在國內(nèi)大學課程里面，幾乎沒有前端開發(fā)這門課程，無非就是一些網(wǎng)頁設計之類的課程，但那些課程無論是老師講還是學生聽，都是敷衍了事，這個我深有體會，我相信大家一定也有同感！所以，目前前端開發(fā)主要是通過自學，和參加正規(guī)的培訓！對于培訓來說，一般會分為初級、中級、高級等級別，因為憑我們自己很難掌握這些技能。但是自學是很困難的，畢竟是一個人自己摸索，網(wǎng)上看上去有很多視頻可以學習，但是那些視頻很多都是過時的，像js和h5這些想要自學根本學不會，更何況以后深入學習還要掌握框架構(gòu)造！很多小伙伴就根本找不到學習的方向，最后白白浪費了自己的時間和精力！所以對于有條件的小伙伴，個人推薦最好是系統(tǒng)的學習一下！接下來為大家介紹一下怎么零基礎學習前端基礎知識：　　1、HTML + CSS 這部分建議在 W3school 在線教程 上學習，邊學邊練，每章后還有小測試。 之后可以模仿一些網(wǎng)站做些頁面。在實踐中積累了一些經(jīng)驗后，可以系統(tǒng)的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據(jù)情況斟酌。也可以去w3school和慕課網(wǎng)學習?！　avascript 要學的內(nèi)容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在 W3school上學習。之后建議馬上看《Javascript語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區(qū)分哪些是語言的精華，哪些是糟粕，對于語言精華，應該深入學習。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。對于有需要的小伙伴，推薦找一個培訓班或者裙進行系統(tǒng)學習，下文會講到呢 。　　有了以上基礎，就可以進行一般的靜態(tài)網(wǎng)頁設計，不過對于復雜的頁面還需要進一步學習?！　Query，簡單易用，在W3school簡單學習js后，直接上手jQuery即可完成一些簡單的項目。學習方法也很簡單，照著產(chǎn)品文檔做幾個頁面就行了，不用面面俱到，以后遇到問題查文檔就行了?？蚣芸梢詭湍闫帘螢g覽器的差異性，讓你能更專注與Web開發(fā)學習的精髓部分。補充： 可以使用 Codecademy 學習 Javascript，jQuery，用戶體驗真的很好　傳統(tǒng)web從業(yè)者為什么必須學習前端開發(fā)技能？——學習前端開發(fā)是晉升和加薪的捷徑。傳統(tǒng)web從業(yè)者，只要精通html+css，簡單的JS效果，切切圖，寫寫網(wǎng)站等就可以了，而如今的前端開發(fā)不再只是一個簡單的網(wǎng)站，現(xiàn)在越來越多的云計算應用程序，比如web QQ接近我們經(jīng)常使用的QQ的功能。以前用java 、J2EE、 .Net 、Object C等高級語言開發(fā)的應用程序也越來越走向web化、云端化。 BS架構(gòu)應用程序已逐漸成為主流。時代變了，用最犀利的前端技術(shù)武裝我們的大腦的時代已經(jīng)來臨！　　那么我們應該怎么學習前端開發(fā)這門技術(shù)呢 ？ 現(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學習網(wǎng)頁制作，但是光看視頻你是不可能學會網(wǎng)頁制作的，沒有人指導你，而且很多視頻已經(jīng)過時了 ，并沒有什么用! 如果你真的想學習網(wǎng)頁制作這門技術(shù)，你可以來這個裙，前面是伍思二，中間是一把一，最后是八溜一！ 在這里有最新的HTML課程 免費學習 也有很多人指導你進步，不需要你付出什么 只要你有一顆學習的心就可以了。下面是關(guān)于前端開發(fā)的一下雜談 有興趣的可以看看 ：　　1、想要跟上潮流，想要掌握最新技術(shù)，做高精尖人才升職加薪，必須學習前端開發(fā)最新技能，畢竟做前端的就得跟上時代的潮流，如果有小伙伴想要學習前端開發(fā)，個人認為潭州學院還是蠻不錯的 ！相比于線下的培訓班，潭州無論是學費還是學習時間，都遠遠比線下的培訓班更加實惠，而且只要有電腦，有網(wǎng)絡就可以進行學習！　　　　2、前端開發(fā)的就業(yè)方向及薪資情況。　　記得有人說過，未來不再有互聯(lián)網(wǎng)公司，因為未來所有的企業(yè)都會有互聯(lián)網(wǎng)部門，而互聯(lián)網(wǎng)世界離不開前端開發(fā)，像淘寶、阿里巴巴、支付寶、騰訊、京東、新浪微博等等大型的基于互聯(lián)網(wǎng)的企業(yè)與產(chǎn)品，都需要優(yōu)秀的前端高級開發(fā)人才?！　〔粌H僅是互聯(lián)網(wǎng)企業(yè)，隨著O2O模式的越來越普及，傳統(tǒng)企業(yè)越來越互聯(lián)網(wǎng)化、云端化，前端開發(fā)人才需求越來越多，人才缺口高達上百萬?！　≌衅妇W(wǎng)站上現(xiàn)在的前端開發(fā)工程師的平均薪酬已經(jīng)達到了12926元，需求巨大，前景廣闊，薪資還高。　　　　3、你適不適合學習前端開發(fā)？　　如果你已經(jīng)有了傳統(tǒng)web基礎(css+div)，那么是時候提升你的前端開發(fā)技能了…　　如果你沒有接觸過web前端開發(fā)，那么如果你經(jīng)常上網(wǎng)，沖浪，希望要了解互聯(lián)網(wǎng)世界背后的故事，可以先從web前端開始了解，因為這是開啟互聯(lián)網(wǎng)世界大門的鑰匙…　　web前端JS課程的核心特點?！　eb前端課程的核心特點是：我們不僅僅要學會制作一個網(wǎng)頁，一個特效。　　的是我們要用web前端開發(fā)傳統(tǒng)應用程序，我們做pc端，移動端，各種響應式，web 游戲，web 企業(yè)管理系統(tǒng)，web 移動程序，開發(fā)一個大規(guī)模項目，html5游戲，甚至用js開發(fā)傳統(tǒng)高級語言才能做的數(shù)據(jù)庫交互，不用后臺語言，就靠我們js做后臺，流行大趨勢……　　　　4、課程模塊介紹?！　∥磥硇枰裁?，我們就需要學什么：　　模塊1：基礎入門階段；　　模塊2：web移動開發(fā)– html5、 css3、　　模塊3：html 5 游戲— html5 、canvas；　　模塊4：用js去做傳統(tǒng)java 、.NET、 PHP才能做的數(shù)據(jù)庫操作，服務器編程。— ajax 、node.js；　　模塊5：大型BS、云計算、項目開發(fā)（比如淘寶，京東）–面向?qū)ο?、設計模式、大型項目分層架構(gòu)思想（比如MVC，MVVM)、js框架、web前端架構(gòu)、js組件；　　　　5、學習方法、薪資目標。　　【兩大基礎，內(nèi)外雙修】　　兩大基礎：js基礎（蹲馬步，基礎中的基礎–函數(shù)，事件，語句等）、面向?qū)ο螅ɑA）。內(nèi)外雙修：　　【內(nèi)】掌握面向?qū)ο缶幊趟季S，模塊化編程思維，大型項目分層編程思維，大型項目團隊如何合作；　　【外】學習一些前輩總結(jié)出來的最佳編程實踐：設計模式，比如能夠保證全局唯一的單例模式，創(chuàng)造萬物的工廠模式，模擬現(xiàn)實中介的中介模式，代理模式，以及所有業(yè)界都在談，都在吹，都在用的依賴倒置，依賴注入，面向切面編程等?！　〗Y(jié)語：年前，隨著iPhone的興起，iOS開發(fā)火爆中國。當年的行動者，如今已經(jīng)成為百萬富翁！今天，隨著HTML5等WEB前端技術(shù)興起，前端開發(fā)的大潮已經(jīng)襲來！趕快行動，讓青春不留遺憾，占領(lǐng)行業(yè)制高點，主動權(quán)就再你的手中！

前端設計主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態(tài)頁面，使用的軟件大致如下（不同人是使用的可能不同）：1、以Photoshop為代表的圖片處理技術(shù)。網(wǎng)頁設計的第一步是按照客戶的需求來設計網(wǎng)站效果圖，這個工作是由美工來完成的，現(xiàn)在網(wǎng)頁設計嚴格的來說不包括美工的工作，即美工只負責設計效果圖網(wǎng)頁的設計師只負責嚴格按照效果圖將效果圖的樣式以網(wǎng)頁的形式做出來，那可能有人會問為什么網(wǎng)頁設計師還需要ps呢？那是因為網(wǎng)頁設計師也就是前端設計師需要將美工制作的效果圖（一般是psd格式的）使用ps的切片功能將其中用的到的圖片裁切出來放到網(wǎng)頁上去用，此時就要使用photoshop來完成這個工作，所以作為網(wǎng)頁設計師或者前端設計師會一些基本的Photoshop知識還是很有必要的。2、前端代碼編輯器如dreamweave、hubuilder等，建議初學者使用記事本等文本編輯器。我們知道現(xiàn)在的網(wǎng)頁設計都是純手寫代碼基本沒有使用可視化編輯的了，原因是可視化編輯的網(wǎng)頁有很多弊端如代碼冗余、后期改版難以控制和維護、網(wǎng)頁的執(zhí)行效率和性能不高等。此時解決的辦法就是純手寫htm、css、js等代碼來做我們的網(wǎng)頁，但是我們在實際開發(fā)過程中又有些問題，學習的網(wǎng)頁的初期我們可以使用記事本或者有些簡單的文本編輯工具來寫代碼，但是在實際開發(fā)過程中我們需要借助有些好的編輯器來提高我們的效率， 此時就需要使用功能強大的編輯器，提供代碼高亮、代碼提示等功能來提高開發(fā)的速度，常見的前端代碼編輯器有dreamweave、hubuilder、sublime等等，這個根據(jù)個人的習慣和工作的環(huán)境進行選擇即可。但是建議初學者使用記事本等文本編輯器，這樣能讓我們記住一些關(guān)鍵詞，有利于學習。3、一些更高級的前端工具和軟件我們也需要學習。在實際的開發(fā)過程中，以上的工具并不能完全滿足我們的需要，尤其是開發(fā)一些大型的項目的時候，我們需要使用和借助的工具來幫助我們進行開發(fā)，這里簡要說一些。例如當我們進行團隊合作的時候，我們可能還會使用一些版本控制工具來進行團隊合作，如svn、github等，在進行項目管理的時候我們可能還需要一些前端的包管理工具如grunt、webpack等。這些工具都是一個專業(yè)前端工程師應該學些的。總結(jié)：簡單的介紹了一些網(wǎng)頁設計中需要使用的軟件和工具，可能不是很全面，但是可以給大家作為一個參考。