web前端从小白到大神各阶段需掌握技能详解

阶段一(HTML&CSS基础)

HTML:html语义化,html常用标签及其语义,html5新特性和新增常用标签

CSS:css语法、选择器,定位、浮动、盒子模型,css3新增选择器及其属性,变形、过滤、动画

Photoshop:基本应用,把psd图转为静态页面

规范:样式和结构分离,制作符合w3c标准的页面,添加注释,规范缩进

阶段二(前端基本功)

javaScript基础:基本语法,算法基础,常用数据结构,编程规范,内置对象常用方法,对象的创建方式和this用法

javaScript API:BOM操作,DOM操作,特效实现、页面布局,事件处理、浏览器兼容处理

JavaScript高级:面向对象思想,对象,json、闭包、原型、作用域链,函数的调用方式及this指向,正则表达式、面向对象理论及实践

jqurey:优势,选择器,动画,链式编程及隐式迭代,插件使用和制作

模块化:概念,演变过程,设计规范,RequireJS

阶段三(移动WEB开发初级)

HTML5&CSS3:多媒体、音频视频播放,DOM扩展、自定义属性、HTML5data,地理定位、文件读取、元素拖拽、多媒体加强,应用缓存、历史管理、web存储,CSS3选择器、新属性、2d转换、3d转换、动画

canvas:绘图命令、非零环绕原则,绘制形状、文字、图片,平移、缩放、旋转变换,ECharts数据报表

Git:命令行、基本使用、对比文件差异、还原、合并,回滚操作、远程仓库操作、GitHub创建远程仓库,github创建远程私有仓库、github和gitlab的区别,生成ssh key并添加到github和gitlab上

阶段四(移动WEB开发高级)

bootstrap:概述,栅格系统,排版、表格、表单、按钮,图片、响应式工具,组件使用

移动web:移动端屏幕介绍、浏览器介绍、操作系统介绍,chrome模拟调试、真机调试、viewport、rem、主流适配方案,手势封装、mvc、常用指令、双向绑定和单项绑定

angularjs:模块、控制器、$watch、自定义指令、jqLite、过滤器,格式化过滤、数据过滤、服务$http、前端路由、http拦截器

css框架:通过bootstrap完成响应式开发,了解常见的移动端UI框架

你可能感兴趣的:(前端代码)