上课方式

面授

上课校区

招生对象

想要学习Web前端开发技术的学员；有志于从事WEB前端开发工作的学员

课程目标

想成为一个合格的web工作人员就必须了解下web是什么，什么是html，css以及javaScript，知道什么是动态页和静态页，学习html的代码使用，以及针对不同浏览器的开发，并让代码在浏览器中运行，还要了解下MVC的开发模式，知道Model（模型层）、Controller（控制层）、View（视图层）的意义和使用方法，并且还要学会java、php的后端语言的使用，了解移动端的开发（Android、iOS），学习数据库、HTTP、python等技能

课程详情

授课机构

教学点

同类课程

学员评论

前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。早期的网页制作主要内容都是静态的，以文字图片为主，用户使用网站也以浏览为主。随着互联网的发展，现代网页更加美观，交互效果显著，而出色的前端开发可以确保实现这些效果的同时，也不影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适。

关于Web前端，你是否想要了解这些问题

你或许想知道的问题

Web前端开发需要学习什么基础知识？
Web前端的岗位工作具体是做什么的？
Web前端开发初学者应该注意什么问题？
初学Web前端怎样才能快速进入学习状态？

杭州汇智动力，Web前端开发课程

小白起航篇
前端核心基础篇
JavaScript网页编程篇
前后端交互篇
VUE框架实战篇
小程序开发篇
React框架实战篇
技术进阶篇
项目篇

课程模块	课程内容	课程说明
软件基础技术	软件组成、软件运行原理、计算机架构、计算机语言发展	主要学习计算机基础，为零基础同学设计。
操作系统	操作系统作用、发展、原理、分类、磁盘格式、环境变量、系统命令、批处理开发	操作系统是日常工作、搭建测试环境等工作必备技能，本课程主要掌握操作系统相关操作。课程通过在虚拟机搭建服务器操作系统，进行实操。
计算机网络	网络组成、结构分类、tcp/ip协议、http协议、ip地址、DNS、客户端、服务器、C/S架构、B/S架构、Web服务器	通过本课程掌握计算机网络基本原理和一些重要架构，为后续学习打好基础。本课程通过两个项目实操，让学员在实操中深刻理解网络相关知识。

课程模块	课程内容	课程说明
HTML基础	软件开发和web标准、HTML语法和基本结构、网页开发工具使用、HTML网页开发常用标签、特殊字符	HTML是网页基础主要负责设计网页的布局，它提供了一个网页中文本、图片、视频等展示的结构元素，学习了它我们就可以完成一个网页的结构的搭建。
CSS基础	CSS的引用、CSS基选择器、CSS设置各样式属性、Chrome调试工具、emmet语法、CSS的显示模式、CSS盒子模型、CSS边框和边距、CSS其他样式和网页布局、CSS四种定位	CSS主要负责网站样式，它提供了各种各样的样式设置可以让我们的网页变得更加美观。
PhotoShop	PhotoShop安装和基本使用、PhotoShop实现切图、PhotoShop插件的使用	PS为图片和网站设计的一个工具，学习了它的使用我们可以设计自己想要的美观图片和网页。
HTML5+CSS3	HTML5语义化标签、多媒体标签、新增表单元、CSS3 选择器、CSS3 2D和3D转换、CSS3 过渡、CSS3 动画	HTML5和CSS3在原来的HTML和CSS基础上增加了很多新的结构标签和样式，可以满足我们开发网页的更多需求。
web移动网页开发	移动端介绍和页面设计规范、flex布局、rem布局、响应式布局开发、bootstrap框架	了解移动端页面设计和布局使得我们可以开发出手机浏览器中看起来也很美观的移动端网页。

