简历上面的web前端的项目经验有哪些？

做几个意义性强一点的案例，可以证明你在这些方面有造诣，并且可以让人可以看的出的demo，列举几个站点，并注明参与了哪些部分，学到了哪些知识。方便的可以传到代码共享之类的网站或者自己搭建在线预览的站点，要事先准备好，并且保证在任何一个设备都可以访问使用。

简历的排版：字体不要太小，要求清晰，可以考虑表格式，突出重点（这就要视你去什么公司面试而定了，将你觉得最能吸引着家公司或者这个行业的特质放在前面或者比较醒目的位置），可以考虑用不同的字体突出，但不要太花哨。

列举主要成绩和能力，可有可无的甚至可以舍去，千万不要伪造简历或者夸大自己的成绩，因为你不知道审你简历的人会不会就是你的前辈。

教育背景要简洁而详细，教育背景重点在本科，研究生时的时间，专业及学历学位，如有必要注明部分主要课程。

不要过于信赖网站上的简历模板，网站提供的模板多数是版块内容非常丰满，全面的，但很多的版块不一定适合你，记住了，简历不在于模板是否漂亮，关键是里面内容的质量。

ui设计师的简历中的责任描述可以这么写：

1、 配合主美，在已知美术风格下，制定UI风格。

2、 负责设计包括游戏Logo，代表性元素、标识在内的游戏产品UI工作。

3、 基于用户体验和易用性进行设计、制作。

4、 配合策划、程序，进行UI需求分析，提出包含交互体验、动态化后的设计方案。

5、 跟进、确保美术资源的最终效果。

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。

好的UI设计不仅是让软件变得有个性有品味，还要让软件的 *** 作变得舒适、简单、自由,充分体现软件的定位和特点。

一般来说，人机交互工程的目标是打造一个让用户 *** 作简单、便捷的界面。所以也就是说，UI 指的不是简单的用户和界面，还包括用户和界面的交互。那么作为 UI 设计师，要做的就不只是设计出美观的界面，还要设计出让用户用起来舒服、 *** 作简单的界面。

网页技术按照传统的分类来说，分为设计和开发两部分，英语中叫做 web design webdevelopment，UI 设计师既然叫设计，肯定是属于design 里面的，而设计一般还分为前端设计和后端设计，前端叫做 front-end，后端叫做 back-end。简单的打个比方，就是前端负责画蓝图、后端负责盖高楼，而UI设计师，就是属于前端设计的。

这两个解释我都觉得拿到现在已经不是很完整了。作为一个UI设计师，你不能局限在前端设计里，并非你只是设计楼的样子而不盖楼，甚至于怎么盖楼，都是你要全程监控的。试想，你的伟大设计由于一个拙劣的施工队而走了样，变了形，只能怪你监管不力，不用去埋怨施工队。

当然，前提是你有这个权利去寻找一只有能力的施工队伍。寻找施工队的任务也是你要了解的，如果你只懂得大放厥辞，挥毫泼墨，丝毫不考虑施工队伍的感受，那你也会变成众矢之的。

提高程序员的工作经验除了通过项目实际开发以外，只有平时的知识积累以及简单的程序开发测验等项目来提高了。今天，我们就一起来了解一下，在提高开发工程师 *** 作经验的时候，都有哪些方面是需要掌握的。

在此之前，如果你需要使用一些外部的库或者任何插件，你都需要手动下载相应的JavaScript和CSS文件，然后把它们放进项目中。但是如果这些库或者插件发布新版本的话，你也得在项目中做出相应的更新，这样管理项目是非常麻烦的。包管理器帮助你解决了这个麻烦，它们可以帮助你自动地将外部库和插件引入到项目中，这样你就不必专门手动更新外部文件了。包管理器有yarn和npm，两者几乎相同，都只有安装的功能。你可以选择其中的任何一个，一旦学会使用其中的一个，另一个也就会了。

让我们学以致用

当你对包管理器有了基本的了解之后，就可以在你制作的网页中引入一些外部库。例如你可以安装一些Toast插件，当用户点击按钮的时候，用Toast插件向他们显示信息;或者你可以创建一个登陆表单，利用一些表单验证库来进行表单验证。可以学习如何使用不同的库，并了解如何安装不同的版本。

CSS预处理器

预处理器让CSS的功能更加丰富。CSS预处理器有Sass,Less,Stylus等等。如果让我选择的话，我喜欢Sass。近比较流行的CSS预处理器是PostCSS,它的作用相当于CSS的解析器，了解它的使用也是很不错的。它可以单独使用，也可以配合Sass使用。我的建议是先学会Sass，后面如果你有时间的话可以再研究PostCSS

CSS框架

你不需要再学习CSS框架，当然如果你想学习的话，也有很多选择。我喜欢的CSS框架是Bootstrap、Materialize和Bulma。但是结合现在的市场需求来说，我会选择Bootstrap。

CSS文件管理

随着项目的复杂程度增加，CSS也会开始变得混乱而无法维护。我们也有很多方式可以更好地构建CSS，以实现可伸缩性。例如OOCSS、SMACSS、SUITCSS、Atomic和BEM。你可以了解下它们之间的不同，我个人更喜欢BEM。

构建工具

构建工具可以帮助你构建、打包和开发JavaScript应用程序。这里包括校验工具、自动化构建工具及打包工具。

自动化构建工具有npm、gulp、grunt等。但是现在Webpack已经能够实现Gulp的很多功能，所以，现在通常都只使用npm来配合webpack完成任务自动化。你不必学习Gulp，当然以后如果你有时间的话，也可以了解一下，看看它是否适用于你的项目。

校验工具有ESLint、JSLint、JSHint和JSCS，但是目前大部分人都使用ESLint。

打包工具有Parcel、Webpack、Rollup、Browserify等等。如果必须选择一个的话，请毫不犹豫地选择Webpack。Rollup也很常用，但是北大青鸟昌平计算机学院建议将它用在库里面。在开发app的时候，请使用Webpack。所以，现在请开始自学Webpack，如果你愿意的话，了解一下Rollup也可以。

toc项目经验指的是一个前端开发人员在工作中参与制作TOC组件的经历和能力。
toc是指一种在文档页面上表现目录的组件，通常出现在文章的开头或侧边栏，方便用户快速了解文章的结构和内容，并快速跳转到所需要的部分。参与toc组件的制作需要前端开发人员具备HTML、CSS、JavaScript等相关技能，能够熟练运用DOM *** 作、事件处理等技术，并能够实现组件的响应式布局、动态生成等功能。
在前端开发中，toc组件是一种常见的功能模块，几乎所有类型的网站或应用都需要用到。拥有toc项目经验可以展示出前端开发人员的技能水平和工作能力，有助于提高求职者的竞争力。

---