一、前端小姿势点(从一名小白到前端大神需要掌握哪些姿势点)

1.从一名小白到前端大神需要掌握哪些姿势点

要想被称为前端大神要掌握的姿势点还是有点多的，以我在源码时代培训过的经验来看，要想成为顶尖的前端大神，下面内容姿势点你至少是应该要掌握的：“JavaScript基础、HTML入门基本内容，反恐精英S+DIV的基础姿势，选择器，盒子模型，网页布局，Photoshop,JavaScript顶级编程，jQuery插件开发，模块化组件开，AJAX,HTML5,反恐精英S3，响应式原理及布局，Bootstrap，前端依赖管理，反恐精英S预处理语言（Less+Sass）,Grunt/Gulp自动化构建工具Express(Node.js),MongoDB,ElementUIl,MVC、MVVM架构玩法，VUE2,Webpack模块加载器&打包工具，React,Angular4,React Native”是不是感觉很多？觉得多就对了，只有对上述内容做到系数掌握，你才有资格被称之为“前端大神”。

2.进修前端HTML5需要了解哪些姿势点

Stylus/Less实现反恐精英S预编译

Express实现服务器端搭建

Nginx实现服务器反给代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现化解跨域

Animation实现动画

Canvas实现气泡，钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport+ Rem实现移动端适配

ViewPort实现1物理像素难题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现反恐精英S预编译

Express实现服务器端搭建

Nginx实现服务器反给代理

ngrok实现内网穿透

3.网站前端开发都需要掌握哪些姿势

反恐精英S和HTML、JavaScript这是前端进修的三个语言，其中HTML是自简单，设计到代码多的就是反恐精英S、JavaScript，入，门简单，达到初级前端水平很容易。

然而精通各种框架需要一定进修操作1、反恐精英S和HTML刚入门的兄弟，应该把重点放在 反恐精英S和HTML基础姿势的进修上。关于 反恐精英S(3)你需要了解下面内容一些姿势点：web标准、HTML相关概念、HTML标签、途径相关概念、锚点及其他、表格标签、表单标签、综合案例，注册页面、反恐精英S选择、反恐精英S字体样、反恐精英S外观属性、调式、反恐精英S复合选择器、标签显示玩法、反恐精英S背景、反恐精英S三大特性等等。

总的来讲，反恐精英S和HTML的进修还是相对简单的。2、JavaScriptJavaScript一直都是前端工程师提高的基石， JavaScript的领会深度决定了前端开发者的职业进步。

关于JavaScript的进修内容包括了浏览器执行JS经过、JS变量、数据类型、运算符、流程控制语句（if else、三元表达式、switch）、循环（for、while、do while）、数组、冒泡排序、函数、影响域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了JavaScript基础语法的基础上，大家才能继续深入进修前端技术。

前端需要掌握这些基本技能精通html，能够书写语意合理，结构清晰，易维护的html结构；精通css，能够还原视觉设计，并兼容业界承认的主浏览器；熟悉javascript，了解ECMAscript基础内容，掌握至少两种js框架随着web前端技术不断进步，web前端的岗位越来越多了，技术路线也有好多种，。web前端有广阔的进步空间，app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。

只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，然而需要部分编程，入门简单，然而要学的深入需要壹个经过。Web前端招聘岗位•前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师。

• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师。• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师。

•小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开发工程师、Web安全工程师。在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术进步，就业路线也有很多。

web前端的就业路线有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。HTML前端开发和Web前端开发不同的是，运用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，运用浏览器进行3D渲染等一系列建立在HTML5标准和搭载其标准浏览器上的开发，而未来也许会有更多的功能分支并入HTML5标准。

web前端工程师这个路线是目前从事Web前端开发的主要就业路线Web架构师薪资普遍相对高，技术标准高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。数据路线数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java要熟悉，属于Web开发的拓展路线。

大前端路线比如阿里，在大量操作rn和weex；由于企业内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端。图形学路线前端天然是和图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发职业。

做这一行标准也特别高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关姿势。

4.学HTML5,你需要掌握这多少姿势点

Html5开发可谓是这几年来特别“受宠”的软件开发了，html5不仅入行门槛低、薪资高，进步前景更是可观，因此得到大家的追捧和青睐也是实至名归的，那么想要从事html5开发进修要掌握哪些必要的姿势呢？

那么想要学好html5开发，那么需要掌握的专业技术有：

第1阶段：前端页面重构：PC端网站布局、HTML5+反恐精英S3基础项目、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详细解答及项目实战。

