2019最新WEB前端开发小白必看的学习路线(附学习视频教程)

时间:2021-08-14 15:16:01

2019最新WEB前端开发小白必看的学习路线(附学习视频教程)。web前端自学之路:史上最全web学习路线,HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,一方面提升了用户体验,另一方面HTML5技术跨平台,适配多终端,改变了传统开发者需针对不同操作系统进行研发的局面。web前端全栈HTML5融合大数据可视化内容、深化PHP+MySQL,学员求职可任项目leader!

web前端初级开发工程师

HTML5课程介绍

互联网发展趋势
H5语言的优势
简单易学人人都能编程
H5就业和薪资情况
H5常见的项目与产品
H5的未来与方向
HTML基础​​​​​​​

HTML简介与历史版本
常用开发软件
常见标签与属性
表格与表单
标签规范与标签语义化
实战:网页结构布局
CSS基础​​​​​​​

css简介与基本语法
常见的各种样式属性
CSS选择器与标签类型
理解盒子模型与CSS重置
浮动与定位
利用photoshop工具测量样式
HTML+CSS开发网页
实战:高仿电商首页效果
CSS3基础​​​​​​​

css3常见样式
css3选择器
变形与动画
3D效果与关键帧
弹性盒模型
移动端布局​​​​​​​

移动端基本概念
viewport窗口设置
移动端布局方案
rem、vh、vw等单位
响应式布局
bootstrap框架
JavaScript基础​​​​​​​

JS简介
JS变量
数据类型与类型转换
运算符与优先级
流程控制-if..else
流程控制-switch...case
流程控制-while、do..while、for循环
break、continue语法
函数定义与调用
全局变量与局部变量
函数传参与返回值
函数作用域与变量作用域
DOM的基本操作
定时器使用
this指向与修改指向
数组、字符串等方法操作
时间对象与正则对象
掌握常见BOM操作
常见事件与事件细节
JSON与AJAX
JSONP跨域操作
前端cookie的使用
实战:JS配合HTML与CSS完成电商项目
jquery框架​​​​​​​

jquery框架介绍及优势介绍
jquery核心思想
jquery常见方法
jquery动画操作
jqueryAJAX操作
jquery工具方法
利用jquery快速开发网页
PHP基础​​​​​​​

PHP简介与基本语法
mysql数据库及sql语法
apache服务器与集成开发工具
PHP链接数据库
PHP与AJAX交互
实战:留言板、登录、注册等
H5基础项目​​​​​​​

项目简介
项目功能演示
项目划分及框架
编写HTML页面结构
设置CSS样式
添加JS交互
可选框架:bootstrap、jquery、PHP等
项目调试及兼容
项目验收
web前端中高级开发工程师

面向对象基础

面向对象概述
对象和构造函数(类)之间的关系
对象的属性和方法
原型与原型链
包装对象与内部实现
对象中实现继承方式
设计模式及实际运用
JavaScript高级

JS算法与排序算法
promise异步处理
运动与tween算法
闭包与模块化
JS组件开发
打造小型jquery框架
JS性能优化
ES6新增功能
前端工程化

gulp基本使用
less、sass、babel等预编译框架
理解模块概念,AMD与CMD规范
前端模块框架seaJS、requireJS
webpack基本使用
多人协作

svn基本用法与可视化工具
多人开发流程
git基本用法
命令行操作
分区及分支等概念
远程github操作
实战:多人协作开发项目
HTML5新功能

canvas绘图
svg绘图
音频与视频
本地存储与离线存储
地理信息
web Worker
web Socket
NodeJS基础

node与npm概念及使用
node模块方式
node常用内置模块
node爬虫与文件自动化处理
node搭建服务器与简单路由
mongodb非关系数据库
mongodb安装与db操作
mongodb增删改查
mongodb与node结合开发
mongoose数据建模
mongoose与node结合开发
express框架
中间件与ejs模板引擎
Robomongo与postman工具
express+mongoose搭建后端框架
设计Restful API
实战:前后端分离式开发
微信端开发

移动端交互与移动端事件
微信场景与swiper框架
微信公众号介绍
网页授权与JSSDK
微信web开发者工具使用
微信小程序开发
实战:公众号与小程序项目同步开发
web前端大神级开发工程师

VueJS框架

Vue框架简介
渐进式与响应式
模板语法与计算属性
指令与数据处理器
生命周期
组件与组件通信
Vuex状态管理
Vue动画与路由
单文件组件与脚手架
基于Vue的组件框架
实战:Vue与Node全栈开发
ReactJS框架

React框架简介
JSX语法
组件与组件通信
属性与状态设置
虚拟DOM
生命周期
redux架构
react-redux使用
react-router使用
Mem脚手架使用
实战:React与Node全栈开发
AngularJS框架

Angular框架简介
TypeScript基础与进阶
开发环境配置
架构、模块与组件
模板、元数据与数据显示
服务于指令
依赖注入
路由
实战:Angular与Node全栈开发
Hybrid App开发

App介绍与分类
Android/ios与H5通信
Cordova/Phonegap框架
HTML5+基于HB工具
React Native
前端架构

单元测试与编写测试用例
自动化测试方案
前端安全与HTTP协议
项目上线与一键部署
数据统计与SEO优化
搭建组件库与按需载入
浏览器渲染与浏览器引擎
深入理解后端开发模式