自学前端需要达到什么水平才能去工作？

1．尽量把页面的背景图及小图标整合到一张图片，用CSS定位方法。这样以减少http请求，从而降底网站的下载速度。

2．尊从内容与页面样式的脱离，如需要，同样也要做到布局与COLOR的脱离。什么样的图片属于内容：从数据库里取出来的图片。 凡是不属于内容的图片请都用背景。

1）页面代码，做到精简，逻辑性清楚；公用部位可以引入进来，比如头部，脚部。

2）CSS逻辑清析，精简。可在不改变功能的前提内，做到能更换页面布局及换色。CSS样式每个页面引入不超过两个文 件，一个 是COMMON：它包含整个站点都需用到的公用部分，如整体布局，头部，脚部，框，按扭等。另一个是当前页的 CSS。CSS文件 引入在2个之内，减少http请求避免CSS的表达式。

3． 将脚本放在底部。这样页面就可以逐步呈现，而且页面中的可视组件可以尽早下裁。配合程序开发人员我们需要注意的（xhtml）：

1．了解用户可编辑上传修改的“图片”，“文字”区域的需求。根据需求来定位控制，以保证页面的稳定显示。如图片，需了解： 1）宽度是否是固定大小，

2）宽度最大限度，

3）大小不一样时的居中显示 如文字，需了解：

1) 文字的最大长度。及加“…”省略号区域,

2) 在测试中经常也会碰到英文无空格情况，得用overflow: hidden的方法隐藏溢出部分。

2．每个页面加上正确显示的TITLE。

3．在页面中尽量完成每步交互效果，包括既时响应的。

4．提交程序员的DEMO必须是连贯的，交互效里齐全，而且经过自已在IE6.0，IE7.0，FIREFOX一次以上的整体测试。 设计师需要注意的几点：

1. 尽量考虑为元素命名其本身的作用或尽量考虑为元素命名其本身的作用或尽量考虑为元素命名其本身的作用或尽量考虑为 元素 命名其本身的作用或”用意用意用意用意”，，，，达到语义化达到语义化达到语义化达到语义化。不要使用表面形式 的命 名。如:red/left/big等。

2. 组合命名规则组合命名规则组合命名规则组合命名规则: [元素类型]-[元素作用/内容] 如:搜索按钮: btn-search 登录表 单:form-login 新闻列表:list-news

3. 涉及到交互行为的元素命名涉及到交互行为的元素命名涉及到交互行为的元素命名涉及到交互行为的元素命名: 凡涉及交 互行为的元素通常会有正常、悬停、点击和已浏览等不同样式，命名可参考以下规则:

鼠标悬停:：hover 点击：click 已浏览：visited

如:搜索按钮: btn-search、btn-search-hover、btn-search-visited

4.用户体验方面需要注意的用户体验方面需要注意的用户体验方面需要注意的用户体验方面需要注意的：

1） 每个连接，按钮要做上鼠标hover时的一个变化效果。如果hover时是换一张背景图片，请把这两张图片整合在一张 图片中，以防止在hover时，页面还在download变化的那张图片，这样会出现那个按钮无图的间隔；

2） input有个label，可以让用户在点击字时，光标自动跳入相应input中；

3） 图片应该有alt属性，以备图片阻止时，文字的替换

亲身经历告诉你：

1.我14年到16年4月都是做淘宝美工的。后来因为工资上不去，还要被客户指指点点，16年4月7号裸辞，全职从头开始学习前端

2.然而，我全职学习了8个月，其中可能有四五个月在打游戏，边打游戏边学习的这种程度，为什么打游戏呢，因为期间有投过多次简历，几乎没有一个通过面试筛选的，这让我很灰心，开始沮丧灰心，陷入了游戏的毒药中，还好的是我当时并没有后悔我辞职的决定，于是坚持学习了8个月。

3.皇天不负有心人，我终于在16年的12月15号拿到了外包腾讯的前端工作，虽然是外包，但是我很开心，终于算转行了，鬼知道我那段时间经历了什么，真的难过的要死。

4.在腾讯工作了一年多以后，我感觉技术差不多了，由于腾讯的外包人员几乎没有转正的通道，于是我果断辞职，经过一些时间，我拿到平安科技的offer 。

总结：以我的亲身经历告诉你，自学三个月左右，全职学习，别玩游戏，你一定能找到前端的工作。送一句话给你：坚持，一定会成功的。加油！

1、css,html,js 基本要求要能够了解并且熟练。

2、在完成1后,了解前端自动化, webpack,gulp, 并且能利用webpack,gulp写一套脚手架(不是框架),实现最基本的 es6 -> es5(babel + eslint), css处理器(比如sass)-> css(postcss做浏览器兼容), 模板(比如 pug)->html。