如今移动互联网进步迅速，技术不断的更新迭代，所学姿势也需和时俱进。现在市场上的主流互联网网站，需要打造的是一流用户交互尝试。对于前端开发者的标准，不再是简单的页面展示，而是需要全栈式的前端开发工程师。

5.web前端开发需要用到哪些姿势

1. HTML5+ 反恐精英S3+ JavaScript Web开发基础中的基础，HTML是负责网页结构，反恐精英S负责网页样式，JS则负责逻辑交互。

前两者更像是标记语言，没有啥子逻辑，JS才是前端的重中之重。 HTML5新增的技术大部分需要结合JS进修。

每个人进修进度也许不同，这个阶段主要是多仿站，熟悉基础，尝试用反恐精英S写响应式页面，了解JS深入性的姿势，比如原型链、闭包、设计玩法等需要更多的积累，逐渐领会并操作掌握。 2. JQuery+ BootStrap+ Ajax+ Json jQuery是JS的壹个应用库，能够提高原生JS开发效率。

Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如地图应用等。

Json是一种数据格式，被广泛应用在各大编程语言中。 jQuery和 bootstrap会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人提议还是少用。

Ajax和 json通常用于和后端交互，在实际业务中也经常用到。 3. Git/SVN版本管理工具，主要用于团队开发时避免文件冲突，也可回档。

前端主推进修Git。 4. Nodejs+ Mysql/MongoDB（可选）运行在服务器端的JavaScript。

Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各个网站去下载资源包。

数据库的进修可以选择MongoDB或者MySQL，前者和Nodejs的契合度更好，不过现在大多数网站都是 PHP+Mysql的组合，如果有学PHP的打算的话，可以先进修 Mysql。 5. ECMAScript 6 JavaScript的语言标准。

ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中思考到兼容性，ES6是需要通过Babel将其编译为ES5来部署的。

6. Angular/React/Vue前端三大框架，各自也有着各自的生态体系，根据需求自行选择进修。目前企业需求量最大的仍然是Angular，但近期动向来看react和vue则更受欢迎。

由于现在前端技术进步太过于突飞猛进，工具和框架的更新比翻书还快，提议进修还是看文档相对好。进修经过中也会遇到很多用到各种构建工具的时候。

7.其他常用工具这个一样是根据需求自行选择进修。相对常用的现在有 Web pack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成浏览器能运行的文件。

Sass/Less,反恐精英S预编译框架，可以用带有逻辑性的方法编写反恐精英S代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等职业。

8.其他后端编程语言目前市场对前端基本都标准会一门后端语言， PHP/ JAVA/ Nodejs/ Python等。

6.前端这么多姿势点该如何记忆

前端涉及到的姿势确实是相对广的，先要理清一定的框架，接着有条理的进行进修才能事位功半，这里我有一份姿势体系给你了解一下

如果你有毅力可以坚持下去就自己好好的自学，但如果觉得效率不是很好条件允许的话也可以思考参与体系的培训，虽然要花钱但可以省不少的时刻，自己权衡。

二、交互设计姿势点——用户尝试地图

用户尝试地图一个可视化地描述用户运用产品或接受服务的尝试情况，以此发现用户在整个运用经过中的难题点和满意点，并从中提炼出产品或服务中的改进点和机会点。

最典型的用户尝试地图例子，也是很多文章引用的应该是Chris Risdon绘制的欧洲铁路购票的尝试地图。

用户尝试地图的内容和元素大致有下面内容几点：

区域A：用户模型通过分配（1）人物（“谁”）和（2）要验证的场景（“啥子”），为地图提供描述范围。

区域B：地图的核心是可视化的尝试经过，通常把尝试经过的块状段落对齐排列（3）。用户在整个尝试经过中的行为（4）、想法（5）和情感尝试（6）可以通过调研中的引用或者视频辅以展现。

区域C：解析应根据地图支持的业务目标而有所不同，它可以去描述研究经过中的发现和用户痛点，还有某个可聚焦路线的进步契机（7），以及全部权（8）

记录：形象化的用文字和图形表达用户的所见所闻所想所做；

剖解：一层一层地分解用户运用产品的流程；

发现：尝试经过中的难题点，寻找机会点；

同理心：在和团队探讨和讨论中，成员能够更具有代入感，从用户的角度思考产品。

以二手交易平台为例，大家来做壹个详细的解析。

通过一些观察记录、行为研究、调查问卷、访谈用户等方式，获取大量真正有效的用户数据。用户尝试地图是基于事实，是用户运用难题的有效梳理方法，因此前期预留大量的时刻做事实调研时很有必要的。