课程模块	课程内容	课程说明
JavaScript基础	编程语言介绍、JavaScript变量、数据类型、运算符、选择和循环、数组、函数、对象和内置对象、BOM对象和DOM对象、事件监听、offset、client、scroll三大家和动画函数封装、移动端特效和开发插件、cookie本地存储	JS是一种网页编程语言，通过本课程学习了JS的基础开发就可以完成网页中很多的动态效果以及一些鼠标键盘交互动作，并且JS编程基础也是前后端交互以及框架都必学的知识点。
JQuery快速开发	jQuery介绍和引入、jQuery选择器、jQuery属性和样式操作、jQuery DOM操作、jQuery动画、jQuery事件操作、jQuery插件的使用	JS的一些原生操作编程起来并不是特别方便，JQuery就是一个可以实现快速开发的js库，它提供了很多简单方便的替代js原生的操作方式。
JavaScript高级开发	面向对象编程、类和对象、构造函数和原型链、封装和继承、闭包、正则表达式、ES6语法、JavaScript异步编程、JavaScript设计模式	通过本课程的学习，我们可以学会使用js进行面向对象编程开发、异步编程开发、ES6语法编程等，可以满足更多的网页编程需要。
webVR全景开发	WebVR介绍和使用、WebVR开发工具、WebVR全景开发实战	通过本课程的学习，可以让我们在网页中实现VR 虚拟现实全景特效。

课程模块	课程内容	课程说明
ajax	客户端和服务器、URL介绍和使用、Ajax和xhr使用、jQuery中使用Ajax、接口和PostMan工具、表单数据提交和模板引擎、XML和JSON、文件上传、axios、跨域访问和JSONP、HTTP协议、HTTP请求和响应	ajax是一个异步请求实现网页局部刷新的技术，学习ajax技术可以让我们实现跟web服务器的交互以及网学会络请求方面技术。
版本控制git/svn	版本控制介绍、svn安装和使用、git安装和使用、git基本命令操作、git分支、回滚和tag版本号、GitHub和Gitee	版本控制是团队开发必备工具，可以实现多人共同开发项目，并且还可以实现代码打版本号、代码回滚、分支开发等功能，让团队开发更加顺利。
Node.js	Node.js环境配置、fs文件系统模块、path 路径模块、http 模块、node服务器、node模块化开发	Node.js是一个可以让js运行在服务器端的开发平台，并且Node.js还可以实现模块化的开发。
NPM	包、npm安装和使用、npm包的安装、npm包的开发和发布	NPM是一个Node.js打包管理工具，可以实现项目的依赖包的安装、开发和发布等功能。
Express	Express安装、Express 创建web服务器、Express 路由、Express 中间件、Express 编写服务接口	Express是一个基于Node.js的web应用开发框架，它提供了快速搭建一个web服务器的各种组件。
MySQL数据库	各大数据库介绍、数据库关系模型、数据库范式、Mysql安装和配置、Mysql界面化管理工具、Mysql的CRUD操作、Mysql事务、Mysql索引、函数和存储过程、触发器	数据库是软件系统存储数据的地方，所以数据库也是开发人员必备和熟练技能。学习本课程后，能够熟练使用各种查询、数据库对象管理、数据库脚本开发。本课程通过"智慧云"项目系列之一的后台数据库，来进行实际的学习。
前后端身份认证	Web开发模式、身份认证、session认证、JWT认证机制	通过本课程我们可以学习如何进行安全的前后端开发交互。
地图开发及本地存储	地图开发技术、离线本地存储、WebSocket即时通讯、即时聊天系统	学习一些网页中有的时候需要用到的地图开发、数据本地离线存储，WebSocket实现网页聊天通信等丰富的网页开发技术。
Selenium Web自动化测试	Selenium安装和环境搭建、WebDriver实现元素定位、WebDriver添加等待和操作浏览器、js对话框处理、页面加载策略、搜索网络元素、模拟事件	Selenium是一款Web主流自动化工具。学习本课程后，能够熟练应用Selenium工具进行Web的自动化测试。本课程通过"智慧云"项目系列之一进行实际项目实战。

