web前端设计可以写下面内容:
JavaScript的基本数据类型，内置对象的常用方法，理解事件机制，理解原型继承，理解作用域问题，理解模块化，性能优化，知道基本的编程语法，比如循环，判断，try/catch 等等，理解包括多种函数定义以及赋值的方式，包括匿名函数，理解基本的命名空间，全局(window)空间以及对象空间(不包括闭包)
2.具备较强的网页美术设计能力和很深的美术功底，极好地把握视觉色彩与网站布局；
3.较强的分析问题和解决问题的能力；细致的观察能力，较强的创造力；对产品流程、用户操作流程及 用户使用习惯有深入理解，掌握用户研究、可用性测试和评估技能，有很强的交互和视觉创新能力；
4.熟悉HTML，XML，DIV，CSS，熟练运用DIV+CSS制作网页，能够手写代码者优先。
关系：交互设计师主要是研究用户需求和界面的关系，并且根据这种关系，对产品的功能和界面交互模块进行设计和规划。
例如要做一个网站，交互设计师主要考虑的问题是，这个网站的目标人群是谁，满足他们的什么需求，目标用户有什么样的操作习惯。
根据分析相关的需求调研数据，交互设计师会建立一个或者几个用户模型，然后分析这些用户的使用习惯，建立网站的设计原型，这个原型可以是普通的相框稿，也有可能是一个高保真模型，但是并不需要设计元素细节和具体的视觉效果。
一般来说，交互设计师的工作内容就到此为止了。
UI设计师，顾名思义，会更侧重用户界面的设计，前面那些用户模型、需求分析什么的，UI设计师一般不用参与，等交互设计师把这些工作都搞定了，完成了一个设计原型之后，UI设计师再对页面的细节进行设计和优化，所以UI设计师的工作会根偏向视觉一些。
随着移动互联网的发展，近几年web前端技术越来越受大家的喜欢，那对于小白童鞋而言，学习web前端到底要学习些哪些内容呢？
其实优就业web前端的学习主要包括以下几个阶段：
第一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less
第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
第六阶段就业指导+项目提升：就业指导、企业面试复盘
学习完这几个阶段，html5开发中的一些理论知识基本上就掌握得差不多了，接下来就是找一些小项目练手。在找项目的时候最好找有商业价值或有实际意义的，由深入浅。最后还可以做一两个小项目，传到开源网站上，方便面试的时候展示。