二手电商案例，我简单的在Apple store点评、贴吧、论坛等网络平台收集了一些用户的点评反馈。概括起来都在讲：定价估值没标准、双方纠结难题杂、鱼龙混杂骗子多、信赖担保不健全等。

其次要确定用户画像，既然用户尝试地图是梳理用户运用产品上的尝试难题，那么大家需要壹个典型用户作为这些难题的承载体，这样会运用户尝试地图更加真正。

解析前期调研的记录，根据拟确定的用户需求，有针对性的摘录用户的行为（Doing）、心情（Feeling）、思索（Thinking）。而且用简洁的语句来概括：

Doing：我+动词…例如：我公开商品；

Feeling：我觉得…例如：每次运用App都让我点评，我觉得好生气；

Thinking：我认为…例如：我认为安全体系再完善点就好了。

解析结束后，可以将“行为”和“心情”写在便利贴上，方便后续整理分组，把“行为”按照达成用户目标的逻辑顺序整理，并归类为多少阶段，在每个阶段中找出决定因素节点。定义决定因素节点合格的标准是否客观，对应的用户感受是否综合，移情图可以在给定环境下，对用户所见、所想、所听、所说的综合性描述，由此归纳出用户的痛点以及用户想要改变的地方。

经过大量的真正数据积累和解析，绘制用户尝试地图其实就是按照模板填充就好。我这里按照通用的模板做了壹个在咸鱼上购买二手商品的用户尝试地图。

针对用户尝试地图上的用户心情曲线，以及提炼出来的痛点。产品团队就可以根据自己的经验，或者再做一些竞品解析，组织团队一起头脑风暴，挖掘出机会点，寻觅出可行的化解方法。

（1）明确用户尝试地图将要支持啥子样的业务目标；

（2）要基于事实；

（3）谁将会运用它；

（4）它是关于谁的以及将要呈现如何的尝试；

（5）如何把它共享出去；

（6）无论兄弟们的用户尝试地图应该是“Focused”、“Socialized”、“Truthful”.

（1）忽略前期对产品的思索，忙于开工制作Map；

（2）根据自己的经验或者认知来确定地图中的阶段；

（3）不要过早的将渠道信息加入到Map中；

（4）不要被动的摄取信息，最好团队内部脑暴一份地图和产出物进行对比。

[1]  Journey Mapping in Real Life A Survey of UX Practitioners

[2] 唐晓兰：用户尝试地图浅析

[3] 星玫：以干货开场，怎样有效地做用户尝试地图

[4] 戴戴：用研方式用户尝试地图操作

[5] 怎样创建耳东叔：用户尝试地图（Customer Journey Map）

[6]  IrioLee：[译]构建用户尝试地图的时机和方式

[7] 给未：用户尝试地图从应用场景到绘制流程

[8]  Anne：用户调研必修怎样建立用户尝试地图

[9] 小婧：又见树木，又见森林

[10] 妞妞_pp：用户尝试地图（User Experience Map）制作经过中的一些误区

[11]  The 5 Steps of Successful Customer Journey Mapping

[12] 让一切可见–视觉设计师怎样运用“尝试地图”工具–企鹅CDC

三、游戏开发进修,都学啥子内容

壹个游戏问世要故事很多环节，剧本设计，原画创作，场景建模，但核心部分还是编程语言开发，我有全套游戏开发视频课程可以发给你自学。

主要学的内容如下：

1.游戏程序设计：C++程序设计入门；基本数据类型和输入输出；流程控制语句；数组、指针和引用、函数；程序结构和书写规；范结构体和联合体、类；继承和多态；异常处理和程序调试。

2.算法和数据结构：算法解析；数据结构；基本算法；STL的概念和运用；静态库和动态库；XML库的运用。

3.Win32程序设计：Windows程序入门；Windows消息；GDI绘图游戏工具和MFC；网络编程基础。

4.游戏数学和智能应用：游戏中的坐标系；矢量、矩阵；几何碰撞；物理模拟；人工智能和寻路算法。

5.2D游戏技术和应用：2D游戏技术概论；游戏地图体系；GUI体系；战斗体系设计；任务体系；杰出的声音引擎BASS；Cocos2D-X引擎；Box2D物理引擎。

如果想线下学，市面上不错的品牌有：南京北大青鸟、中博软件学院、南京课工场等，提议实地考察对比一下。记得找我要全套游戏开发视频课。希望兄弟们学有所成！望采纳！

北大青鸟中博软件学院游戏开发课堂实拍