前端基础知识要点、原生JS开发移动方向开发技术培训

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

前端基础知识要点、原生JS开发移动方向开发技术培训

【课程介绍】

随着移动互联网的深入发展，多屏交互和多终端兼容友好的界面成为当前所有系统的重要需求，使得前端开发工程师成为当前市场*热门的人才之一。 本课程内容包括*流行的三大框架（Vue、React、），并集成了全栈工程师必须掌握的所有前端技术、Node.js相关后台技术以及HTML5移动开发技术。 中级、高级前端工程师。

【课程目标】

精通前端开发HTML、CSS等核心技术，精通Vue、React、三大流行框架

精通面​​向对象思维编程，掌握处理业务编程和常见兼容性解决方案的能力

熟悉前后端分工开发流程、原生Ajax请求流程及细节，掌握常用跨域技能

能够熟练地基于相关API开发网页功能

熟练使用H5实现项目开发，使用原生JS开发移动网页，使用CSS3媒体查询开发响应

样式网页

熟练模块化编程，熟练使用Node.js及框架对MySQL数据库进行增删改查

熟练应用ejs模板引擎

精通基于token、token的持久化和认证

精通前后端分离开发模式

精通项目打包和配置流程

精通移动APP开发

精通微信小程序项目开发

【舞台内容】

**阶段：前端基础知识

知识点

超文本标记语言

浏览器及浏览器核心、HTML基本结构、HTML常用标签、【案例】路径和锚点定位、【案例】HTML综合案例、【案例】表格和列表标签与案例、【案例】表单-相关元素及属性，【案例】综合案例-登记页面

CSS

CSS介绍及CSS基本选择器、字体字体、文字样式及CSS样式表、【案例】综合案例-新闻页面、调试工具及emmet语法、CSS复合选择器、【案例】标签显示方式及案例、【案例】CSS背景及应用案例、【案例】综合案例-多彩导航、CSS三大特性、【案例】CSS盒子模型及应用案例、【案例】PS基本操作及综合案例、【案例】综合案例- 模块​​、圆角和阴影的应用、【案例】浮动及应用案例、清除浮动、PS常用操作及插件使用、【项目】学城网在线项目、【案例】CSS四定位、淘宝焦点地图案例、元素显示与隐藏应用案例、CSS精灵与字体图标、CSS进阶（解决问题技巧）、CSS进阶（布局技巧）

HTML5 和 CSS3

HTML5 中的新标签和 CSS3 中的选择器

【项目】拼友购电商项目

拼友购项目介绍及准备工作、导航、头下区制作、网页主区制作制作注册页制作、网站上传

【阶段目标】 能够根据PSD文件完成PC端静态网页的开发。 完成此阶段后，仍无法达到企业用工标准。

第二阶段：移动网页开发

知识点

H5C3进阶

编辑器基本使用、HTML5新标签、【案例】CSS3新选择器及案例、【案例】2D转换及相关案例实现、【案例】3D转换及轮播案例

Flex 可扩展布局

移动终端基础知识、【案例】移动电商首页制作、Flex布局基础知识、【案例】移动携程首页制作

移动网络开发

媒体查询、less介绍及使用、rem适配及原理、【案例】手机苏宁首页制作及rem适配、响应式开发介绍、介绍及使用、【案例】阿里白秀响应式页面制作

【阶段目标】能够完成移动网页、响应式页面、炫酷页面的开发。 完成此阶段后，仍无法达到企业用工标准。

第三阶段：网络编程

知识点

基本语法

计算机基础与介绍、变量、数据类型、运算符、【案例】过程控制与案例、【案例】循环与案例、数组与冒泡排序、函数与应用、作用域与预解析、对象、【案例】内置对象和案例、简单类型和复杂类型

编程

API与Web API、DOM介绍、【案例】事件与样式操作及案例、【案例】百度换肤案例、【案例】表单选择案例、【案例】标签栏切换案例、【案例】 】节点操作及post消息案例、【案例】动态建表案例、【案例】事件详解及案例、BOM介绍及应用、【案例】定时器及相关案例，这点与js执行机制，【案例】，​​，对象，，，三族简介及案例应用，慢动画原理及封装，【案例】网页轮播、节流阀的实现，【案例】​​返回顶部与筋斗云案例，【案例】移动端轮播图的实现，【案例】移动端插件的使用及轮播图的实现，【案例】HTML5本地存储及记住用户名案例

