Web前端开发

Web前端开发

基础班核心知识点• HTML 语义化• CSS3 基本语法规范• CSS常见布局技巧大全• 网页开发规范以及流程• CSS企业级网页开发• CSS初始化技术选择• CSS3基本变换

授课机构: 广州传智播客

上课地点: 天河校区

开设班型:早班,晚班,周末班

费用:
获取报价
84人已关注关注
预约试听
在线咨询
Web前端开发
Web前端开发
剩余名额:2个开班提醒
JavaEE培训
JavaEE培训
剩余名额:2个开班提醒
PHP+H5全栈工程师
PHP+H5全栈工程师
剩余名额:2个开班提醒
UI设计培训
UI设计培训
剩余名额:2个开班提醒
课程介绍

基础班

核心知识点

• HTML 语义化• CSS3 基本语法规范• CSS常见布局技巧大全• 网页开发规范以及流程• CSS企业级网页开发• CSS初始化技术选择• CSS3基本变换特效

学员能力体现

• 了解常用浏览器和浏览器内核• 了解语义化的概念• 掌握 HTML 语法及使用技巧• 掌握 CSS 语法及使用技巧• 掌握 DIV+CSS 布局方式 • 掌握常见网页布局模式• 掌握 HTML5 常用标签• 掌握 Photoshop 切图以及插件切图• 能够熟练使用开发人员工具进行页面调试 • 能够完成基本的动画效果• 能够根据PSD文件独立完成静态页面的开发工作• 能够使用CSS3新属性美化修饰网页

关键词

HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、静态页面开发、PSD文件还原网页文件

就业班

阶段

核心知识点

• CSS3 2D、3D 变换• CSS3 animation 动画• H5C3 炫酷页面开发• Flex伸缩布局• 移动端主流适配方案• 常见移动端样式兼容方案• 预处理器Less

学员能力体现

• 掌握HTML5新布局标签、多媒体标签• 掌握CSS3 2D、3D变换、动画效果• 了解移动端屏幕、移动端浏览器、操作系统的不同• 掌握常用移动端调试方法• 掌握常用移动端适配方法 • 掌握CSS预处理器less的使用• 掌握常用移动端框架使用方法• 掌握常见移动端页面开发• 掌握响应式布局开发 • 掌握Bootstrap 开发响应式页面• 掌握适配不同终端的网页开发技术选型

关键词

HTML5 标签、CSS3 动画、移动端适配、真机调试、rem、flex布局、媒体查询、Bootstrap、Viewport、移动端调试

第二阶段

核心知识点

• JavaScript 语言基础• BOM操作大全• DOM操作大全• 封装动画函数• JavaScript高级• 正则表达式• ECMAScript 2015(ES6)新语法• jQuery 快速开发• jQuery 插件开发

学员能力体现

• 能够掌握JavaScript基本语法• 掌握常见JavaScript 算法• 掌握DOM的各种操作 • 熟练使用面向对象思想进行DOM编程• 掌握JavaScript的高级语法 • 熟练使用jQuery操作DOM• 熟练使用和编写jQuery插件• 独立完成电商网站的页面搭建(包括HTML结构、CSS样式、JavaScript特效)• 掌握应对业务编程的能力 • 掌握JavaScript 常见兼容性方案• 掌握团队合作开发流程

关键词

网页编程、JavaScript高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、jQuery、jQuery插件

第三阶段

核心知识点

• 能够建立客户端服务器交互模型,熟悉网络通信相关概念• 能够使用 Node.js 进行 Web 服务端开发• • 基于Node.js开发Web应用• Express• RESTFul API• 原声AJAX、jQuery的AJAX相关API使用• 跨域请求及解决方案• 前端模板引擎

学员能力体现

• 能够掌握JavaScript基本语法• 掌握常见JavaScript 算法• 能够掌握 JavaScript 异步编程模型 • 能够掌握 JavaScript 模块化编程方式• 能够使用 Node.js 操作 MySQL 数据库 • 能够理解 HTTP 协议• 熟悉原生 Ajax 请求流程与细节,并掌握常见跨域技巧• 能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能• •能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目 • 能够独立完成企业网站从前台到后台的基本开发工作

