零起点,精通WEB前端开发

2020-03-10 10:02:00
admin
原创
475
摘要:首创项目浸入式教学,从零构建企业级平台:小宝人工智能和量化平台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内容管理系统和网站系统

分类模块:内容管理的基础模块,用于支持导航条、新闻、幻灯片、手册、附件等分类实现。附件模块:图片、附件的集中管理模块,实现了分类图片和附件管理。实现多种附件上传方式。文章模块:内容管理的基础模块,实现文章的跨平台设备的录入、管理。支持新闻管理、手册管理的内容操作。新闻模块:新闻的分类及文章录入管理。手册模块:手册或电子书籍的分类及文章录入管理。导航条模块:负责内容管理网站的导航条设计。评论模块:用于文章的用户评论。区块模块:用于内容管理中区块内容定义,可以聚合、过滤、排序手册和新闻等内容。通知模块:重要信息的用户通知。

掌握内容管理项目开发及网站开发


零起点项目:小宝人工智能和量化平台BaoAI

开源协议:Apache-2.0


  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络