课程模块	课程内容	课程说明
vue基础	Vue模板语法、MVVM设计模式、Vue表单操作、自定义指令、计算属性和方法、侦听器、过滤器、vue渲染、vue组件、vue前后端交互、vue路由	Vue是目前web前端主流开发框架之一，是一套用于构建用户界面的渐进式JavaScript框架，容易上手，还便于与第三方库或既有项目整合，可以让我们实现前端项目的快速开发。
webpack	前端工程化和模块化、webpack环境搭建、webpack配置、webpack和vue结合、webpack打包发布	webpack是一个模块打包器，学习了webpack我们可以把复杂的js代码和一大堆的依赖包进行模块化处理，简化了开发复杂度
vue-cli3+Element UI	vue-cli3安装、vue-cli3创建和配置项目、Element UI介绍和安装、Element UI组件库	vue-cli3是vue实现交互式项目快速开发的一个脚手架工具，Element UI是一个基于vue的网站快速成形工具，学习了它们我们可以快速完成前端项目搭建开发以及页面开发。
vuex	vuex和状态管理模式、vuex安装和环境搭建、Vuex核心以及使用	vuex是一个vue的状态管理库，它可以让我们在vue项目中实现多组件data的共享。

课程模块	课程内容	课程说明
微信小程序开发	小程序介绍和账号申请、微信开发工具的安装和使用、微信小程序项目配置、微信小程序语法和常用API、自定义组件、小程序的调试、资源托管和发布、WePY介绍和安装、WePY开发微信小程序	小程序逐渐成为现在越来越主流的替代app的使用应用，而微信小程序使用最多。通过本课程的学习，我们将学会如何从头到尾的进行小程序的开发，并通过项目实战融会贯通。
微信公众号开发	公众号的申请和设置、获取access_token、自定义菜单、公众号回复和消息管理	微信公众号也是微信应用中非常常见的一个功能应用，通过本课程掌握微信公众号的开发，并通过项目实战融会贯通。

课程模块	课程内容	课程说明
React基础	React基本使用、JSX语法、React组件基础和进阶、React原理和性能优化、Redux介绍和工作流程、Action和Reducer的编写、UI组件、容器组件和无状态组件、react-redux中间件	React是FaceBook（脸书）提供的一个构建用户界面的js库，也是目前主流的web前端开发框架之一。通过学习React各技术点可以让我们实现企业web前端项目的快速开发，并通过项目实战融会贯通。
React开发webapp	Ant Design组件库的使用、React Router4 路由、项目组件编写、使用immutable管理store数据、项目调试、测试和发布上线	通过本课程掌握React结合Ant Design组件库等实现webapp的开发，并通过项目实战融会贯通。

课程模块	课程内容	课程说明
原生app开发	React Native开发介绍、React Native基础组件、React Native集成Android原生组件、React Native其他组件	iOS和Android应用的开发往往需要不同技术的人才开发和维护，通过本课程掌握React Native是一个实现iOS和Android原生App开发，实现一套代码多端运行，减少开发时间，提高开发效率。
Flutter混合开发	Flutter环境准备、Flutter界面构造、Flutter基础部件、Flutter布局、Flutter视图、Flutter路由、Flutter表单组件、Flutter动画、Flutter网络请求、Flutter项目测试、发布与部署	Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。
Angular	angular脚手架安装、angular项目结构介绍和配置、angular基本使用和路由、angular模块、angular组件、angular模板、angular元数据和数据绑定、angular指令和服务	Angular是目前主流的web前端开发框架之一，它是一个js库，可以很简单的引入到现有网页或前端项目中进行快速开发。
TypeScript	TypeScript介绍和环境配置、TypeScript变量、TypeScript数据类型、TypeScript流程语句、TypeScript操作符、TypeScript函数、TypeScript类和对象、TypeScript模块	TypeScript 是 JavaScript 的一个超集，它可以编译成纯 JavaScript使用，主要为开发大型应用而设计的。