关键词

Node.js、CommonJS、JavaScript 模块化、异步编程、服务端、MySQL、HTTP协议、Express、Koa、Cookie、Session、中间件、分页、注册登录、模块化、CMS系统开发、RESTFul、Ajax、SQL

第四阶段

核心知识点

• 大数据可视化D3.js• Vue.js/Vue Router/Vuex/axios/Element-UI• Vue CLI脚手架工具• 使用Git、Github管理项目源代码• webpack• React.js / React Router / Redux / axios / Ant Design• create‑react‑app 脚手架工具• 项目打包及优化• 项目部署与开发

学员能力体现

• 掌握使用 D3.js 进行大数据可视化交互开发• 能够掌握使用 Vue 技术栈进行项目开发• 能够掌握使用 React 技术栈进行项目开发• 能够掌握源代码管理工具的使用• 能够熟练掌握前后端分离开发模式 • 能够掌握使用主流框架开发门户网站、管理系统、移动Web等客户端• 能够掌握 webpack 项目构建配置流程• 能够掌握 Web 项目的部署与发布模式• 能够掌握常见网站业务模块开发 • 能够独立完成企业网站从前台到后台的基本开发工作

关键词

MVVM、前后端分离、Vue.js、Vuex、Vue-CLI、单页应用、工程化、品优购、Axios、Webpack、React.js、Redux、好租客、Vue Router、React Router、路由系统、JSX、项目打包

第五阶段

核心知识点

• 人工智能• 小程序开发• 小程序应用及页面的生命周期• 小程序运行机制• WePY小程序开发框架• 小游戏开发

学员能力体现

• 能够掌握小程序的开发基础• 能够独立开发小程序项目• 能够掌握 Canvas 的使用• 能够掌握小游戏开发基础• 能够独立开发小游戏项目 • 能够掌握小程序/小游戏的部署与发布• 能够掌握小程序开发框架 WePY 的使用• 掌握第三方 AI 平台的使用

关键词

小程序、WePY、黑马优购、小程序商城、飞机大战、小游戏、Canvas

第六阶段

核心知识点

• 二次开发• 团队协作• 团队管理工具• 源码管理工具• 源码管理及协作• 敏捷开发模式

学员能力体现

• 能够根据现有的项目进行二次开发• 能够掌握企业中源代码管理的协作方式• 能够掌握企业中常见的开发协作模式• • 能够掌握主流团队管理工具的使用

关键词

综合实战、二次开发、团队协作、源代码管理协作、团队管理工具使用

在职加薪班

阶段

核心知识点

• 前端工程化(Webpack4、Rollup、Parcel、Gulp4)• 闲云旅游项目(无服务端方案、静态站点生成工具)• JavaScript 进阶(TypeScript、Flow)• Angular 实战开发(入门、实战)• MVVM 框架进阶与实现(React.js、Vue.js)• 数据流框架的应用(Redux、Vuex、Mobx、RxJS、ngrx)• 服务端渲染 SSR 专题(Next.js、Nuxt.js、Universal)• 学成在线项目(React16、Redux4、ReactRouter4、Next.js)

学员能力体现

• 能够轻松运用目前市场主流工具应对工程化项目需求• 能够基于无服务端平台快速开发应用并了解国内主流的平台服务• 能够使用静态站点构建方案快速开发企业站• 能够使用 Flow、TypeScript 完成复杂应用业务代码的编写• 能够掌握使用 Angular 技术栈进行项目开发 • •能够理解 React.js / Vue.js 一类的 MVVM 框架的实现原理• 能够使用不同的数据流框架应对不同技术栈在大型项目中的数据状态管理• 能够使用服务端渲染解决方案解决 React.js / Vue.js / Angular 框架在 SEO 方面的问题• 能够掌握不同框架的服务端渲染的实现及运用 • 能够使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交类项目的开发