快速开发

简介及常用API指南、【案例】选择器与案例、链式编程与样式操作、【案例】动画与王者荣耀手风琴案例、【案例】购物车案例的实现、【案例】实现电梯导航案例，事件绑定与解绑，插件的使用前端基础知识要点、原生JS开发移动方向开发技术培训，【案例】实现案例

先进的

面向图像编程入门、类与对象、【案例】面向对象的Tab Bar切换案例、构造函数与原型对象、、一些、【案例】方法与查询商品案例、.、高级函数、call、apply、bind闭包和应用、递归和应用、正则表达式和应用、ES6 中的 let 和 const、ES6 解构赋值、ES6 箭头函数、剩余参数和扩展运算符、数组实例方法、ES6 模板字符串和集合数据结构

【阶段目标】能够完成PC端网页、移动网页、响应式页面的功能和特效的开发。 完成这个阶段后，他们已经具备了一定的企业基本用人标准微信小程序实战开发pdf，但还没有达到初级前端开发工程师的水平。

第四阶段：Node 和 Ajax

知识点

节点+Gulp

节点介绍及环境安装、节点模块化、gulp使用、服务器与http协议、【案例】同步与异步、

+

数据库及数据库增删改查，【案例】用户信息增删改查，art-模板引擎的使用，【案例】学生档案信息管理案例，框架

【项目】XX博客项目

登录注册功能、用户列表分页功能、用户信息修改功能、文件上传和图片预览功能、文章添加和第三方模块实现分页功能、开发环境和生产环境、博客首页、详情页和数据渲染评论功能

阿贾克斯

Ajax基础知识、Ajax函数封装、【案例】文件上传与图片即时预览、同源策略、JSONP、【案例】腾讯天气信息案例、CORS、Aajx方法在国内的使用、【案例】 ​​todo案例，Ajax补充内容

吉特和

git配置与使用、多人协作开发、git补充内容

【项目】阿里巴巴百秀项目

模板引擎基本使用、阿里百秀介绍及项目搭建、登录退出功能、用户信息增删改查功能、文章信息增删改查功能、评论功能01、网站首页渲染、评论功能02

【阶段目标】能够完成前后端数据交互、基于前后端分离模式、传统模式的开发工作。 完成这个阶段后，你将具备企业的基本用人标准，能够达到初级前端开发工程师的水平。

第五阶段：Vue.js项目实践

知识点

Vue 基础知识

【案例】Vue指令与案例（tab case）、修饰符、样式绑定、v-model底层原理、计算属性、过滤器、监听器、Vue语句循环、【案例】图书管理综合案例、vue组件、【案例】购物车案例、、Fetch、axios、【案例】基于后台界面的图书管理案例、vue路由、【案例】路由案例、前端工程化及模块化

前端工程化与模块化、介绍与安装、配置与使用、与vue结合使用

vue--ui

Vue-cli3（Vue脚手架）、-UI组件库

[项目]Vue电商后台管理系统

电商管理项目介绍及初始化、登录功能、退出功能、首页布局及功能实现、用户列表布局及功能实现、用户添加、修改、删除功能、权限列表、角色列表、分配权限与角色、商品分类、分类参数、产品列表、产品添加、订单列表、数据统计、项目优化、项目部署上线

维埃克斯

Vuex基金会，【案例】基于Vuex的todos案例

【阶段目标】能够实现基于Vue技术栈项目的开发能力。 完成此阶段后，具备企业用人标准，能够达到中级前端开发工程师水平。

第六阶段：微信小程序

知识点

微信小程序基础知识

微信小程序简介、微信小程序配置、微信小程序基础知识、微信小程序基本应用、微信小程序程序生命周期、微信小程序高级应用、微信小程序事件与导航、网络请求、微信小程序之间通信的组件和组件

WePY框架

WePY框架介绍、WePY项目实时编译、.wpy文件组件、WePY事件参数传递、WePY双向数据绑定、配置启用async和await、wepy。 方法，异步更新数据

