psd网页切图制作html 学html和css能找到工作吗？

学html和css能找到工作吗？得特别精，面试机会会少很多为什么感觉周围很多自学web前端的人后来都放弃了？第一，前端不像网上说的那么简单。前端是一个系统性的学习，大家都说前端不就是HTML CSS

学html和css能找到工作吗？

得特别精，面试机会会少很多

为什么感觉周围很多自学web前端的人后来都放弃了？

第一，前端不像网上说的那么简单。前端是一个系统性的学习，大家都说前端不就是HTML CSS JS么。HTML和CSS都不算编程语言，就一个JS还是脚本语言，能有多难，其实一个css就能把你搞疯。很多人看css很简单，也不去看规范，上来就乱搞。然后说css设计原型有问题。其实是你没有看css的规范。如果你系统的学习了前端的规则，那就简单了。

第二，自学难的不是智商，是坚持下去的毅力。很多自学的人都是对前端感兴趣的零基础或是从别的行业转过来的。这些人对前端的知识都没有什么清晰的概念，又没有前辈去引导他们，所以学习的过程中会遇到很多知识上的疑惑和困难。在学习上产生的挫败感很容易打消学习的动力，能从这些挫折中坚持下来才是重点。

第三，学习的东西滞后。自学的人大多是从网上找的学习资料和视频，这就存在很大的问题，首先网上的这些资料质量参差不齐，其次，前端的知识是一直在更新迭代的，很难凭一己之力收集到最新的前端知识。

最后，希望自学前端的小伙伴都能坚持下去，找到好工作。

每天都在更新一些前端知识，从零基础学前端到干货整理，有兴趣的小伙伴关注我

怎样快速入门Web前端开发？

新手怎么快速学习web前端技能？这个问题是刚开始学习web前端开发的朋友都会想问的，开始的时候没有人带你和有人带你是不一样的，各有利弊吧，没有人指导的话会苦逼一点，但是可以锻炼出很强的学习能力，有人指导的话可以少走一些弯路，但是容易养成依赖别人的习惯，影响独立思考的能力。当然我是属于参加前端培训学习的，在这分享一下我的web前端学习的经验吧。

在学习之前，首先要搞清楚，web前端工程师需要掌握哪些技能才算得上是web前端工程师？比如我在学习前端技能之前，先制定一个学习计划，先看一下招聘网上的招聘web前端的岗位要求什么技术，先记下来，里面的技术要求都是最新的技术要求。

学好上面的基础知识，然后就是学习各种框架了，比如最近比较流行的vuejs框架，还有angular和react，我建议先学好一种，理解其中的原理和思想，到后面学习其他的相对简单一点。jquery框架是最多人用的前端框架，当然也要掌握，学习它也比较简单。css框架也要掌握至少一种吧，比如sass，less，stylus等等，用的比较多的还是sass和less吧。还有精通页面布局，css样式调整，深刻理解web标准，对可用性，可访问性，结构与表现分离等等相关知识也是必须的。

当然也需要精通熟悉bootstrap，font awesome.js等前端基础库，熟悉大规模的web应用开发，网站性能优化和代码规范。当然如果使自己更加充实，就学习一门服务器脚本语言，儒nodejs/php/java/python等，个人感觉nodejs更接近前端一点，它是前后端分离的框架。学习一本后端语言也是一个加分项，也是为了以后的全栈和架构师之路也是必须的，如果你向产品经理发展那就另当别论。

针对于新手，最好是建议去一些web前端培训机构学习吧，会有比较专业的导师教你入门，为你制定比较适合你的学习计划，这样学习起来也比较快。

html css js为什么不直接设计成可视化的,像做PPT那样？

已经有很多可视化html css js的工具了，如：DW，H5Builder，百度网站框架，VUE等...

但从效果上始终达不到ppt那样，这个里面涉及到一个基本的问题：开发语言。

PPT属于微软封闭的office套件，其格式独家专用，也没有提供给开发者的自定义开发脚本（excel有VBA宏），word有基本的函数，ppt只提供了封闭的效果引用，如：动画，图片效果渲染等。

而html则是超文本标记语言，在js脚本和css样式表描述下，提供给浏览器（开放的软件）临时编译成在浏览器框架下运行的对象，所以，才会出现一些网页在一个浏览器中显示正常，而在另外一个浏览器中则显示异常的情况，因此，很难提供一个类似ppt的可视化框架用于web页面的拖拽编辑。

最近几年，前后端分离开发后，前段都往框架和模版方向发展，没有后端的数据支撑，在开发阶段，很多页面甚至就是一片空白，就更加不可能用ppt的方式来开发了！

前端工作会被AI代替吗？

不会。但是AI将取代前端工作中一些机械化的部分。

机器学习生成代码方面已经有不少研究了。例如，2017年Tony Beltramelli发表了《pix2code: Generating Code from a Graphical User Interface Screenshot》（arXiv:1705.07962），可以从设计师制作的程序界面截屏生成代码（包括网站和移动端）。

上图为pix2code模型架构。可以看到，pix2code使用了CNN和LSTM模块。

pix2code的表现十分喜人。在前端代码生成方面，准确率接近90%（错误率11.01%）。

左为人类编写的前端代码渲染出的网页，右为pix2code自动生成的代码渲染出的网页。可以看到，生成代码还有一些不到位地方，但效果已经相当好了。

曾几何时，设计师需要使用PS手工切图，测量、标注各种尺寸。相应地前端也需要把设计师的这些“体力活”用代码再重复一遍。后来有了Sketch等方便的工具，可以直接从设计原型输出HTML和CSS代码，使设计师免于切图之苦，前端免于写页面之苦。但是，反过来说，如果有人是专门负责切图或者写页面的话，那这些工作实际上是被取代了——而这甚至还没涉及到人工智能。本来，一些机械化的活，计算机能干得又快又好，就该交给计算机来干。随着人工智能的发展，工具能更好地辅助前端，提高开发效率。