3、在完成2的同时 你会了解 es6的语法,sass的使用,和一点点nodejs的使用。

4、完成2和3后, 你可以尝试了解 jQuery->vue->微信小程序, 其实方向就是 DOM操作->MVVM框架->商业化产品(微信小程序,混合式APP开发等)

5、在完成4的同时 你会了解到 一点点HTTP请求知识,cors跨域处理,AJAX等

6、在完成4后还有余力的话, 去了解nodejs+express 最基本的写一个管理系统,或者blog等等

7、在完成6的途中你会了解到 http请求,数据库操控, cookie与session,restful API,等等

如果能够全部完成7点,达到 了解并且掌握的程度, 那么找个实习是没什么问题了,剩下的坑在工作中学习吧。

你一提到自学，我就知道没戏了。

我做web前端10年了，我比任何3~4年或者其他经验的人，对于web前端都要有敬畏之心，做的时间越长，越感觉啥都不会。

相反初web前端和做1年左右的人，恰恰相反，他们觉得什么都会。

其实web前端有点像是说相声，我比较赞成郭德纲的话 “相声这门艺术，就是张口说话，很多人说了，我也会说话，凭什么听你说话？这要的是本事。 张口说话的人很多，能说好 的不多”

web前端基础以外，最重要的是经验，经验，经验，干货，干货，干货，踩坑，踩坑，踩坑，这些东西你别想通过自学来学到，除非你通过大量的实战，或者有经验的前辈告诉你。

否则，只有基础，没有经验，你看看市场上，这样的人多如牛毛。

我是做后端学PHP的，已经干了差不多两年了，没办法前段多多少少接触，不会只有查。我PHP学了差不多6~7个月，我寝室也有3~4个学前端H5的，对于他们学的课程也有所了解。

前端基本要会HTML基本的标记语言以及H5，CSS样式以及出新CSS3要熟悉，前端框架要会PHP也要会Bootstrsp3以及主要用法，JS端要会jqueey前端后端都会用到，ajax也要会用，会使用前端Node.js，手机端web等。到后期也要做几个项目才行，要想学的差不多我估摸没有3~4个月搞不完。

如果自学多看看视频和文档，如果自制能力差一点可以报个网上课程试一试，因为线上有其他同学跟你一起不会还可以问，主要是市场比较新的技术机构肯定比咱了解多。

我有一些线上课程需要@我，互相帮助，共同进步，点个赞。

本人前端开发两年，根据本人对市场的了解，简单讲下。

自学前端除了要掌握css,html,js，还必须需要掌握react.js,webpack，react-native。可以这么讲，精通react的工作都好找。目前大部分公司都用了react开发项目。

前端开发者的加分项，会算法，数据结构，数据库，http协议，一门后端语言，有自己的开源项目并且有不少星星，英语水平优秀，计算机相关专业等。

HTML5核心元素及布局应用；CSS3核心属性及布局应用；图形、图像软件的使用（PS,FW,AI）；浏览器兼容及解决方案；图片整合、滑动门及宽高自适应等高级应用技术；原生JavaScript的学习这些都是基础的，学完之后就是第二阶段的学习了，jQuery以及angularjs等前端框架，以及ajax等方面的知识技术，这些掌握之后，就需要一定的实战项目来增加自己的经验了，而后就是在工作中不断的学籍精进。

前端主要是js，最低条件是会用一些常见的js框架，比如jq、vue等等，用它们做个小项目就行

1.给你一个面试题，你也许回答不上来；但是必须知道通过一系列搜索(谷歌，百度，github，stackoverflow)找到答案；

2.给你一个psd设计图，你能比较好的写出来；

3.客户(或面试官)提出一个特效需求后，你要知道从哪里找到插件(不可能每个程序员都能写插件，但是至少你要会用，熟练使用插件，知道哪个插件最适合哪个需求也是加分项)

注意: 尽量从github下载，不要从\"懒人素材\"或\"17素材\"这些没有维护的网站下载

学习HTML和CSS，而且要完全掌握

必学：JavaScript

h5+css必学

多了解一些框架如：Bootstrap

MVC/MVVM/MVW框架：

Angular.js、React.js、Vue.js、Backbone.js、Knockout/Ember等这些前端框架都要了解，最好熟练两三个。

最主要是多练习 多练习 多练习，最好自己单独可以搞定某个项目整个前端，不然找工作会让你介绍做过的项目。

我是做后端的，在我看来前端要学的东西很多，而且更新很快。