[项目] XX优购商城项目

项目介绍及初始化、首页、类目页、框架内拦截器、搜索功能、商品列表、商品详情、添加购物车功能、购物车功能实现、订单确认、订单支付、订单列表、小程序发布

[项目] 美容大师项目

项目介绍及初始化，cover-view和cover-image，动态切换相机方向，实现拍照功能，实现选中照片的显示，重选照片功能，百度人工智能API，认证，图片转码格式，英文映射中文，优化用户体验

【阶段目标】能够使用WePY小程序开发框架开发微信小程序项目。 完成此阶段后，您将能够达到企业用人标准，能够达到中级前端开发工程师的水平。

第七阶段：React.js项目实践

知识点

反应基础知识

React基本使用、JSX语法、React组件基础、React组件进阶、React原理与优化、React路由

[项目] 豪客租赁项目

项目介绍及初始化、项目首页布局+功能实现、百度地图API使用、城市选择与渲染、顶部导航组件封装、CSS、地图房屋搜索功能实现、、、组件实现、房屋来源筛选及房屋详情功能、用户登录 功能实现、房源采集、房源发布及房源搜索、项目打包及项目优化

【礼品课程】

介绍、介绍及使用、【案例】案例、【项目】通讯录项

【阶段目标】配合通用组件库，解决项目中的一些常见问题，满足前端开发行业的共同需求。 完成此阶段后，您将达到企业用人标准，能够达到中级前端开发工程师的水平。

01.学城网线上项目

学城在线案例是一个在线教育平台。 本例中使用HTML+CSS进行页面布局。 首页主要包括网页标题区域、网页区域、课程导航和课程列表。

02. 电商项目

拼友购电商项目属于B2C电商平台，类似于京东商城、淘宝。 本项目采用HTML+CSS/CSS3实现页面布局和动态效果，主要实现电商首页、列表页、详情页，三个页面可以相互切换。

03.阿里巴巴百秀响应式页面制作

阿里白秀案例是一个分享生活、技术、热门文章的平台。 本例中主要采用响应式框架来实现一套代码，同时兼容PC端和移动端，大大提高了开发效率和开发成本。

04.XX博客项目

XX博客项目是一个博客社交管理平台。 内部分为两个项目。 前端项目登录后，用于在页面中显示发表的文章和其他用户评论。 后台项目登录后用于撰写发布文章、审阅文章。 信息和用户信息统一管理。

05.阿里巴巴百秀项目

阿里白秀项目是一个文章社交管理平台。 内部分为两个项目。 前台项目用于显示发表的文章、上传的图片以及相关的用户评论。 统一管理文章、用户信息、评论信息、网站图片。

06.电子商务后台管理系统项目

电商后台管理系统项目利用vue官方vue-cli3.0脚手架工具提供的工作流程快速搭建和开发项目，并使用阿里巴巴的饿了么UI组件库构建网页结构并实现中的功能相应的页面，并通过 axios 请求后端相应的接口，然后将请求的数据显示到页面上，并通过 Vue- 作为前端路由来管理复杂的页面。

07.XX优购商城项目

XX优购商城是一个小程序电子商务商业项目。 项目从企业经典业务需求出发，涵盖商品分类、商品列表、商品详情、购物车、订单、微信支付、客服等核心模块。

08. 美容大师计划

爸爸相貌检测项目是一个利用拍照结合第三方人工智能平台服务进行人脸年龄检测、性别检测、表情分析、外貌检测的项目。

09.豪客租赁项目

好客租赁项目前端采用*流行的React技术栈开发，涵盖了React中*常用的技术以及移动场景问题的解决方案。 它使用React官方脚手架工具提供的工作流程来快速构建和开发项目，并使用阿里巴巴的antd组件库构建页面结构，使用React--DOM作为前端路由来管理复杂的页面，使用百度地图API来管理复杂的页面。实现地理定位、地图直接搜索房产等实用功能。

10. 地址簿项目

通讯录项目是一个后台管理手机联系人的项目。 用户注册登录后，可以通过项目管理界面添加新的联系人并对联系人进行分类。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等