2020年最新 零基础前端训练营教程

目录：2020年最新 零基础前端训练营
┣━━第二天直播资料
┃ ┣━━上午-html-js-移动端2
┃ ┃ ┣━━笔记
┃ ┃ ┃ ┣━━images
┃ ┃ ┃ ┃ ┣━━2view.png
┃ ┃ ┃ ┃ ┣━━977542-20160615145356995-91223952.png
┃ ┃ ┃ ┃ ┣━━977542-20160615145406401-430177671.png
┃ ┃ ┃ ┃ ┣━━977542-20160615173548057-897694983.png
┃ ┃ ┃ ┃ ┣━━977542-20160615173634635-2134987255.png
┃ ┃ ┃ ┃ ┣━━1661048-20190805104711293-168785251.jpg
┃ ┃ ┃ ┃ ┣━━1661048-20190805105140875-2098346635.jpg
┃ ┃ ┃ ┃ ┣━━2018103117181551.png
┃ ┃ ┃ ┃ ┣━━验证码1.png
┃ ┃ ┃ ┃ ┣━━验证码2.png
┃ ┃ ┃ ┃ ┣━━执行过程.png
┃ ┃ ┃ ┃ ┣━━create.jpg
┃ ┃ ┃ ┃ ┣━━flex案例.png
┃ ┃ ┃ ┃ ┗━━js事件队列.jpg
┃ ┃ ┃ ┣━━事件循环的基本图.png
┃ ┃ ┃ ┣━━ajax轮询.png
┃ ┃ ┃ ┣━━h5与app方法的调用.png
┃ ┃ ┃ ┣━━html-js-移动端面试.md
┃ ┃ ┃ ┣━━sokect的使用.png
┃ ┃ ┃ ┗━━uniapp基础知识.md
┃ ┃ ┣━━视频
┃ ┃ ┃ ┣━━1混合开发hybrid的介绍.avi
┃ ┃ ┃ ┣━━2uni-app的简单实现.avi
┃ ┃ ┃ ┣━━3-h5与app的交互.avi
┃ ┃ ┃ ┗━━4vue项目怎么打包成app.avi
┃ ┃ ┗━━code.zip
┃ ┗━━下午
┃ ┣━━documents
┃ ┃ ┣━━medias
┃ ┃ ┃ ┣━━5rxqugj8dh.png
┃ ┃ ┃ ┣━━7x1vv3oqro.png
┃ ┃ ┃ ┣━━940884-20180423141536107-329179455.png
┃ ┃ ┃ ┣━━940884-20180423141609527-358000355.png
┃ ┃ ┃ ┣━━940884-20180423141638673-1917674992.png
┃ ┃ ┃ ┣━━940884-20180423141732879-1484228353.png
┃ ┃ ┃ ┣━━940884-20180423141852114-1757065670.png
┃ ┃ ┃ ┣━━940884-20180423141918779-1206116367.png
┃ ┃ ┃ ┣━━940884-20180423141945261-83532090.png
┃ ┃ ┃ ┣━━940884-20180423141951735-912699213.png
┃ ┃ ┃ ┣━━1974336826-5a6d900815740_articlex.jfif
┃ ┃ ┃ ┣━━aHR0cDovL2ltYWdlLjMwMDEubmV0L2ltYWdlcy8yMDE0MDcyNi8xNDA2MzY3MDE5NzIwMy5wbmchc21hbGw.jfif
┃ ┃ ┃ ┣━━vpa3scd2ea.png
┃ ┃ ┃ ┗━━y1rj7zwfal.png
┃ ┃ ┣━━交互.md
┃ ┃ ┣━━one.md
┃ ┃ ┗━━two.md
┃ ┣━━nginx-1.16.0
┃ ┃ ┣━━conf
┃ ┃ ┃ ┣━━fastcgi_params
┃ ┃ ┃ ┣━━fastcgi.conf
┃ ┃ ┃ ┣━━koi-utf
┃ ┃ ┃ ┣━━koi-win
┃ ┃ ┃ ┣━━mime.types
┃ ┃ ┃ ┣━━nginx – 副本.conf
┃ ┃ ┃ ┣━━nginx.conf
┃ ┃ ┃ ┣━━scgi_params
┃ ┃ ┃ ┣━━uwsgi_params
┃ ┃ ┃ ┗━━win-utf
┃ ┃ ┣━━contrib
┃ ┃ ┃ ┣━━unicode2nginx
┃ ┃ ┃ ┃ ┣━━koi-utf
┃ ┃ ┃ ┃ ┣━━unicode-to-nginx.pl
┃ ┃ ┃ ┃ ┗━━win-utf
┃ ┃ ┃ ┣━━vim
┃ ┃ ┃ ┃ ┣━━ftdetect
┃ ┃ ┃ ┃ ┃ ┗━━nginx.vim
┃ ┃ ┃ ┃ ┣━━ftplugin
┃ ┃ ┃ ┃ ┃ ┗━━nginx.vim
┃ ┃ ┃ ┃ ┣━━indent
┃ ┃ ┃ ┃ ┃ ┗━━nginx.vim
┃ ┃ ┃ ┃ ┗━━syntax
┃ ┃ ┃ ┃ ┗━━nginx.vim
┃ ┃ ┃ ┣━━geo2nginx.pl
┃ ┃ ┃ ┗━━README
┃ ┃ ┣━━docs
┃ ┃ ┃ ┣━━CHANGES
┃ ┃ ┃ ┣━━CHANGES.ru
┃ ┃ ┃ ┣━━LICENSE
┃ ┃ ┃ ┣━━OpenSSL.LICENSE
┃ ┃ ┃ ┣━━PCRE.LICENCE
┃ ┃ ┃ ┣━━README
┃ ┃ ┃ ┗━━zlib.LICENSE
┃ ┃ ┣━━html
┃ ┃ ┃ ┣━━2.jpg
┃ ┃ ┃ ┣━━50x.html
┃ ┃ ┃ ┣━━index.html
┃ ┃ ┃ ┗━━run.webp
┃ ┃ ┣━━logs
┃ ┃ ┃ ┣━━access.log
┃ ┃ ┃ ┣━━error.log
┃ ┃ ┃ ┗━━nginx.pid
┃ ┃ ┣━━temp
┃ ┃ ┃ ┣━━client_body_temp
┃ ┃ ┃ ┣━━fastcgi_temp
┃ ┃ ┃ ┣━━proxy_temp
┃ ┃ ┃ ┣━━scgi_temp
┃ ┃ ┃ ┗━━uwsgi_temp
┃ ┃ ┗━━nginx.exe
┃ ┗━━videos
┃ ┣━━01-讲解思路和学习目标.avi
┃ ┣━━02-http请求理解版本1_及格标准.avi
┃ ┣━━03-http请求过程再解释.avi
┃ ┣━━04-http请求细节.avi
┃ ┣━━05-总结面试思路.avi
┃ ┣━━06-http缓存控制介绍.avi
┃ ┣━━07-强缓存和协商缓存两种分类.avi
┃ ┣━━08-强缓存作用字段expires和cache-control.avi
┃ ┣━━09-强缓存nginx服务器配置.avi
┃ ┣━━10-协商缓存分析.avi
┃ ┣━━11-协商缓存控制字段Last-Modify和Etag.avi
┃ ┣━━12-nginx协商缓存Etag体验.avi
┃ ┗━━13-http缓存控制总结.avi
┣━━第六天直播资料
┃ ┗━━20200227直播资料
┃ ┣━━0课程简介.mp4
┃ ┣━━1理解promise.mp4
┃ ┣━━2promise实践.mp4
┃ ┣━━3,4,5实现promise.mp4
┃ ┣━━6项目api请求模块封装.mp4
┃ ┣━━7公司角色.mp4
┃ ┣━━8项目流程.mp4
┃ ┣━━9项目缺陷管理.mp4
┃ ┣━━10代码管理.mp4
┃ ┣━━11项目打包.mp4
┃ ┣━━12常规登录流程.mp4
┃ ┣━━13项目中的权限管理.mp4
┃ ┣━━14,15数组与树结构.mp4
┃ ┣━━16控制接口访问频次.mp4
┃ ┣━━17 后端联调.mp4
┃ ┣━━备课代码-更完整.zip
┃ ┣━━讲义.md
┃ ┗━━课堂代码.zip
┣━━第三天直播资料
┃ ┣━━下午-vue-01
┃ ┃ ┣━━笔记
┃ ┃ ┃ ┣━━assets
┃ ┃ ┃ ┃ ┣━━1.webp
┃ ┃ ┃ ┃ ┣━━2.jfif
┃ ┃ ┃ ┃ ┣━━3.png
┃ ┃ ┃ ┃ ┣━━4.png
┃ ┃ ┃ ┃ ┗━━image-20200217103409496.png
┃ ┃ ┃ ┗━━笔记.MD
┃ ┃ ┣━━视频
┃ ┃ ┃ ┣━━1vuex-简单使用.avi
┃ ┃ ┃ ┣━━2什么时候用action与modules数据分模块.avi
┃ ┃ ┃ ┣━━3vuex里的modules操作.avi
┃ ┃ ┃ ┣━━4封装vue组件.avi
┃ ┃ ┃ ┣━━5data为什么写函数.avi
┃ ┃ ┃ ┗━━6vue配置proxy跨域.avi
┃ ┃ ┣━━服务器反向代理.png
┃ ┃ ┗━━pro111.zip
┃ ┗━━上午-20200224.rar
┣━━第四天直播资料
┃ ┗━━vue-02
┃ ┣━━笔记
┃ ┃ ┣━━assets
┃ ┃ ┃ ┣━━1.webp
┃ ┃ ┃ ┣━━2.jfif
┃ ┃ ┃ ┣━━3.png
┃ ┃ ┃ ┣━━4.png
┃ ┃ ┃ ┗━━image-20200217103409496.png
┃ ┃ ┣━━笔记.MD
┃ ┃ ┣━━后台返回路由列表addRouters加入.png
┃ ┃ ┗━━keep alive.png
┃ ┣━━视频
┃ ┃ ┣━━1watch深度监听数据.avi
┃ ┃ ┣━━2vue的keep-alive缓存组件.avi
┃ ┃ ┣━━3vue的原理简单介绍.avi
┃ ┃ ┣━━4权限路由addRouter说明.avi
┃ ┃ ┣━━5nuxt框架的基本使用.avi
┃ ┃ ┗━━6多页面配置.avi
┃ ┗━━code.zip
┣━━第五天直播资料-vue-02
┃ ┣━━笔记
┃ ┃ ┣━━assets
┃ ┃ ┃ ┣━━1.webp
┃ ┃ ┃ ┣━━2.jfif
┃ ┃ ┃ ┣━━3.png
┃ ┃ ┃ ┣━━4.png
┃ ┃ ┃ ┗━━image-20200217103409496.png
┃ ┃ ┣━━笔记.MD
┃ ┃ ┣━━后台返回路由列表addRouters加入.png
┃ ┃ ┗━━keep alive.png
┃ ┣━━视频
┃ ┃ ┣━━1watch深度监听数据.avi
┃ ┃ ┣━━2vue的keep-alive缓存组件.avi
┃ ┃ ┣━━3vue的原理简单介绍.avi
┃ ┃ ┣━━4权限路由addRouter说明.avi
┃ ┃ ┣━━5nuxt框架的基本使用.avi
┃ ┃ ┗━━6多页面配置.avi
┃ ┗━━code.zip
┣━━第一天-html-js-移动端
┃ ┣━━笔记
┃ ┃ ┣━━images
┃ ┃ ┃ ┣━━977542-20160615145356995-91223952.png
┃ ┃ ┃ ┣━━977542-20160615145406401-430177671.png
┃ ┃ ┃ ┣━━977542-20160615173548057-897694983.png
┃ ┃ ┃ ┣━━977542-20160615173634635-2134987255.png
┃ ┃ ┃ ┣━━1661048-20190805104711293-168785251.jpg
┃ ┃ ┃ ┣━━1661048-20190805105140875-2098346635.jpg
┃ ┃ ┃ ┣━━2018103117181551.png
┃ ┃ ┃ ┣━━验证码1.png
┃ ┃ ┃ ┣━━验证码2.png
┃ ┃ ┃ ┣━━执行过程.png
┃ ┃ ┃ ┣━━flex案例.png
┃ ┃ ┃ ┗━━js事件队列.jpg
┃ ┃ ┣━━事件循环的基本图.png
┃ ┃ ┣━━ajax轮询.png
┃ ┃ ┣━━html-js-移动端面试.md
┃ ┃ ┗━━sokect的使用.png
┃ ┣━━视频
┃ ┃ ┣━━1重绘-重排与验证码与class写法.avi
┃ ┃ ┣━━2async await的使用与原理.avi
┃ ┃ ┣━━3ts简单使用与js中的装饰器.avi
┃ ┃ ┣━━4事件循环-flex-移动端部署.avi
┃ ┃ ┣━━5cookie-浏览器缓存-manifest的h5存储.avi
┃ ┃ ┗━━6websocket-移动端兼容.avi
┃ ┗━━code.zip
┗━━前端28号资料
┣━━性能优化 串讲资料
┃ ┣━━assets
┃ ┃ ┣━━1.png
┃ ┃ ┣━━2.jpg
┃ ┃ ┣━━3.jpg
┃ ┃ ┣━━4.jpeg
┃ ┃ ┗━━5.jpg
┃ ┣━━code
┃ ┃ ┣━━1. demo
┃ ┃ ┃ ┣━━src
┃ ┃ ┃ ┃ ┣━━app
┃ ┃ ┃ ┃ ┃ ┣━━components
┃ ┃ ┃ ┃ ┃ ┃ ┗━━Loading
┃ ┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┃ ┣━━containers
┃ ┃ ┃ ┃ ┃ ┃ ┣━━About
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┃ ┃ ┣━━Home
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┃ ┃ ┗━━List
┃ ┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┃ ┣━━layouts
┃ ┃ ┃ ┃ ┃ ┃ ┣━━BasicLayout.js
┃ ┃ ┃ ┃ ┃ ┃ ┗━━BlankLayout.js
┃ ┃ ┃ ┃ ┃ ┣━━models
┃ ┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┃ ┣━━services
┃ ┃ ┃ ┃ ┃ ┃ ┗━━login.js
┃ ┃ ┃ ┃ ┃ ┗━━router.js
┃ ┃ ┃ ┃ ┣━━assets
┃ ┃ ┃ ┃ ┃ ┣━━1.png
┃ ┃ ┃ ┃ ┃ ┗━━index.html
┃ ┃ ┃ ┃ ┣━━config
┃ ┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┃ ┣━━utils
┃ ┃ ┃ ┃ ┃ ┣━━request.js
┃ ┃ ┃ ┃ ┃ ┗━━utils.js
┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┣━━.eslintignore
┃ ┃ ┃ ┣━━.eslintrc.js
┃ ┃ ┃ ┣━━.prettierrc.js
┃ ┃ ┃ ┣━━package.json
┃ ┃ ┃ ┣━━README.md
┃ ┃ ┃ ┗━━webpack.config.js
┃ ┃ ┗━━2. render
┃ ┃ ┣━━after.html
┃ ┃ ┗━━before.html
┃ ┣━━video
┃ ┃ ┣━━性能优化 串讲-1.mp4
┃ ┃ ┣━━性能优化 串讲-2.mp4
┃ ┃ ┗━━性能优化 串讲-3.mp4
┃ ┗━━性能优化 串讲大纲.md
┗━━React 串讲资料
┣━━assets
┃ ┣━━1.jpg
┃ ┗━━2.png
┣━━code
┃ ┣━━1. React-Redux 的使用
┃ ┃ ┣━━example
┃ ┃ ┃ ┣━━actions
┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┣━━components
┃ ┃ ┃ ┃ ┗━━Counter.js
┃ ┃ ┃ ┣━━reducers
┃ ┃ ┃ ┃ ┗━━index.js
┃ ┃ ┃ ┣━━index.html
┃ ┃ ┃ ┗━━index.js
┃ ┃ ┣━━src
┃ ┃ ┃ ┣━━connect.js
┃ ┃ ┃ ┣━━index.js
┃ ┃ ┃ ┗━━Provider.js
┃ ┃ ┣━━package.json
┃ ┃ ┗━━webpack.config.js
┃ ┣━━2. 手写 Redux
┃ ┃ ┣━━example
┃ ┃ ┃ ┣━━index.html
┃ ┃ ┃ ┗━━index.js
┃ ┃ ┣━━src
┃ ┃ ┃ ┣━━createStore.js
┃ ┃ ┃ ┗━━index.js
┃ ┃ ┣━━package.json
┃ ┃ ┗━━webpack.config.js
┃ ┗━━3. Redux-Actions 的使用
┃ ┣━━example
┃ ┃ ┣━━actions
┃ ┃ ┃ ┗━━index.js
┃ ┃ ┣━━components
┃ ┃ ┃ ┗━━Counter.js
┃ ┃ ┣━━reducers
┃ ┃ ┃ ┗━━index.js
┃ ┃ ┣━━index.html
┃ ┃ ┗━━index.js
┃ ┣━━src
┃ ┃ ┗━━index.js
┃ ┣━━package-lock.json
┃ ┣━━package.json
┃ ┗━━webpack.config.js
┣━━video
┃ ┣━━React 串讲-1.mp4
┃ ┣━━React 串讲-2.mp4
┃ ┗━━React 串讲-3.mp4
┗━━React 串讲大纲.md