① 想要學習Web開發需要學習哪些基礎知識
今天小編要跟大家分享的文章是想要學習web開發需要學習哪些基礎知識?如果想在Web後端開發這條路上走得更遠，需要修煉好自己的內功，這些基礎知識是非常重要的。下面就來和小編一起看一看吧！
一、前端知識
最好能了解一些前端知識(HTML，CSS，JavaScript等)。但在一些分工非常明確的公司，有些開發人員只做後端開發，不懂前端的知識也是可以的，這時需要前後端的開發人員進行配合。毫無疑問，前端開發人員掌握一些後端的知識或者後端開發人員了解一些前端的知識，能使項目聯調過程更順暢、效率更高。
二、Linux基礎
由於在主流情況下項目部署都是使用的Linux系統，比如項目有一個Bug，在本地Windows上復現不了，就得ssh到部署的機器上想各種辦法進行復現與分析。盡管Python是跨平台的，但各平台之間還是有不小的差異，因此掌握一些基礎的Linux操作還是非常有必要的。
三、資料庫系統
Web應用一般離不開對資料庫的增加、刪除、修改和查找，一般都會用到資料庫。讀者除了掌握這些常見的操作外，最好能對資料庫的原理有一些了解，雖然我們平時使用的是ORM，可能不會直接編寫SQL語句，但歸根結底到最後，都是在資料庫中執行SQL語句，只有理解了SQL語句，才能設計出更合理的表結構，才能寫出更優秀的SQL語句，才能更好地使用ORM提供的各種功能。
四、緩存系統
網站訪問一般會出現熱點內容，比如微博的熱搜，將熱點內容緩存到內存中，然後直接從內存中讀取返回給查詢的用戶，這樣無疑能極大地提高效率。有的開發人員可能覺得緩存系統比較簡單，其實不然，如果深入了解各緩存系統的內存分配方式、Key淘汰演算法、底層網路協議細節等，就要注意可能發生的比如緩存失效、緩存穿透、緩存雪崩等一系列問題。
五、HTTP協議
由於Web開發就是遵循HTTP協議來進行的，比如可以通過Expires，Cache-Control，Last-Modified和Etag等欄位來設定瀏覽器的緩存行為。再比如實現一個下載的功能，如果不知道HTTP協議中的Content-Disposition這個響應報頭和一些約定，就可能不知道應該如何下手。
六、網路協議(TCP/IP協議)
常見的TCP「三次握手」，「四次揮手」等過程，每一步的原理都要能夠弄清楚。
七、數據結構和演算法
演算法可以說是程序員的內功，只有更好地掌握了演算法，才能編寫出更高效的程序。如果編寫程序時不考慮性能，覺得自己的程序能用就行了，那麼這樣的程序遠遠達不到商業使用的標准。例如，數據結構中最基礎的比如隊列，棧，樹等以及操作它們的演算法在編程過程中非常常用。
八、操作系統
Web應用會運行在某個操作系統的一個或多個進程中。比如從日誌中看到有一個介面訪問時特別慢，該怎麼進行分析?影響的因素非常多，可能是網路緩慢、可能是伺服器當前負載過高、可能是程序演算法的復雜度高而效率低等。
以上就是小編今天為大家分享的關於想要學習web開發需要學習哪些基礎知識的文章，希望本篇文章能夠對正在從事web前端學習和工作的小夥伴們有所幫助。想要了解更多web前端相關知識，記得關注北大青鳥web培訓官網。
② 如何學習web前端
學習最重要的是找到正確的方向，否則，付出再多的努力也是與成功背道而馳。
很多時候，成功除了需要勇氣、堅持外，更需要正確的方向。也許有了一個正確的方向，成功來得比想像中更快。如果在錯誤的路上奔跑，再怎麼努力也是無濟於事。學習Web前端也是如此，首先明確自己的學習路線。以下講述一下學習web前端的4個階段怎麼做：
1.HTML
首先，學習HTML。HTML(Hyper Text Mark-up Language，超文本標記語言)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。
HTML的學習是一個記憶和理解的過程，在學習過程中可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質，將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味，想必對各位初學web前端開發的菜鳥們來說是一個很好的方法。
學習了HTML後，只是掌握了各種「原材料」的製作方法，要想蓋一幢樓房，還要把這些「原材料」按照我們設計的方案組合布局在一起，並進行一些樣式的美化。
2.CSS
接著來學習CSS。CSS（Cascading Style Sheets，層疊樣式表），是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。
同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習可以順利完成「一幢樓房」的建設了。
「樓房」建設完成後，就可以交給用戶使用了，但如果想讓用戶獲得更佳的體驗，還可以對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。
3.Javascript
JavaScript是一種被廣泛用於客戶端的腳本語言，JavaScript為我們提供了一些內置函數、對象和DOM操作，藉助這些內容可以實現一些客戶端的特效、驗證、交互等，使頁面看起來更加活潑。
盡管JavaScript有很多優點，讓你驚喜不已，但當項目經理對你說「這個效果在××瀏覽器下不兼容，重做！」時，你肯定懵了：「不兼容？那可是花了我一個晚上寫了幾百行代碼的啊！」
的確，JavaScript的兼容性和復雜性有時真的很讓人頭疼，幸好有「大神」幫我們做了封裝。
4.jQUery
最後學習jquery。jQuery是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時有很多基於jQuery的插件可供選擇，這樣，在實現一些豐富的動態效果時更方便快捷，大大節省了開發時間，提高了開發速度，這也充分體現了其「writeless，domore」（寫更少的代碼，做更多的事情）的核心宗旨。
「豪華大樓」至此拔地而起，但是如此日復一日，年復一年的蓋樓，好繁瑣！如果可以將大樓裡面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣就簡便、快捷了。
這種思想也適用於Web前端開發中，於是出現了各種前端框架，下面介紹的是Bootstrap。
Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架，並且支持響應式布局。一經推出後頗受歡迎，一直是GitHub上的熱門開源項目。
在項目開發過程中，藉助Bootstrap提供的CSS樣式、組件、JavaScript插件等，可以快速地完成頁面布局和樣式設置，然後有針對性地微調樣式，這樣基於框架進行開發大大縮短了開發周期。
二、關於學習Web前端的建議
最後給大家講一下在學習Web前端過程中的一些建議。
在CSS布局時，需要注意一個問題：很多同學缺乏對頁面布局進行整體分析，不能從宏觀上對頁面中盒子間的嵌套關系進行把握，就急於動手去做，導致頁面中各元素間的關系很混亂，容易出現盒子在浮動時錯位等情況。所以在布局時採用「自頂向下，逐步細化」的思想，先用幾個盒子將頁面從整體上劃分，然後逐步在盒子中繼續嵌套盒子。
「君子生非異也，善假於物也」，在學習過程中還要多瀏覽一些優秀的網站，善於分析、借鑒其設計思路和布局方法，見多方能識廣，從而融匯貫通，取他人之長、為己所用。
同時還要善於使用Firebug這個利器。Firebug一方面可以幫助我們調試自己的頁面，另一方面我們可以使用Firebug方便地查看、分析別人網站的源代碼。
隨著移動互聯網熱潮的到來，移動開發越來越受到大家的歡迎，響應式布局、微網站等需求量不斷增加，也是Web前端未來的發展方向之一。對web前端開發感興趣的同學可以多點學習這方面的知識。
③ Web前端小白該如何學習Web前端開發
今天小編要跟大家分享的文章是關於Web前端小白該如何學習Web前端開發。Web前端開發技術包括三個要素：HTML、CSS和JavaScript。
學習Web前端開發應該從基礎的Html開始學起，學習Html還是比較簡單的，主要是理解並記住一些常見標簽的使用，在學習的初期應該多動手敲一下代碼，這樣會加深理解。在學習完Html語法之後，需要學習CSS，CSS的內容也並不復雜，CSS主要解決Html中樣式設計的問題和復用的問題。接著應該系統的學習一下JavaScript，JavaScript語言自身還是具有一定難度的，而且JavaScript涵蓋的內容比較多，需要一個較為系統的學習過程才能逐漸掌握。
JavaScript不僅在Web前端有廣泛的應用，隨著Nodejs的普及，JavaScript正在從傳統的前端開發逐漸走向後端開發，從這個角度來說，未來JavaScript的應用空間還是非常大的。目前開源領域基於JavaScript的產品也非常多，因此不僅前端程序員需要學習JavaScript，後端程序員目前也應該學習一下JavaScript。
隨著移動互聯網的發展，前端開發不僅僅包括Web前端開發，目前Android開發、iOS開發也逐漸並入到前端開發團隊，這是一個比較顯著的變化，所以對於前端開發人員來說，如果想提升自身的崗位競爭力，應該進一步豐富自身的知識結構。
對於還未接觸過這個行業的人來說，在學習之前，心中多少會有一些疑問，比方說，零基礎學Web前端開發要學多久?下面就來和小編一起看一看吧！
1、Web前端要學什麼?
零基礎入門學Web前端的話，首先要把所有的基礎課程全部了解消化吃透，前端的開發框架，PC端的企業網站布局、PC端的電商類網站布局、移動端常見頁面布局等等。
2、零基礎學Web前端難不難?
Web前端要學的內容看起來很復雜，其實不然，這是一門注重實際動手操作的技能，不會要求你背誦很多的理論知識，更不會要求你有很高的學歷水平。零基礎學Web前端的話，要學會是不難的，只要每天堅持多動手練習，勤動腦思考，學成很簡單的。現在的Web前端工程師，薪資水平破萬，不是難事。
3、零基礎學Web前端要學多久?
這個要分兩個方面來回答大家，如果你是零基礎自學Web前端的話，那麼所花費的時間與精力會是不可估計的，學不學得成，還得兩說。如果你是找一家專業的培訓機構學習的話，那就輕松很多了，4到6個月就可以從基礎到精通
Web前端學習路線
第一階段：
1.1、HTML+CSS(HTML進階、css進階、div+css布局、html+css整站開發)
1.2、javascript基礎(js基礎教程、js內置對象常用方法、常見的dom樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖)
1.3、js基本特效(tab、導航、整頁滾動、輪播圖、js製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差試圖等)這些都是基本的js特效，我做過的也就只有輪播圖和彈出層
1.4、js高級特徵(正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎等)
1.5、jquery的基礎使用(懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、jqueryUI組件基本使用)
第二階段：HTML5和移動Web開發
2.1、HTML5:(HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket、Canvas)
2.2、CSS3:(CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、Velocity.js框架、元素進場、出廠策略、炫酷css3網頁製作)
2.3、Bootstrap:(響應式概念、媒體查詢、響應式網站製作、柵格系統、柵格系統原理、Bootstrap常用模板、LESS和SASS)
2.4、移動Web開發：(跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端Javascript事件、手機中常見js效果製作、2.5、Zepto.js、手機聚劃算界面、手機滾屏)
建議其他後端編程語言也要學習一下，目前市場對前端基本都要求會一門後端語言，PHP/JAVA/Nodejs/Python等。
學習編程重要的還是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鑽研的精神是必不可少的。
以上就是小編今天為大家分享的關於Web前端小白該如何學習Web前端開發的文章，希望本篇文章能夠對准備學習Web前端知識的小夥伴們有所幫助，想要了解更多Web前端知識的小夥伴們記得關注北大青鳥Web培訓官網。最後祝願小夥伴們學習成功，成為一名優秀的Web前端工程師。
④ 該如何學習web前端開發
對於初學web前端的人而言，不清楚詳細的web前端學習路線，確實是一個讓人頭疼的問題，今天web前端培訓的小編就為您解析web前端學習路線是什麼?並告訴你我們該如何學習web前端開發?
如今是一個信息大爆炸的時代，也是一個互聯網+的平台，現在各行各業基本上都會牽扯一點web前端的知識，不管是什麼樣的企業都離不開前端，都需要一個自己的官方網站。我們時下正處在互聯網高速發展的時代，互聯網方向的IT人才稀缺量也是比較大的，正是在這樣的市場契機之下越來越多的人開始湧入web前端的行列中去。在這些人中有轉行的、也有受身邊朋友熏陶的、也有自己感興趣或者說自己想提升的，隨著學習web前端的人員越來越多，問題也逐漸的顯現出來，其中最為明顯的兩個問題分別是：
問題一：web前端學習路線是什麼?
小編在這里首先要告訴大家web前端其實很適合零基礎的學員學習的，整體來說他比安卓、Java要簡單很多，其學習路線主要有以下幾個階段：
階段一：web頁面製作基礎，電腦培訓http://www.kmbdqn.cn/建議掌握傳統PC端網頁布局和製作;
階段二：UI網站設計，掌握頁面設計和原型圖設計
階段三：編程基礎技術，利用js完成一些常見網頁的特效開發
階段四：後端開發技術，了解web伺服器的工作原理，並可以簡單搭建自己的應用程序伺服器端;
階段五：移動互聯網應用，掌握現在主流的頁面製作技術，可以完成微網站的製作，並可以做到多設備兼容;
階段六：特效開發高級實戰，通過實際項目開發，精通前端常用框架的實際應用及問題解決，以及常見特效開發、前後台交互開發等;
階段七：企業級應用開發，能夠獨立使用HTML5完成APP開發製作。
問題二：該如何學習web前端開發?
學習web前端無非就兩種方式一種是自學還有一種就是參加培訓，但是無論是自學還是參加培訓都離不開以下幾種學習方法：
方法一：學習態度一定要端正，不能三天打魚兩天曬網，學習一定要腳踏實地，遇到不會的不懂的問題一定要及時解決;
方法二：根據web前端學習路線制訂一份詳細的學習計劃，切忌這份學習計劃不是一成不變的，一定要根據自己的實際學習情況，適時的做出調整;
方法三：學習過程中一定要多動手、多動腦，因為web前端的學習會涉及很多的代碼，所以課下一定要勤加練習，不要覺得上課看著老師做了，自己就懂了。代碼的學習，勤加練習才是王道。
經過以上的分析大家對於web前端的學習路線想必已經十分清楚了，而web前端的學習方法無非就是以下三點：學習態度、學習計劃以及多動腦等。
⑤ Web前端學習的入門方法有哪些
今天小編要跟大家分享的文章是關於web前端學習的入門方法有哪些?web前端入門方法，總結從零基礎到具備前端基本技能的道路、學習方法、資料。由於能力有限，不能保證面面俱到，只是作為入門參考，面向初學者，讓初學者少走彎路。
互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業前端工程師成為熱門職業，各大公司對前端工程師的需求量都很大，要求也越來越高，優秀的前端工程師更是稀缺。個人感覺前端入門相對容易，但是也需要系統地認真學習，在打好基礎後堅持學習，成為優秀前端工程師也只是時間問題。
學習任何知識最重要的都是興趣，如果經過一段時間的學習感覺不喜歡，那可能強迫自己學習是很痛苦的，效果也不會好，畢竟這很可能就是以後很多年生存的技能。不過隨著互聯網行業的發展，前端必然是Web開發人員需要學習的知識，有時候是沒有專業前端工程師一起合作的，所以即使不做專門的前端工程師，掌握基本的前端技能為工作帶來方便。下面來和小編一起看一看吧!
一、必備基礎技能
以下是個人覺得入門階段應該熟練掌握的基礎技能：
§HTML4，HTML5語法、標簽、語義。
§CSS2.1，CSS3規范，與HTML結合實現各種布局、效果。
§Ecma-262定義的javascript的語言核心，原生客戶端javascript，DOM操作，HTML5新增功能。
§一個成熟的客戶端javascript庫，推薦jquery。
§
一門伺服器端語言：如果有伺服器端開發經驗，使用已經會的語言即可，如果沒有伺服器端開發經驗，熟悉Java可以選擇Servlet，不熟悉的可以選PHP，能實現簡單登陸注冊功能就足夠支持前端開發了，後續可能需要繼續學習，最基本要求是實現簡單的功能模擬。
在掌握以上基礎技能之後，工作中遇到需要的技術也能快速學習。
二、基本開發工具
恰當的工具能有效提高學習效率，將重點放在知識本身，在出現問題時能快速定位並解決問題，以下是個人覺得必備的前端開發工具：
§文本編輯器：推薦SublimeText，支持各種插件、主題、設置，使用方便
§瀏覽器：推薦GoogleChrome，更新快，對前端各種標准提供了非常好的支持
§調試工具：推薦Chrome自帶的Chromedevelop
tools，可以輕松查看DOM結構、樣式，通過控制台輸出調試信息，調試javascript，查看網路等
§輔助工具：PhotoShop編輯圖片、取色，fireworks量尺寸，AlloyDesigner對比尺寸，以及前面的到的Chrome
developtools，
§FQ工具：lantern,壁虎漫步
三、學習方法和學習目標
方法：
§入門階段反復閱讀經典書籍的中文版，書籍中的每一個例子都動手實現並在瀏覽器中查看效果。
§在具備一定基礎之後可以上網搜各種教程、demo，了解各種功能的實際用法和常見功能的實現方法。
§閱讀HTML，CSS，Javascript標准全面完善知識點。
§閱讀前端牛人的博客、文章提升對知識的理解。
§善用搜索引擎。
目標：
§熟記前面知識點部分的重要概念，結合學習經歷得到自己的理解。
§熟悉常見功能的實現方法，如常見CSS布局，Tab控制項等。。
四、入門之路
在整個學習過程中HTMLCSSJavaScript會有很多地方需要互相結合，實際工作中也是這樣，一個簡單的功能模塊都需要三者結合才能實現。
動手是學習的重要組成部分，書籍重點講解知識點，例子可能不是很充足，這就需要利用搜索引擎尋找一些簡單教程，照著教程實現功能。以下是一些比較好的教程網址
可以搜索各大公司前端校招筆試面試題作為練習題或者他人總結的前端面試題還有個人總結的面試題(帶參考答案)。
原生javascript是需要重點掌握的技能，在掌握原生javascript的基礎上推薦熟練掌握jQuery，在實際工作中用處很大，這方面的書籍有《Learning
jQuery》或者去jQuery官網。
建一個https://github.com/賬號，保存平時學習中的各種代碼和項目。
有了一定基礎之後可以搭建一個個人博客，記錄學習過程中遇到的問題和解決方法，方便自己查閱也為其他人提供了幫助。
經常實用Google搜索英文資料應該經常找到來自#/的高質量答案，與到問題可以直接在這里搜索，如果有精力，注冊一個賬號為別人解答問題也能極大提高個人能力。
經典書籍熟讀之後，可以打開前面必備基礎技能部分的鏈接。認真讀對應標准，全面掌握知識。
五、繼續提高
有了前面的基礎之後，前端基本算是入門了，這時候可能每個人心中都有了一些學習方向，如果還是沒有。可以參考前面必備技能部分提到的那兩個項目，從裡面選一些進行發展學習。以下是一些不錯的方面：
§Grunt：前端自動化工具，提高工作效率
§lesscss：優秀的CSS預處理器
§bootstrap：優秀的CSS框架，對沒有設計師的團隊很不錯，與less結合使用效果完美
§requirejs：AMD規范的模塊載入器，前端模塊化趨勢的必備工具
§Node.js：JavaScript也可以做後台，前端工程師地位更上一步
§AngularJS：做SinglePageApplication的好工具
§移動端web開發：智能手機的普及讓移動端的流量正在逐步趕超PC端
§Javascript內存管理：SPA長期運行需要注意內存泄露的問題
§HighPerformanceJavaScript()
§：重要技能
六、語言基礎
1、JavaScript：
作用域鏈、閉包、運行時上下文、this
原型鏈、繼承
NodeJS基礎和常用API
2、CSS：
選擇器
瀏覽器兼容性及常見的hack處理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3，如animation、gradient、等等
3、HTML：
語義化標簽
其他
有些東西不是考敲碼就能弄好的，我參與實習的時候感受到了很多，這些是我遇到的也是我感覺自己做的不好的地方
對於業務的思考：我個人這方面非常欠缺，所以放在最前面，在敲碼前要多思考業務
交流和溝通能力：這個非常重要，前端同時需要與項目經理、產品、交互、後台打交道，溝通不善會導致很多無用功，延緩項目。
知識管理、時間管理：input和output的平衡，output是最好的input。如何做好分享，參與社區，做好交流，作好記錄。
對新技術的渴望，以及敢於嘗試。
七、入門書
入門可以通過啃書，但書本上的東西很多都已經過時了，在啃書的同時，也要持續關注技術的新動態。這里推幾本我覺著不錯的書：
《JavaScript高級編程》：可以作為入門書籍，但同時也是高級書籍，可以快速吸收基礎，等到提升再回來重新看
《JavaScript權威指南》：不太適合入門，但是必備，不理解的地方就去查閱一下，很有幫助
《編寫可維護的JavaScript》和：
《Node.js開發指南》：不錯的Nodejs入門書籍
《深入淺出Node.js》：Nodejs進階書籍，必備
《JavaScript非同步編程》：理解JS非同步的編程理念
《JavaScript模式》和《JavaScript設計模式》：JavaScript的代碼模式和設計模式，將開發思維轉變到JavaScript，非常好的書
《JavaScript框架設計》：在用輪子同時，應當知道輪子是怎麼轉起來的，講解很詳細，從源碼級別講解框架的各個部分的實現，配合一個現有框架閱讀，可以學到很多東西
《Dontmakemethink》：網頁設計的理念，了解用戶行為，非常不錯
《CSS禪意花園》：經久不衰的一部著作，同樣傳遞了網頁設計中的理念以及設計中需要注意的問題
《高性能JavaScript》和《高性能HTML5》：強調性能的書，其中不只是性能優化，還有很多原理層面的東西值得學習
《HTML5Canvas核心技術》：我正在讀的一本書，對於canvas的使用，動畫的實現，以及動畫框架的開發都非常有幫助
《HTTP權威指南》：HTTP協議相關必備，前端開發調試的時候也會經常涉及到其中的知識
《響應式Web設計》：技術本身不難，重要的是響應式網頁的設計理念，以及移動先行的思想
《JavaScript語言精粹》：老道的書，也是普及JavaScript的開發思維的一本好書，非常適合入門
八、一些不錯的網站
github：沒啥好說的，多閱讀別人的源碼，多上傳自己的源碼，向世界各地的大牛學習
codepen：感受前端之美的必選之地，裡面有很多酷炫的效果和優秀的插件
echojs：快速了解js新資訊的網站
stackoverflow和segmentfault：基本上各種問題都能在上面獲得解答
googlewebfundamentals：每篇文章都適合仔細閱讀
staticfiles：開放的CDN，很好用
iconfont：阿里的矢量圖標庫，非常不錯，支持CDN而且支持項目
html5rocks:一個不錯的網站，很多瀏覽器的新特性以及前沿的技術，都能在這上面找到文章
csstricks：如何活用CSS，以及了解CSS新特性，這里可以滿足你
JavaScript秘密花園JavaScript初學必看，非常不錯
w3cplus：一個前端學習的網站，裡面的文章質量都挺不錯的
nodeschool：一個不錯的node學習網站
learngitbranch：一個git學習網站，交互很棒
前端亂燉：一個前端文章分享的社區，有很多優秀文章
正則表達式：一個正則表達式入門教程，非常值得一看
各路大牛的博客：這個太多了，就不貼了，知乎上有很全的
各種規范的官方網站，不懂得時候讀規范
九、前端的定位
前端的定位關乎到你需要吸收什麼樣的知識和技能，決定在技術世界裡你對什麼需要格外敏感。如果你認為前端僅僅停留在切頁面，實現交互和視覺的要求，那你對前端的認識還停留在初級階段。阿里終面的時候我問了考官這么個問題：前端技術日新月異，范圍越擴越寬，標准越來越豐富，似乎任何一個觸角都能伸出很遠。怎麼給前端一個合適的定位?考官給我分析了半天，然後總結成一句話，就是用戶和網站的聯結者，用戶體驗的創造者(原話不是這樣，但大體是這個意思)。也就是說前端的終極目標其實就是創造用戶體驗，提升用戶體驗，以用戶體驗為中心。不管你是從交互設計上下手，還是從性能優化出發，或者改進工作流提升工作流效率，最終都是為了創造和提升用戶體驗，最終都要體現到用戶體驗這一點上來。我認為這個總結非常有道理(當然「用戶體驗」這個詞太寬泛了，並且不僅僅是前端工程師的范疇，比如開發後台的時候對一個數據處理過程進行優化，提升了整體性能，這也是對用戶體驗的一個提升)。
現在的前端工程師做到一定階段不可避免會接觸到很多比切頁面、實現視覺要求、實現交互等更深入的問題，比如前端自動化、圖像編程、性能優化等等，再往後推一點就是PHP/JSP/ASP/nodeJs，過去後端模板一般屬於後端的范疇，現在隨著前端架構的演進，可能會讓你去寫後端模板的代碼，需要用到後端語言(PHP/Java/C#等)，這就是所謂大前端(然而這與前端的定位並不是相背離的，大前端處理的依然是與用戶接觸的部分，仍然是對用戶體驗的優化)。可能最常見或者被談論最多的就是node，其實這幾種技術選型都可以，bat三家據說網路用PHP比較多，阿里用node比較多。
以上就是小編今天為大家分享的關於web前端學習的入門方法有哪些的文章，希望本篇文章能夠對正准備學習web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網最後祝願小夥伴們工作順利，學習成功。
轉載自：https://github.com/qiu-deqing/FE-learning，部分內容有刪減。
⑥ 零基礎學Web前端需要學習哪些知識
今天小編要跟大家分享的文章是關於零基礎學web前端需要學習哪些知識?前端開發是一個相對比較新的行業。但在這幾年期間，隨著W3C標準的不斷更新以及node.js的興起,基於node.js一系列的工具和諸多前端框架都參差不齊的浮出水面。
大多數人選擇轉行前端開發的原因大抵有如下幾點：
第一前端開發入門門檻極低。第二是對前端的理解過於簡單，普遍停留在毫無計算含量的網頁布局以及和美工一樣的樣式設計(這也就是幾年前所謂的網頁設計水平，隨著web開發技術的革新，以及對網頁美觀友好性的提高，web前端開發工程師才逐漸替代了網頁設計這一稱呼)。
計算機專業的人選擇前端,是因為他們對前端發展的前景比較看好，無論是前端行業的發展還是個人的職業發展都有著拒絕不了的理由。非計算機專業的人選擇前端，他們看到了IT互聯網行業的前景,以及前端開發相比於軟體開發等IT技術崗位的入門門檻低.。無論是哪一種既然選擇的走前端開發路線，那麼掌握了前端開發技術才是硬道理。
1、掌握基本的Web前端開發技術。也就是最為基礎的HTML，div+css布局以及JavaScript語言，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。
2、掌握優化技術。在一名合格的前端工程師的知識結構中，在除過前端開發技術之外也需要會分析用戶需求，以及前端界面的友好性，畢竟開發出來的前端界面還是需要用戶來體驗使用的。
3、掌握理論知識。除了要掌握技術層面的知識,還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持,等等.
4、掌握thinkphp與zend框架、html5與sencha、node.js,掌握javaScript、jquery、extjs等頁面效果框架。在除過前端開發技術之外掌握一二種後端編程語言,能讀懂後端源碼，並且理解web系統的整個開發過程和組成，前端開發只是web開發的一個分支，所以站在整個web開發的基礎上看前端開發，對自己的前端開發會有更更好的提升。
最後就是,使用者對前端界面的要求越來越高，這也就預示著前端的開發技術在不斷的提升，所以前端開發工程師還需要不斷的學習充電自己的技術儲備。前端入門很簡單，但是想要走前端開發這條路還是需要付出很多的努力的。
以上就是小編今天為大家分享的關於零基礎學web前端需要學習哪些知識的文章，希望本篇文章能夠對大家有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師！
⑦ Web前端初學者如何入門學習web前端開發知識
今天小編要跟大家分享的文章是關於Web前端初學者如何入門學習web前端開發知識?如今越來越多的人開始學習編程，尤其是年輕人和在校學生，都希望通過學習編程，能夠找到一份兒不錯的工作，html5一躍成了IT界的新寵，尤其是移動市場大火的今天，很多網站都採用了h5技術，尤其小程序，APP的大熱，因此html5人才現在越來越受歡迎，那對於初學者來講，如何入門學習web前端開發?下面來和小編一起看一看吧！
雖然網頁設計是網站的外觀，但前端開發是將該設計的頁面通過代碼的形式在網路上進行展現，並加入一些功能特效
!使之具有一定的交互性!前端Web開發人員通過HTML，CSS和JavaScript等編碼語言實現Web設計的人。雖然它不再那麼常見，但是前端開發人員有時被稱為「客戶端開發人員」，以區別於後端開發人員，後端是對資料庫等幕後工作進行編程。如果您前往任何站點，您可以在導航，布局中查看前端開發人員的工作，甚至可以看到PC頁面與手機頁面不同的展現方式。
如何入門學習web前端開發呢
1.不要以看書學習為主，最好的方式就是找視頻進行學習，找好的視頻進行學習，然後在配上解答，在加上自我的主動學習。現在網上資料有很多，可以多找一找，找到適合自己的學習資料先學習基礎入門，如果可以入門且自己很感興趣學習，在考慮是繼續自學還是找機構學習，找到適合自己的方式方法很重要，才能事半功倍，更好的從事這個行業。
2.最好能系統專業的學習，因為如果你是一個小白或者零基礎的入門者，自學也有可能會勉強入門，但是肯定會比別人走很多彎路，或者花費更長的時間，所以最好是能系統的學習，這樣不僅能快速入門，還能早就業，早從事前端工作，在工作中學習的肯定是更多的
3.多練習，我們學習web前端時，同一個標簽或者屬性，或者是JavaScript的語法，只有你不斷的見到它，並且應用它，讓它都認識你了，這樣你就扎實的掌握了，所以實際應用非常重要。
4.好的學習方法和掌握好正確的學習路線可以讓我們的學習達到事半功倍的效果，學習方法決定了你學web前端的效率以及你可以走多遠，學習編程非常依賴一個好的學習方法，有太多人因為學習方法不對最終導致放棄。
以上就是小編今天為大家分享的關於Web前端初學者如何入門學習web前端開發知識的文章，希望本篇文章能夠對正在學習web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
⑧ Web前端學習新手要掌握的Web基礎知識介紹
今天小編要跟大家分享的文章是關於web前端學習新手要掌握的web基礎知識介紹。准備學習web前端技術的小夥伴們來和小編一起看一看本篇文章吧，文章中小編為大家介紹了一些學習web前端要了解的基礎知識，希望本篇文章能夠對大家有所幫助。1.web含義：worldwideweb萬維網，也可叫做廣域網，互聯網。
2.web前端：網站的前端，也叫客戶端，瀏覽器端;與之相對的是後端。
3.web前端所需要學習的技術：
Html：包含文本，圖片，輸入框，按鈕，視頻，音頻等內容的設置;
Css：裝飾html
JavaScript：網頁的動態效果，用戶和網頁的交互。
4.常見瀏覽器介紹：
瀏覽器是網頁運行的平台，常見瀏覽器包括：
國外的：IE，火狐(Firefox)，谷歌(chrome)，Safari和Opera
以上所屬公司獨立開發，擁有自己的內核。
國內的：獵豹，網路等，使用的都是國外某一家或兩家的瀏覽器的內核。
學習web前端建議使用瀏覽器:
谷歌瀏覽器;曾經是使用webkit內核(蘋果瀏覽器的內核)，如今是webkit的一個分支內核，叫做blink內核和js的引擎V8.
5.web標准
結構：html
表現：css
行為：js
是由w3c(萬維網聯盟組織)組織指定的。
6.開發工具
DW,Subline(需要插件)，Webstorm，HBuilder;(推薦後兩種)
7.HTML簡介
html被稱為「超文本標記語言」，主要通過html標記對網頁中的文本，圖片，按鈕等內容進行描述。學習html就是在學習標記(標簽，標簽元素)。
html發展歷史自行了解。
前期學習對象：H4和CSS2
後前學習對象：H5和CSS3(最新)
8.網頁與網站的關系
多個網頁和其他文件組成一個網站。
9.html骨架結構
!DOCTYPE文檔版本類型的聲明;
html網頁的根標簽，所有其他標簽都被包含在內;
head頭部標簽，用來設置網頁的一些配置信息;
mata配置標簽;
charset編碼設置(字元集設置);
UTF-8目前最常用的字元集碼方式，包含全世界所有國家需要用到的字元;
GBK包含全部中文字元;GB2312簡體中文，BIG5繁體中文;
title標題標簽，設置選項卡中的文本;
body主體標簽;
10.標簽的關系
嵌套關系：祖先和後代之間的關系
並列關系：兄弟之間的關系
11.標簽的類型
單標簽
，
.
雙標簽
.有開始，有結束;
12.常用標簽
注釋標簽
水平線標簽換行標簽
主題標簽(h1到h6)
段落標簽
，加粗
，傾斜
，下劃線
文本文本標簽
文本超鏈接
屬性：用來描述標簽的，屬性的表現形式，屬性名=「屬性值」，也叫做鍵值對，key和value。
路徑src
寬度width
高度height邊框border
提示信息title
替換文本alt
13.路徑
網頁與其他文件的位置關系
相對路徑：
同級路徑(網頁和其他文件在同一個目錄或文件夾)
下一級相對路徑
上一級相對路徑
絕對路徑：
絕對地址(文件的物理位置)
出於安全的角度，瀏覽器是不能直接訪問計算機的硬碟物理位置的文件，但可以通過域名(介面的方式)訪問一個絕對的地址。
以上就是小編今天為大家分享的關於web前端學習新手要掌握的web基礎知識介紹的文章，希望本篇文章能夠對正在學習web前端工作的小夥伴們有所幫助，想要了解更多web前端相關知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們學習成功，工作順利，成為一名優秀的web前端工程師。
文章來源：原創石頭石頭的晚安日記
⑨ 學習web前端，需要掌握哪些知識點以怎樣的學習順序
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:
面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:
模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段:
Node.js全棧開發
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。
祝你學有所成！
如果你對於學習前端有任何不懂的可以隨時來問我，我給你提供一個非常不錯的前端交流學習qun：前面是一一四，中間是一八八，後面是四九三一。有問題就在裡面問我，這樣你可以少走很多彎路，做起來有效率，記得多跟有經驗的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。
⑩ 學習web的話先學哪一類理論知識呢
1、學習html。
這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本table是用來和數據打交道.
2、學習css。
一般我們看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說css+div呢？因為我上面說了div就是html主要用於布局的東西,所以div就是核心掌握的東西！那麼css肯定必須要配合div來使用才好.css要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局有關系的樣式,一點要掌握.
3、學習js。
可能前兩個大家覺得還過的去,看到js就蛋疼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了.
4、學習jquery。
jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了.
文本超鏈接
屬性：用來描述標簽的，屬性的表現形式，屬性名=「屬性值」，也叫做鍵值對，key和value。
路徑src
寬度width
高度height邊框border
提示信息title
替換文本alt
13.路徑
網頁與其他文件的位置關系
相對路徑：
同級路徑(網頁和其他文件在同一個目錄或文件夾)
下一級相對路徑
上一級相對路徑
絕對路徑：
絕對地址(文件的物理位置)
出於安全的角度，瀏覽器是不能直接訪問計算機的硬碟物理位置的文件，但可以通過域名(介面的方式)訪問一個絕對的地址。
以上就是小編今天為大家分享的關於web前端學習新手要掌握的web基礎知識介紹的文章，希望本篇文章能夠對正在學習web前端工作的小夥伴們有所幫助，想要了解更多web前端相關知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們學習成功，工作順利，成為一名優秀的web前端工程師。
文章來源：原創石頭石頭的晚安日記
⑨ 學習web前端，需要掌握哪些知識點以怎樣的學習順序
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:
面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:
模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段:
Node.js全棧開發
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。
祝你學有所成！
如果你對於學習前端有任何不懂的可以隨時來問我，我給你提供一個非常不錯的前端交流學習qun：前面是一一四，中間是一八八，後面是四九三一。有問題就在裡面問我，這樣你可以少走很多彎路，做起來有效率，記得多跟有經驗的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。
⑩ 學習web的話先學哪一類理論知識呢
1、學習html。
這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本table是用來和數據打交道.
2、學習css。
一般我們看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說css+div呢？因為我上面說了div就是html主要用於布局的東西,所以div就是核心掌握的東西！那麼css肯定必須要配合div來使用才好.css要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局有關系的樣式,一點要掌握.
3、學習js。
可能前兩個大家覺得還過的去,看到js就蛋疼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了.
4、學習jquery。
jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了.