‘壹’ 学习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数据传输标准
模块和加载器规范
包结构规范
项目目录结构规范
图表库标准