课程模块	课程内容	课程说明
智慧云猎聘平台	研发平台：开发模式：前后端分离，前端架构：react、roadhog、npm，后端架构：springcloud微服务、Spring、Mybatis、spring secuity+oauth2安全和授权、quartz任务调度、docker项目部署、fastfds文件上传系统，服务器：Tomcat、Nginx，数据库：MySql	应用教学范围：js基础和高级、前后端交互、react框架、roadlog、npm包管理、项目开发和发布
智慧云小店	研发平台：开发模式：前后端分离，前端架构：Templates、css、sass、js/es7、Vue、webpack，后端架构：springcloud微服务、Spring、Mybatis、shrio权限、docker、POI、SSO存储、Redis集群缓存、RabbitMQ等，服务器：Tomcat、Nginx，数据库：MySql	应用教学范围：js基础和高级、前后端交互、vue webapp开发、vue小程序开发、webpack模块化、npm包管理、Nginx前端项目部署
智慧云在线学习	研发平台：开发模式：前后端分离，前端架构：前端：Templates、css、sass、js/es7、Vue，后端框架：SpringBoot、SpringCloud微服务、MyBatis、log4j2、Maven、redis、Docker，服务器：Tomcat、Nginx、tengine，数据库：MySql	应用教学范围：前端基础、js基础和高级、Templates、sass、vue框架、Nginx前端项目部署。
智慧云教育管理	研发平台：开发模式：前后端分离，前端架构：vue、vue-cli、npm，后端架构：SpringBoot、fastDFS文件上传，Mybatis Plus，服务器：Tomcat、Nginx，数据库：MySql	应用教学范围：js基础和高级、前后端交互、vue框架、vue webapp、Vue_cli脚手架、npm包管理等。
智慧云院线	研发平台：开发模式：前后端分离，前端架构：Vue、Vue_cli 、Node.js，后端架构：SpringBoot、SpringCloud微服务、Mybatis，服务器：Tomcat、Nginx，数据库：MySql	应用教学范围：js基础和高级、前后端交互、Vue框架、Vue_cli脚手架、Node.js、Nginx前端项目部署。
智慧云物流	研发平台：开发模式：前后端分离，前端架构：Vue、Ant-design-vue、Webpack、npm，后端架构：SpringBoot、Shiro、Redis、MyBatis-Plus、Jwt、Swagger-ui、Logback、poi、Quartz，服务器：Tomcat、Nginx，数据库：MySql	应用教学范围：js基础和高级、前后端交互、Vue框架、Ant-design-vue、webpack模块化、npm包管理、Nginx前端项目部署

Web前端开发要学哪些内容

HTML：掌握HTML是网页的核心，web应用的基石。这种语言是目前web领域应用最广泛的语言，我们需要在html文档中插入对应的标签，即可实现web页面的编写与排列。
CSS：程序员的画笔，实现网页外观的重要一点，可以将网页外观做得更加美观，可以为html标签自定义样式，通过设置html标签的样式，来改变其外观，达到美化与排版web页面的目地。
JavaScript：实现网页实时的、动态的、可交互式的表达能力，作为一种网页脚本语言，它可以在html中运行，设置并修改浏览器中的对象与变量。

选择汇智动力，你没有理由拒绝

01

教学模式
采用班级面授教学形式，有问题可以及时解决。
02

师资力量
教师拥有丰富行业项目经验，师资力量雄厚。
03

收费透明
我们收取合理的费用，提供相匹配的教学和服务。

为什么学Web前端技术

（1）薪资待遇。随着市场需求的提升，拥有企业所需技术的Web前端开发人员薪资在不断增加。不仅仅是大城市的前端开发人员，一些二三线城市的前端人员薪资水平也在稳步增加，成为城市中名副其实的高收入人群。
（2）应用领域。网页已经不再仅仅是一个网页了。技术人员在公司做网站时，他们会同时考虑移动设备上的技术和社交媒体交互。开发团队在设计和构建网站时，需要考虑智能手机、平板电脑，互联网电视甚至可穿戴设备的使用情况，这些都扩大了前端开发人员的业务范围和受众的覆盖面。

好的环境，给你舒适的学习氛围