下面给大家讲解一下前端需要掌握哪些技术和学习路线,Web前端基础知识:浏览器的概念介绍: 浏览器的作用、工作方式,HTTP协议: 协议产生的原因、作用、及内容
一.前端相关概念建立
浏览器的概念介绍: 浏览器的作用、工作方式
HTTP协议: 协议产生的原因、作用、及内容
页面加载流程:当用户打开浏览器,输入地址栏并按下回车之后发生的事情
二.HTML-CSS-JS基础-jQuery
HTML及HTML5:理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式
CSS:理解层叠式样式表的语法规则、各种盒模型及常用布局
CSS3:伪类、新选择器及高级盒模型
JavaScript:理解JS的作用、运行规则、语法规则、数据类型、判定、循环、对象、数组、函数、日期、正则、异常
jQuery:$函数、选择器、常用方法、链式调用、项目实战
三.JS进阶-面向对象-H5新特性
DOM:理解DOM的作用及使用规则
JS进阶:快捷属性和尺寸、浏览器检测、事件流程
面向对象:构造函数、原型、继承
H5新特性:多线程、事件推送、前端存储、canvas、历史记录等
四.设计模式-AJAX-NodeJS-数据库
设计模式:单例模式、工厂模式、闭包类、MVC思想、MVVM等
AJAX:AJAX优缺点、异步请求、字符串模板、跨域
NodeJS:Node服务器的相关知识、接口、文件操作、Express框架
数据库:数据的概念、分类、使用Node操作数据库、MongoDB数据库
五.工程化-CSS预编译-ES2015-小程序
工程化:Gulp使用、Webpack使用
CSS预编译:Less使用、Sass使用
ES2016:块级作用域、新的定义变量关键字、新的方法拓展、字符串模板与插值、新的数据结构、新的编程方式、类、继承、模块化
小程序 :小程序注册、介绍、组件、API、开发跨平台通用程序
六.Vue-React-Angular
学习内容:
Vue:Vue详解、Vue插件、Vue脚手架、Vue项目实战
React与ReactNative:React详解、React组件化、Redux状态管理、React项目实战、ReactNative详解、ReactNative创建移动端应用、ReactNative项目实战
Angular:Angular详解、Angular特性、Angular项目实战