README.en.md · panxianxiaoli/master_web

# 零起点，精通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

panxianxiaoli/master_web

About

Releases

Contributors

Activities