关键词

工程化、自动化、无服务端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal、薪资15k-25k

第二阶段

核心知识点

• 混合式 App 开发框架(Cordova、Phonegap、Ionic、WeX5)• H5 配合原生开发 App(Webview、JSbridge、NativeScript)• 黑马证券 App 项目(Webview + H5)• 小程序/快应用开发框架(MINA、wepy、mpvue、taro)• 原生应用开发框架(React Native、Weex、Flutter)• 好客租房 App 项目(React Native)

学员能力体现

• 能够使用混合式 App 开发框架快速开发移动 App• 能够配合原生应用开发 App 内嵌 H5 页面并可以通过 JSBridge 调用原生接口• 能够使用 wepy / mpvue 框架开发小程序或快应用项目 • 能够使用 taro 多端统一解决方案同时完成移动 App、移动 Web、小程序的开发• 能够独立使用 React Native 开发原生 App • •了解 Weex / Flutter 等其他原生应用的前端技术开发方式

关键词

Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter、 薪资20k-30K

第三阶段

核心知识点

• Node.js 网络通信(net 模块、Socket)• Node.js 事件循环与多进程(EventLoop、Cluster)• NoSQL 数据库(Redis、MongoDB、Memcached)• Web 应用开发框架(Adonis.js、Egg.js、Koa)• BaaS 接口标准(GraphQL)• 十次方项目(Node.js Midway、微服务)I• 网络爬虫开发(Cheerio、Nightmare、Puppeteer)

学员能力体现

• 能够基于 net 模块开发 Socket 应用并深度理解 HTTP 协议• 彻底理解 Node.js 中的事件循环特性• 能够使用 Cluster 开发多进程应用充分发挥多核 CPU• 能够操作常见的 NoSQL 数据库并能够通过 Node.js 操作• 能够掌握主流的 MVC Web 应用开发框架 Adonis、Egg • 能够升入理解基于 GraphQL 标准开发现代化的应用层接口• 能够掌握 Node.js 中途岛在企业级项目中的应用• 能够使用 Node.js 开发基本的网络爬虫应用

关键词

Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服务、Nightmare、Puppeteer 、薪资20k-35k

第四阶段

核心知识点

• 网页游戏开发基础(Canvas)• 网页高性能图形编程(WebGL)• 图形化开发库(Three.js、D3.js)• HTML5 游戏引擎(Cocos2d‑x、Egret)

学员能力体现

• 能够使用 HTML5 技术开发网页游戏• 能够使用 WebGL 技术完成炫酷 3D 类图形效果• 能够掌握常用的可视化库的应用• 能够使用 Three.js 开发简单的 3D 网页游戏• 能够使用 HTML5 游戏引擎开发网页游戏

关键词

WebGL、Three.js、H5 游戏、游戏引擎、Cocos2d-x、Egret 、薪资20-30K

第五阶段

核心知识点

• 前端性能优化(JSPerf、YSlow、PageSpeed)• 项目质量监测(Lint、e2e test、codecov)• 自动化测试(Mocha、Jest、AVA、Karma、Nightmare)• 持续集成与持续部署(Jenkins、TravisCI、CircleCI)• Linux 服务器(Nginx、HTTP(s)、ECS、RDS、SLB 云服务)• 容器化运维操作(Docker)

学员能力体现

• 能够通过不同的工具发现 Web 项目的性能瓶颈并加以解决• 能够掌握使用不同的工具和平台对项目及代码进行质量监测• 能够使用不同的自动化测试框架完成项目的单元测试和集成测试• 能够使用 Jenkins、TravisCI 等工具对项目进行持续集成和持续部署• 能够掌握基本的 Linux 服务器操作与维护 • 能够掌握 Nginx Web 服务器的搭建与配置• 了解 Docker 容器化平台的基本操作

关键词

JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持续集成、持续部署、Jenkins、Nginx、Docker 、薪资25k-45