JS学习暑期个人规划

“前端开发”就业市场调查

技能要求：

核心基本技术：HTML、CSS、JavaScript、操作系统、网站服务器等。

操作系统知识包括Unix和Linux基本知识，网站服务器知识则包括对Apache的基本配置，htaccess配置技巧的掌握。

进阶技术：开发过程性能优化、前端框架。

在掌握基本核心开发技术后，学习web框架可以加快web开发速度，节省开发时间。常见的前端开发框架有：Bootstrap、Html5-Boilerplate、Meteor、Semantic Ui、Foundation、Materialize、Pure、Vue、Skeleton、Amaze Ui、Uikit、Yui、Mui、Arale、Jx、Gmu、Zui、Clouda Touch.js。

用人单位类型：

大都属于互联网公司、软件开发公司。有个人竞争力的话，会有较大的就业市场。

工作内容：

常见前端开发工程师职位职责要求：

（1）使用Div+css并结合Javascript负责产品的前端开发和页面制作。

（2）熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

（3）负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

（4）与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

（5）了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

资深前端开发工程师

相比较“前端开发工程师”而言，更加资深，工作职责更大。一般而言，资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件，熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案 提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外，还要跟踪研究前端技术，设计并实施全网前端优化。HTML5、node.js（JavaScript编程的后台语言）兴起，要求资深前端熟悉后端，并且要在商业模式、代码架构思想等维度去整体考虑前端的全局布局。

前端架构师

前端架构师更偏管理，但职责要求不仅限于管理。前端架构师需要带领组员实现全网的前端框架和优化，创建前端的相应标准和规范，完善并推广和应用自己的标准和框架。同时，还要站在全局的角色为整个网站的信息架构和技术选型提供专业意见和方案。

薪酬

在校实习生平均薪资为日薪150元，月均薪资为4k。

应届生平均薪资为7k，技能要求示例如下：

 面向社招，工作3-5年后的资深前端开发工程师平均薪资为：13K。技能要求示例如下：

 发展路径

技术学习发展路径：

1. html+css+js：前端三剑客的基本学习；

   

2. JQuery：目前虽然很少使用JQ开发，但以前庞大的使用JQ开发老项目仍然需要维护，同时JQ的前端开发思维十分值得学习；

   

3. html5+css3：前端三剑客的进阶学习，动画类动态页面的基本开发；

   

4. 移动端web开发学习：相较于PC端，移动端开发基本技术不变，但有许多新知识仍需学习；

   

5. es6+阶段：通常所学的JS指的是ES5，ES6新增了很多api知识板块，当前开发是以es5+es6协同开发为主；
6. 前后端交互阶段：学习的主要知识有 http+ajax+json+nodejs+mysql+MongoDB等前后端交互知识，资深的前端工程师不仅仅只能有前端技术栈；

   

7. 语法框架：框架指的是利用html+css+js开发出来的一些简化项目开发工作的工具，是当前前端的主流开发手段，应届生校招时往往都要求至少掌握一项框架工具（如vue、react等）。

   

8. 项目管理+UI框架：项目管理一般需要学习git和svn，方便企业同事之间进行合作开发。

 暑期学习规划

 第一阶段（2-3周）：学习JS基本知识，练习html+css，能基本完成大部分的静态页面开发，同时JS基本知识基础掌握。包括：JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

第一阶段大作业：html5+css3网页实战（可先不加js）。

第一阶段学习素材：最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibili黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili

第二阶段（4-5周）：JS实战案例学习，深入学习JavaScript核心 DOM 和 BOM操作。学习如何获取DOM元素，如何操作DOM 元素，BOM操作， 事件，事件对象，事件委托，JS执行队列，定时器，常见网页特效，比如轮播图，tab栏切换等。 同时包括移动端如何制作网页特效，同时进入JS实际开发应用阶段。

第二阶段大作业：实际网站开发，加入JS交互开发应用。

第二阶段学习素材：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作_哔哩哔哩_bilibili

第三阶段（6-8周）：综合应用前两阶段成果，尝试开发一个完整网页。在不断的实战训练中回顾知识点，总结代码，提升开发效率。

 课本学习素材：《JavaScript高级程序设计》 Matt Frisbie著 李松峰译