# master_web
**Repository Path**: wangqiyuan2/master_web
## Basic Information
- **Project Name**: master_web
- **Description**: 零起点,精通WEB前端开发系列课程。项目浸入式教学,BaoAI项目需求 => 课程学习内容 + 项目代码开发 => 完成项目实践(10万行代码)+达到课程目标,零起点构建企业级项目【小宝人工智能和量化平台BaoAI】,零起点掌握和精通开发知识,项目先行,理论和项目实战融为一体
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 6
- **Created**: 2020-03-17
- **Last Updated**: 2021-03-26
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 零起点,精通WEB前端开发
首创项目浸入式教学,从零构建企业级平台
小宝人工智能和量化平台BaoAI,10万行代码, WEB前端开发高级工程师 So Easy
## 如何成为合格的Web前端开发高级工程师?
答:项目浸入式教学+10万行代码
首创项目浸入式教学:和传统教学相反,先有项目,再课程学习,学习同时完成项目。
## 首创项目浸入式教学
项目需求 (BaoAI) => WEB前端课程学习内容 + 项目代码开发 => 完成项目实践(10万行代码)+ 达到课程目标 => Web前端开发高级工程师。
零起点构建企业级项目【小宝人工智能和量化平台BaoAI】,零起点掌握和精通WEB前端开发知识,项目先行,理论和项目实战融为一体,成为Web前端开发高级工程师So Easy。
## 项目浸入式课程风采:
## 学习路径
| **课程** | **项目** | **学习内容** | **达到目标** |
|-----------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|
| **BaoAI** | **BaoAI前后端后开发环境安装部署及使用。centos7环境安装和部署BaoAI前后端生产应用** | **前端和后端平台安装部署、开发环境搭建、使用说明、功能简介、前端后端框架选型和二次开发、 virtualbox、centos7、python安装、依赖库安装、mariadb(mysql)、redis、nginx、gunicorn、supervisor** | **开发和生产环境分别安装和部署BaoAI平台,了解开发和构建工具,熟悉项目使用。前端后端学习和开发项目路径。** |
| **HTML5** | **BaoAI首页实现及登录、密码找回及注册界面** | **HTML5基础、文挡结构、属性、文本、标题、图像、表格、链接、表单、 Canvas对象、音频、视频等** | **学会HTML5语言语法,标记的应用。完成具有W3C规范的HTML5页面编写** |
| **CSS3** | **BaoAI登录、注册等界面样式实现** | **CSS3.0基础;CSS3.0选择器;CSS单位、盒子模型、常用样式、CSS3动画、响应式设计等** | **学会CSS3的语法和在HTML5中嵌入CSS3的方式,以及各种样式选择器和所有常用的样式属性,并能灵活使用CSS进行样式设计和布局。** |
| **Javascript ES6** | **BaoAI登录、注册等表单验证,AJAX验证码、登录和注册实现等** | **语法结构、数据类型详解;JavaScript流程控制和函数;JS面向对象编程,JavaScript内部对象、BOM、DOM、事件等** | **JavaScript语法,与 HTML和CSS联合使用,编写页面脚本程序,应用DOM的事件处理和各种对象的属性和方法,网页中特效编写。** |
| **jQuery** | **使用jQuery重构BaoAI登录、注册、验证码等** | **jQuery选择器、过滤器、属性操作、文本操作、值操作、节点操作、动画处理、事件处理、jQuery插件等** | **熟练使用jQuery的各种操作, 并且根据需要完成相应的效果** |
| **Bootstrap** | **Bootstrap风格重构BaoAI登录界面、表单、表单验证、模式框、响应式后台管理界面、布局和换肤、选项卡、弹出菜单、提示框、消息通知、区块盒展示新闻列表和内容。** | **响应式设计概述、viewport视区、网格视图、媒体类型、媒体查询实现断点、图片、视频、框架、文件结构、使用基础、网格系统、 CSS样式、常用组件、JavaScript插件** | **掌握响应式网页设计,了解常见响应式框架,网络常用组件** |
| **Angularjs** | **创建BaoAI项目应用框架、配置文件、\$http预处理、应用指令定义、应用服务定义、应用过滤器、基于UI-Router实现首页、登录页面、后台管理页面路由和视图切换、JWT登录及动态路由、菜单路由同步、模块化开发、模块控制器和模板。** | **表达式、指令、控制器、过滤器、事件、模块、表单、内建常用服务、依赖注入、路由** | **掌握AngularJS数据绑定和依赖注入,使用AngularJS创建动态Web应用** |
| **国际化** | **BaoAI前端配置模块及国际化开发** | **国际化切换、键值对初始化、国际化全作用域函数、配置模块增删改查** | **掌握BaoAI平台国际化开发** |
| **Node.js** | **BaoAI前端模拟数据API服务** | **安装Node.js、建立HTTP服务器、异步式I/O与事件式编程、模块和包、调试、Web开发、http模块、Express框架等** | **学会Node.js安装使用,建立HTTP服务器,掌握异步式异步式I/O与事件式编程,学会程序调试,Web开发和Express框架** |
| **Gulp** | **BaoAI前端项目构建、开发运行环境、生产运行环境、反向代理、模拟数据API服务、文件监控及页同步调试** | **创建任务、串行任务、并行任务、处理文件、使用插件、jshint语法检测,js文件版本控制,html、js、css压缩,文件监控、browserSync文件变化自动刷新同步页面调试,项目构建,反向代理,模拟数据API服务** | **使用Gulp构建项目** |
| **Nginx** | **BaoAI平台前端生产部署,基于HTML5 Mode和反向代理运行** | **VirtualBox虚拟机、CentOS7安装、Nginx安装、nginx使用和配置、BaoAI项目文件部署、负载均衡和反向代理等** | **Linux环境下掌握nginx部署前端应用** |
| **BaoAI开发框架常用组件** | **BaoAI前端框架常用组件创建和使用** | **警告、提示、确认和对话框、消息通知、优化复选框、选项卡、模式框、响应式表单、幻灯片、区块盒、导航条、树形菜单栏、树形列表、搜索框、图标选择器、单选或复选树形选择器、层、IOS切换开关、动态HTML、动态AngularJS模板** | **掌握BaoAI开发框架常用组件** |
| **Bootstrap-table响应式表格** | **BaoAI前端人工智能IRIS模块开发** | **Bootstrap-table安装和使用,表格初始化,参数设置,国际化,事件处理,操作处理,列表导出,响应式设计,分页,异步数据读取等** | **掌握Bootstrap-table开发** |
| **Webuploader文件和图像上传插件** | **BaoAI前端附件模块、账号配置模块开发** | **Webuploader安装和使用,文件和图像上传下载,账号信息头像更新** | **掌握Webuploader组件开发** |
| **CKEditor富文本** | **BaoAI前端分类模块开发** | **安装、指令开发、自定义功能按钮、代码编辑、文件和图片上传、文件和图片查找服务、图像和文件可拖放操作、远程图文复制并保存至本地、富文本表单创建、修改和提交** | **掌握CKEditor富文本组件开发** |
| **ECharts图表** | **BaoAI管理控制台、量化系统前端** | **安装,使用、构建股票K线图、BaoAI系统架构图、BaoAI知识体系图** | **掌握Echarts图表开发** |
| **基于角色权限管理系统** | **BaoAI前端基于角色权限管理系统** | **RBAC基础、创建资源模块,角色模块,管理账号模块** | **掌握RBAC和开发基于角色权限管理系统** |
| **自动代码产生系统** | **BaoAI前端自动代码产生系统,包括自动代码、自动模型和数据迁移三大模块,使用自动代码产生系统开发通知管理系统。** | **系统通过图形操作,自动产生项目模块模型、数据表、控制器、模板、权限资源、路由和菜单等** | **掌握基于BaoAI平台可视化快速项目开发** |
| **内容管理系统** | **BaoAI内容管理系统和网站系统** | **分类模块:内容管理的基础模块,用于支持导航条、新闻、幻灯片、手册、附件等分类实现。附件模块:图片、附件的集中管理模块,实现了分类图片和附件管理。实现多种附件上传方式。文章模块:内容管理的基础模块,实现文章的跨平台设备的录入、管理。支持新闻管理、手册管理的内容操作。新闻模块:新闻的分类及文章录入管理。手册模块:手册或电子书籍的分类及文章录入管理。导航条模块:负责内容管理网站的导航条设计。评论模块:用于文章的用户评论。区块模块:用于内容管理中区块内容定义,可以聚合、过滤、排序手册和新闻等内容。通知模块:重要信息的用户通知。** | **掌握内容管理项目开发及网站开发** |
## 开源协议
Apache-2.0
