博学谷 > 资讯 > 前端 > 前端开发需要学习些什么?

原创 前端开发需要学习些什么?

发布时间:2020-05-27 15:50:31 浏览 876 来源:博学谷 作者:照照

    许多前端初学者在一开始学习的时候,遇到的首要问题就是不知道如何规划学习内容。因为很多人连自己要学习的内容都不太清楚,那么,前端开发到底需要学习些什么呢?简单来讲,前端开发需要学习HTML5+CSS3、移动Web网页开发、JavaScript网页编程、Node.js与AJAX、Vue.js以及React.js等内容,下面我们来看看具体的学习内容吧~

     

    前端开发

     

    第一阶段:HTML5 + CSS3

     

    1HTML5

    浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML、新增标签

     

    2CSS3基础

    CSS基本语法规范、常用的选择器用法与技巧、复合选择器使用、数值与单位、文字文本样式、CSS3新增选择器

     

    3CSS3进阶

    CSS盒子模型、CSS背景技巧、圆角/阴影/过渡、定位和浮动、伪类和伪元素、chrome调试工具、CSS高级技巧(精灵图、CSS三角、图标字体等)、常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案、CSS3新增属性、Photoshop 切图、cutterman插件一键切图

     

    第二阶段:移动Web网页开发

     

    1CSS3动画

    CSS32D3D变换、animation动画、炫酷页面开发(地图大数据热点图、大风车、旋转木马轮播图等)

     

    2、移动端页面开发

    传统布局的局限性、移动端屏幕介绍、移动端浏览器介绍、物理像素&物理像素比、真机调试、viewport视口、移动端技术选型、移动端主流适配解决方案、移动端特殊样式、百分比布局&流失布局、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网Flex移动端页面开发、rem单位使用、rem适配、预处理器lessmedia媒体查询、淘宝flexible.js移动端适配、cssrem插件使用、cutterman二倍图三倍图切图、移动端页面开发流程与规范、京东移动端首页开发

     

    3Bootstrap

    传统布局的局限性、移动端屏幕介绍、移动端浏览器介绍、物理像素&物理像素比、真机调试、viewport视口、移动端技术选型、移动端主流适配解决方案、移动端特殊样式、百分比布局&流失布局、Flex布局优势

     

    第三阶段:JavaScript网页编程

     

    1JavaScript基础

    基本输入输出方法、变量、数据类型、类型转换、运算符、流程控制语句、数组、函数、自定义对象、内置对象和常用方法、网页版小娜小项目

     

    2WebAPIs编程

    获取页面元素的常用方法、页面中的事件和事件机制、操作元素的样式和属性、新增元素和移除元素、BOM操作大全

     

    3、网页应用/网页特效

    轮播图、页面放大镜、待办事项列表、购物车、tabs6JSON7、其它常用网页特效

     

    4jQuery快速开发

    jQuery的优势、jQuery选择器、jQuery中的动画、jQuery中的DOM操作、链式编程和隐式迭代、插件使用和制作、常见网页特效制作大全

     

    5、面向对象编程

    面向对象思想、创建对象、JavaScript中的对象深入理解、闭包原理以及使用场景、原型以及原型链深入剖析、作用域链深入分析、函数的调用方式及this指向总结、Class类、constructorsuper

     

    第四阶段:Node.jsAJAX

     

    1AJAX编程

    AJAX的作用、原生AJAX3、同步与异步、http协议、AJAX的封装、jQueryAJAX7、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎

     

    2git

    git历史、gitsvngit基本使用、git分支、git远程仓库、git冲突及解决方案

     

    3ES6

    es6简介、新增语法、内置对象扩展、PromiseAsync函数、解构、展开运算

     

    4Node.js基础

    node.js环境安装、如何用node.js运行代码、Commonjs、模块化、模块与包、NPM7CNPMYarn、核心模块使用、第三方模块使用、RESTFulAPI

     

    5、服务端开发(Node.js)

    静态和动态网站、http模块使用、请求响应原理、HTTP协议、处理页面请求、处理表单、会话技术(CookieSession)

     

    6MySQL

    MySQL的概念、MySQL安装、建库和建表、增删改查语句、Node.js操纵MySQL

     

    7Express

    express的概念、express的安装、后端路由、静态资源托管、中间件的原理、常用中间件、模板引擎、异常处理、Express常用APIRESTFulAPI

     

    第五阶段:Vue.js

     

    1Vue.js基础

    Vue实例、文本与属性绑定、计算属性computed、侦听器watchClassStyle绑定、条件渲染、列表渲染、事件处理、表单输入绑定、Vue实例生命周期、开发Vue插件和模板过滤器、自定义指令、Vue组件系统、Vue过渡和动画、VueRouter路由系统、组件通信、axios请求库、VueCLI脚手架工具、VueDevTools调试工具、在Vue中操作DOM

     

    2Vue进阶

    组件封装进阶、MVVM数据绑定原理、Render方法原理、$nextTick方法的使用、发布订阅模式

     

    第六阶段:React.js

     

    1React.js基础

    create-react-app脚手架工具、JSX语法、条件渲染、列表渲染和keyReact组件系统、PureComponentsetState()、事件处理、表单处理、组件通讯、render-props、高阶组件、虚拟DOMDiff算法、ReactRouter路由系统、Redux状态管理架构、axios请求库、AntDesign组件框架、CSSModules

     

    完成上面前端开发需要学习的内容规划,大家就能配合常用组件库解决项目中的一些共性问题,满足前端开发行业中的常见需求,,能够达到中级前端开发工程师水平。如果前端感兴趣,现在就在下面申请试学名额,即刻开始体验前端入门在线课程吧~

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

领取成功
领取失败
上一篇:Web前端常用插件有哪些? 下一篇:零基础学前端应该怎么开始?

相关推荐 更多

最新文章

扫描二维码,回复"前端"获取90G资料包