『壹』 學習web前端需要注意什麼
前端雖然學習起來是相對簡單的，但是內容也不少，同時後期可以補充後端技能，成為現在熱門的web全棧工程師。
要學的內容主要有：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
『貳』 什麼是web前端開發標准
對於前端，官方的定義是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。用自己的話來說，前端是網頁給訪問網站的人看的內容和頁面，那前端開發顧名思義就是這些內容和頁面中代碼的實現。
現在的前端開發使得現代網頁更加美觀，交互效果顯著，功能更加強大。所以現在的前端開發，運用到的知識面更加廣泛，難度也更大。前端開發目前市場需求還是很大的，而且相對來講比較容易，很適合學習。需要學習的內容也不少，我有全套web前端視頻課資料可以發給你自學。
學習內容包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
『叄』 學WEB前端開發需要注意什麼,有哪些技能需要學習
作為一名web前端工程師你應該注意什麼
2017-03-02
web前端開發工程師，簡稱前端工程師，是互聯網行業的發展而迅速興起的一個職業。也是當前互聯網行業中比較熱門的行業，由於其高額的薪資待遇以及良好的發展前景，很多人選擇web前端開發工程師這個職業。而成為一名高級web前端開發工程師，也是很多前端開發者的夢想，這是一個循序漸進的過程。作為一名web前端工程師，應當具備哪些技能，以及在工作中應該注意些什麼呢?
首先，基礎的重要性。無論做什麼都一定要有扎實的基礎，只有基礎牢固，才能更深入的學習新技能。作為一名初級的web前端工程師，你必須要具備最基礎的技術要素：HTML，CSS和JavaScript。這是作為web前端工程師所必須要掌握的。Web前端的入門門檻其實很低的，與其他語言先慢後快的學習節奏相比，他是一個先快後慢的過程。所以在前期的學習過程中，你會很容易的掌握其基礎的技能。而隨著HTML5技術的廣泛應用，web前端的學習也會變得更加簡單。
第二，細節的重要性。細節決定成敗。很多web前端開發者在工作過程中為了追求速度，而忽略了一些細節性的東西。比如：給代碼加備注，代碼的命名規范，代碼的簡潔等。所有的這些看似不重要，其實卻嚴重影響了項目的進度以及自身能力的提升。在開發過程中，適當的添加備注，能夠加深對技術點的印象，也便於以後在修改的過程中迅速查找;規范的代碼命名能夠方便團隊之間的溝通，提高工作效率;而簡潔的代碼能夠直觀的展現某一塊代碼的作用。
第三，網站布局的重要性。做網站的最終目的除了向大眾群體直觀的展現公司形象之外，更重要的還是為了便於SEO優化，為了提升網站在網路等搜索引擎中的排名，以獲取更多的瀏覽量。沒有排名，不能讓更多的人了解到公司，盈利從何談起呢?作為一名web前端工程師，想要進一步的提升技能，就一定要研究網站優化布局。
第四，學習的重要性。這也是邁向高級web前端工程師的關鍵。優秀的web前端工程師之所以優秀，不是因為工作的年限有多久，而是具備快速學習的能力。web前端開發是一個特殊的工作，涵蓋的知識面非常廣，而且互聯網行業技術的更新速度是非常快的，如果沒有快速學習的能力，就很難跟上時代的步伐。所以，作為web前端工程師一定要不斷的學習，提升技能。
『肆』 web前端開發基礎要學哪些內容
如果你還是一名剛准備入行或剛入行前端的菜鳥，要成為一名優秀的前端開發人員，如果想要迅速學會前端技能，那麼你需要付出十倍的努力去學習，前端開發需要學習什麼內容呢？
那麼想要學好前端開發，那麼需要掌握的專業技術有：
第1階段：前端頁面重構：PC端網站布局、HTML5+CSS3基礎項目、WebAPP頁面布局；
第2階段：JavaScript高級程序設計：原生JavaScript交互功能開發、面向對象開發與ES5/ES6、JavaScript工具庫自主研發；
第3階段：PC端全棧項目開發：jQuery經典特效交互開發、HTTP協議，Ajxa進階與後端開發、前端工程化與模塊化應用、PC端網站開發、PC端管理信息系統前端開發；
第4階段：移動端webAPP開發：Touch端項目、微信場景項目、應用Vue.js開發WebApp項目、應用Ionic開發WebApp項目、應用React.js開發WebApp；
第5階段：混合（Hybrid）開發：各類混合應用開發；
第6階段：NodeJS全棧開發：WebApp後端系統開發；
第7階段：大數據可視化：數據可視化入門、D3.jS詳解及項目實戰。
前端工程師跟其他語言方向的程序員相比，前端工程師反而更像是幕後的人，雖然名稱很前端。作為一個入門簡單、進階難的工作，前端是很多程序員的選擇，想要成為優秀的前端，經驗與態度缺一不可，必不可少的還有興趣，畢竟興趣才是好老師啊。學而不思則罔，思而不學則殆，長路漫漫，要記得背好行囊，做好與知識相伴相知的心理准備。
『伍』 如何寫高質量的JS，Html5前端代碼
何編寫高質量的HTML代碼，西安HTML5培訓開發小編告訴你，web
前端開發是從網頁製作演變而來的，在名稱上有很明顯的時代特徵。
網頁製作是
Web1.0時代的產物，網站內容主要是靜態的，用戶使用網站的行為也以瀏覽為主。
2005年進入
Web2.0時代，網頁不再只承載單一的文字和圖片，網頁上軟體化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實現的。
以前會 PS 和 Dreamweaver
就可以進行開發，而現在的網頁製作更接近傳統的網站後台開發，所以現在叫做 Web
前端開發。
Web 前端開發人員
主要職責：把網站的界面更好的呈現給用戶
之前包括新浪，搜狐，BAT
等各種規模公司都對自己的網站進行了重構,因為如下兩點原因。
1.根據 W3C
標准結構重構之後，可以讓前端代碼組織更有序，顯著改善網站的性能，還可以提高可維護性，對搜索引擎也更友好；
2.重構後的網站能帶來更好的用戶體驗，重構之後的網站，文件更小，下載速度更快
而我們的 DHTML 讓用戶操作更炫，Ajax
可以實現無刷新的數據交換，操作更流暢，這也給我們現在的前端開發帶來了新的體驗。
第一章：從網站重構說起
Web 標准 ---------
結構，樣式和行為的分離
而我們現在前端開發的現狀
而我們在混亂的瀏覽器環境下，我們依舊要去打造高品質前端代碼，提高代碼的可維護性，想要做到提高品質我們可以從以下三點出發。
而具體如何去做到 HTML
代碼的精簡，提高重用，做到有序，我們會在之後的代碼中一一給大家解釋。
第二章：團隊合作
首先我們先來揭秘一下，什麼是前端開發工程師？
2.1 CSS 布局是前端開發工程師的基本功
2.2 對 JS 使用有要求
不僅僅會原生 JS,還要會使用 JS 類庫和
Ajax
『陸』 一份Web 前端頁面設計/使用規范應該是什麼樣的
遵循w3c規范編寫代碼，包括命名規范、標簽規范、代碼簡潔明了等
『柒』 Web前端面試指導（五十）：CSS樣式書寫有哪些
一、CSS書寫順序
1.位置屬性(position, top, right,z-index, display, float等)
2.大小(width, height, padding,margin)
3.文字系列(font, line-height,letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
二、CSS書寫規范
1.使用CSS縮寫屬性
CSS有些屬性是可以縮寫的，比如padding,margin,font等等，這樣精簡代碼同時又能提高用戶的閱讀體驗。
2.去掉小數點前的「0」
3.簡寫命名
很多用戶都喜歡簡寫類名，但前提是要讓人看懂你的命名才能簡寫哦！
4.16進制顏色代碼縮寫
有些顏色代碼是可以縮寫的，我們就盡量縮寫吧，提高用戶體驗為主。
5連字元CSS選擇器命名規范
1）長名稱或片語可以使用中橫線來為選擇器命名。
2）不建議使用「_」下劃線來命名CSS選擇器，為什麼呢？
輸入的時候少按一個shift鍵；瀏覽器兼容問題（比如使用_tips的選擇器命名，在IE6是無效的）能良好區分JavaScript變數命名（JS變數命名是用「_」）
6.不要隨意使用id
id在JS是唯一的，不能多次使用，而使用class類選擇器卻可以重復使用，另外id的優先順序優先與class，所以id應該按需使用，而不能濫用。
7.為選擇器添加狀態前綴
有時候可以給選擇器添加一個表示狀態的前綴，讓語義更明了，比如下圖是添加了「.is-」前綴。
三、CSS命名規范
常用的CSS命名規則
頭：header
內容：content/Container
尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
登錄條：loginbar
標志：logo
廣告：banner
頁面主體：main
熱點：hot
新聞：news
下載：download
子導航：subnav
菜單：menu
子菜單：submenu
搜索：search
友情鏈接：friendlink
頁腳：footer
版權：right
滾動：scroll
內容：content
標簽：tags
文章列表：list
提示信息：msg
小技巧：tips
欄目標題：title
加入：joinus
指南：guide
服務：service
注冊：regsiter
狀態：status
投票：vote
合作夥伴：partner
ID的命名-頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
ID的命名-導航
導航：nav
主導航：mainnav
子導航：subnav
頂導航：topnav
邊導航：sidebar
左導航：leftsidebar
右導航：rightsidebar
菜單：menu
子菜單：submenu
標題: title
摘要: summary
ID的命名-功能
標志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊：register
搜索：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
標簽頁：tab
文章列表：list
提示信息：msg
當前的: current
小技巧：tips
圖標: icon
注釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
合作夥伴：partner
友情鏈接：link
版權：right
四、注釋規范
/* Header */
內容區
/* End Header */
五、注意事項
1.一律小寫;
2.盡量用英文;
3.盡量不縮寫，除非一看就明白的單詞。
六、CSS樣式表文件命名
主要的 master.css
模塊 mole.css
基本共用 base.css
布局、版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
列印 print.css
『捌』 簡述符合web標準的HTML代碼編寫規范
1、統一編碼UTF8
2、每一個模塊進行注釋，省的改(或者別人改)的時候找不著，也是個良好的習慣。
3、盡量通過外部文件引入css，減小html文檔體積，有利於seo。
4、div盡量在三層以內，還是從seo方面考慮。
5、命名規范，比如「nav」「header」「footer」等，不要用一些亂七八糟的命名人家看不懂「sdfgdgf」之類的。
6、meta信息最好寫完整、h1、h2標簽、url絕對地址等等關於seo的問題要注意。
7、css、js、html分離全部外部文件引入，不要都寫在html文件裡面例如：css寫在元素裡面的style 或者js寫在body下面這些，以後工作可能不止你一個web前端別人改你的代碼很麻煩的，不要造成別人的麻煩，良好的編碼習慣以後維護起來也比較方便。
問題比較寬泛，需要不斷積累才能完善代碼規范問題~
『玖』 前端開發實踐中有哪些常見規范
Javascript編碼規范
HTML編碼規范
CSS編碼規范
Less編碼規范
E-JSON數據傳輸標准
模塊和載入器規范
包結構規范
項目目錄結構規范
圖表庫標准