2.前端开发工程师的练成

前端工程师学习路线

第一阶段

html+css
html进阶、css进阶、div+css布局、html+css整站开发
JS基础
js基础教程、js内置对象常用方法、常见dom树操作大全、ES、DOM、BOM、定时器和焦点图
JS基本特效
常见特效:tab、导航、页面滚动、轮播图、JS制作幻灯片、淡出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
jQuery
悬着器、dom操作、特效和动画。方法链、拖拽、变形、jQueryUI组件基本使用

第二阶段 html和移动web开发

HTML5
HTML新语义标签。H5表单、音频与视频、离线和本地存储、SVG、Web Socket、Canvas
CSS3
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场、策略炫酷CSS3网页制作。
Bootstrap
响应式概念、媒体查询、响应式网站制作、删格系统、栅格系统原理、Bootstrap常用模版、LESS和SASS
移动Web开发
跨终端Web和主流设备简介、视口、流式布局、弹性盒子、tem、移动终端JS事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段 HTTP服务和Ajax编程

WEB服务器基础
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍
PHP基础
PHP基础语法、使用PHP处理简单的GET或者POST请求
AJAX
1、Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用
2、JSON和JAON解析。数据库绑定和模版技术。JSONP/跨域技术、图片预读和lazy-load技术、jQuery框架中AjaxAPI、使用Ajax实现瀑布流案例

第四阶段 面向对象进阶

面向对象终极篇
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中得1面向对象、属性读写权限、设置器、访问器
面向对象三大特征
继承性、多态性、封装性、接口
设计模式
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模版模式、模版方法模式、代理模式、装饰者模式、适配器模式、面向切面模式

第五阶段 封装一个属于自己的框架

框架封装基础
事件流、冒泡、捕获、事件对象、事件框架、选择框架
封装框架中级
运动原理、单体运动框架、多物体运动框架、运动框架面向对象封装
封装高级和补充
jQuery框架高级雏形、可扩展性、模块化、封装属于自己的框架

第六阶段 模块化组件开发

面向组件编程
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序
-面向模块编程
ADM设计规范。CMD设计规范。RequireJS、LoadJS、淘宝的SeaJS

第七阶段 主流的流行框架

Web开发工作流
Git/SVN、Yeoman脚手架、NPM/Bowder依赖工具、Grunt/Gulp/Webpack
MVC/MVVW/MVW框架
Angular.js、Backbone.js/Knockout/Ember
常用库
React.js、Vue.js、Zepto.js

第八阶段 H5原生移动应用开发

Corsova
WebApp/NativeApp/HybirdAPP简介、与PhoneGap之间的关系、开发环境的搭建、Cordova实战(创建项目、配置、编译、调试、部署发布)
Ionic
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新、上拉加载、侧滑导航、选项卡)
React Native
React Native简介、React Native环境配置、创建项目、编译、调试、部署、原生模块和UI组件、原生常用API
H5+
H5+中国产业联盟、H5 Plus Runtime环境、Hbuider开发工具、MUI框架、H5+开发和部署

第九阶段 Node.js全栈开发

快速入门
Node.js发展、生态圈、Io.js、Linnux/Windowns/OS环境配置、REPL环境和控制台程序、异步编程、非阻塞I/O 、模块概念、模块管理工具、开发流程、调试、测试
核心模块和对象:
全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端
Web开发基础:
HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架:
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
Node.js开发电子商务实战:
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。

---------------------
作者:咕咕写故事

来源:CSDN
原文:https://blog.csdn.net/alonebasis/article/details/80193761
版权声明:本文为博主原创文章,转载请附上博文链接!

原文地址:https://www.cnblogs.com/gugupy/p/12231343.html

时间: 2024-08-29 23:31:55

2.前端开发工程师的练成的相关文章

腾讯web前端开发工程师笔试题及答案

1. 如何实现事件委托? 首先要知道什么是事件委托. 考虑一个列表,在li的数量非常少的时候,为每一个li添加事件侦听当然不会存在太多性能方面的问题,但是当列表非常的长,长到上百上千甚至上万的时候(当然只是一个解释,实际工作中很少遇到这么多li的情况),为每个li添加事件侦听就会对页面性能产生很大的影响. 就像下面这段代码: <!DOCTYPE HTML><html><head><meta charset="utf-8" /><ti

HTML5前端开发工程师工资为什么那么高?

现代社会的就业压力可以说是非常的大,大学毕业生一抓一大把,要是没有一技之长很难在这个社会中立足,所以为了能够跟上时代的脚步,就必须掌握一个特长,就目前的发展来说,企业对于HTML5前端开发人才需求量可以说是非常的大.那么HTML5前端开发工程师工资为什么那么高呢? 越来越多的企业开始注重到用户体验,小到企业网站.个人主页,大到政府部门,都是通过网站向外界展示形象.传播信息,网站离不开HTML5前端开发人员,所以学习HTML5前端开发在当前社会里非常受用,工资也就越来越高. HTML5前端开发工程

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.

前端开发工程师,该学学什么技能?

Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过7年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 简介 2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化.网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供

Web前端开发工程师养成计划【转载】

Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国日渐成熟才解放了一直以来姥姥不疼舅舅不爱的前端开发工程师们. 有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师?如果你注意到了,那么恭喜你,你已经拥有那么一点点预测互联网职场动向的能力. 可能令你感到遗憾的是你从没从事过前端开发工作,不过没关系,只要你肯努力,一切都是可以学会的

五分钟带你了解年薪50W的Web前端开发工程师需要掌握什么?

进入一个 新行业肯定是看好这个行业的发展前景,那么web前端开发的前景到底怎样呢? 据悉,目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30-50万,很多企业对于与web前端相关的技术职位更是求贤若渴. 以目前的互联网企业为例,他们都十分注重前端的设计.因为,只有先做好前端技术.做好客户体验一切才有可能.用户体验做好,才有人访问,访问的人多了,才会优化后端,才做客户分析,公司上市了,才从大量数据做数据分析,获得更有价值的数据信息.所以,一些互联网创业公司也是如此,在

什么专业转行web前端开发工程师,就业率最高?

近几年,随着技术和政策的变化,国内对技术人才的需求也是翻天覆地的变化. 对于很多毕业学生来说,前端开发工程师行业需求大.待遇好.不限门槛.政策优,成为了很多大学生的就业发展选择. 行业需求大 5G时代即将来临,各行各业对产品的用户体验需求空前大增.人们在享受互联网带来的便捷也给互联网产品提出了新的需求,这意味着前端开发人员也有了更多的机会和挑战.无论是大小公司,对前端开发工程师的需求都是在快速上涨,薪资待遇也随之上升很快. 待遇好 无论是在国内还是在国外,开发工程师都是高薪行业,如果能进入到BA

我也想成为一名出色的web前端开发工程师

随着互联网的发展,正式的前端工程师角色被行业认可,到了2010年,互联网开始全面进入移动时代,前端工程师的地位越来越重要,前端领域的技术发展也越来越快,各种新的思想.设计模式.工具和平台都快速发展,对前端工程师的技能要求也越来越高. 何为前端工程师?前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性.组件

细数Web前端开发工程师 应掌握的技能

Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验. 第一阶段:页面制作基础 从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript.HTML和CSS用于Web静态内容的展示,JavaScrip