web前端_尚硅谷web前端培训

以企业需求为导向提供前端解决方案

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信
promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise，async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

超40天项目实战超100个企业技能点超真实企业项目还原

谷粒商城
硅谷ERP
硅谷教育
硅谷电影
硅谷外卖
硅谷直聘
谷粒音乐
E宠商城
到位
途牛旅游

谷粒商城

该项目是基于Vue技术栈的大型电商项目, 是一个前后台分离的全栈PC端Web SPA, 基本包含了经典电商项目的所有核心功能, 如商品, 购物车, 订单, 支付等模块

项目架构

前台: Vue + Vuex + VueRouter + ES6 + Axios

后台: Java + SpringBoot + SpringCloud + MySQL

功能模块

商城首页, 商品搜索,商品详情, 购物车, 订单,

支付, 用户注册/登陆, 个人中心等模块

技术点

Vue, Vue-router, Vuex, Vue-lazyload, Swiper, Mockjs, postman, axios, token令牌, store, uuidjs, lodash,qrcode ES6, babel, webpack, vue-cli4, elint, less, nginx
硅谷ERP

该项目是基于vue-admin-template 打造的电商中台管理的SPA, 基本包含了中后台管理的核心功能, 如三级权限管理, 完整的商品SPU与SKU管理, 订单管理等模块

项目架构

前台: Vue + ElementUI + Vuex + VueRouter + Axios

后台: Java + SpringBoot + SpringCloud + MySQL

功能模块

用户登陆, 三级权限管理, 商品分类管理, 商品SPU与SKU管理, 订单管理,

后台管理人员管理, 前台用户管理, 首页可视化图表等模块

技术点

Vue, Vue-admin-template, element-ui, Vue-router, Vuex, Echarts, Mockjs, postman, axios, token令牌, js-cookie, store, echarts, lodash,ES6, babel, webpack, elint, scss, nginx
硅谷教育

该项目是基于新版本 React 全家桶的后台管理项目，包括前端PC应用和后端应用,采用模块化、组件化、工程化的模式开发

项目架构

前台: React + Redux + React Router + Antd + Axios + Webpack

后台: Node + Express + Mongoose + Redis

功能模块

用户登陆, 后台首页, 权限管理（用户管理，角色管理，菜单管理），教育管理（章节管理，评论管理，课程管理，课程分类管理，讲师管理），

个人管理(个人中心管理，个人设置管理)等功能模块

技术点

React,React-router-dom, Redux, React-redux, Antd, axios, screenfull, nprogress, dayjs, bizcharts, bizcharts-plugin-slider, webpack, eslint, create-react-app, babel, React-app-rewired
硅谷电影

该项目是一个微信公众号项目。使用爬虫抓取最新、最热门的电影，并能够预览电影预告片、搜索电影等。

项目架构

前后端分离项目: NodeJs + Express + MongoDB + 微信JS-SDK + puppeteer + Bootstrap

功能模块

主页，详情页，搜索页

技术点

后台：使用NodeJs + Express搭建服务器，使用MongoDB搭建数据库，使用Request + 微信JS-SDK调用微信接口，使用 puppeteer 爬取网页数据。前端：使用Bootstrap + zepto进行移动端布局等，使用 jsonp 跨域，使用 DPlayer 进行视频播放和弹幕
硅谷外卖

基于Vue全家桶的在线外卖移动端 Web SPA, 实现了外卖应用的几大核心模块, 采用模块化、组件化、工程化的模式开发

项目架构

前台: Vue全家桶 + ES6 + Webpack

后台: Node + Express + Mongodb + Mongoose

功能模块

导航页,商家列表主页面, 商家信息, 商品列表, 评论列表,

购物车, 搜索页, 订单页, 个人中心与登陆注册页

技术点

vue, vue-router, vuex, mint-ui, vue-lazyload, better-scroll, swiper, mockjs, postman, axios, ES6, babel, webpack, vue-cli, elint, stylus
硅谷直聘

该项目是基于新版本 React 的全栈项目，此项目为一个前后台分离的招聘的移动端Web SPA, 包括前端应用和后端应用,功能类似于BOSS直聘

项目架构

前台: React全家桶 + ES6 + Webpack

后台: Node + Express + Mongodb + SocketIO

功能模块

用户注册/登陆, 用户中心, 用户信息完善, Boss列表, 牛人列表界面, 实时聊天等功能模块

技术点

react, react-router-dom, redux, antd-mobile, axios, postman, webpack, eslint, create-react-app,babel, md5, js-cookie, socket-io
谷粒音乐

该项目是一个原生项目，类似于市场上音乐播放软件，主要是给用户提供观看视频，搜索音乐功能

项目架构

原生js + less布局 + rem适配 + 自定义滚动条 + 移动端防抖动 + 即点即停

功能模块

导航页，无缝滑屏，tab选项卡，竖向滑屏，自定义滚动条

技术点

绝对定位模拟固定定位，横向滑屏，橡皮筋效果，加速效果，无缝滑屏运用防抖动逻辑，竖向滑屏实现即点即停
E宠商城

该项目是一个线上电商项目，功能完善，技术点丰富，通过实战去让每一个学生独立完成百分百还原官网从而去巩固相应的知识点，提前感受开发场景

项目架构

前后端完全分离: Vue全家桶 + NodeJs + MockJs

功能模块

主页，分类，识物，购物车，个人中心，

搜索，登录，注册

技术点

Vue，Vue-router，Vuex，axios，NodeJs MockJs,组件通信，事件处理，封装组件， swiper，下拉刷新，上拉加载，模糊匹配
到位

该项目是一个PC端线上商城项目，主要运用技术jQuery，通过实战百分百还原去巩固jQuery技术栈

项目架构

前后端完全分离: jQuery + swiper + json-server + NodeJs

功能模块

主页，列表页，详情页，评论模块

技术点

jQuery, $.ajax, Swiper, MockJs,Nodejs,

Animate,jQuery事件委托
途牛旅游

该项目是基于途牛网为原型进行开发，技术选型:Vue技术栈，通过对网站的百分百搭建还原去熟练Vue全家桶的所有技术

项目架构

前后端完全分离: Vue全家桶 + NodeJs + MockJs

功能模块

主页，搜索，当地游，登录/注册

技术点

Vue，Vue-router，Vuex，axios，NodeJs MockJs,组件通信，事件处理，

封装组件，自定义脚手架,Vue-lazyload，Vue-validate，国际化

11.12亿的微信用户资源，是无数企业的必争之地

深度剖析多场景小程序核心功能，手把手教你进行开发

原生小程序项目(网易云音乐)
UniApp项目(网易严选)
Mpvue项目(硅谷图书)

功能模块

主页模板

视频模块

个人中心模板

登录模块

音乐列表模块

音乐播放模块

自定义音乐播放控制模块

ajax请求模块

过渡效果模块

Animation动画模块

中间层

Nodejs服务器搭建

Koa框架使用

KoaRouter应用

注册路由

async异步处理函数

工具类库封装

axios使用

路由中间键

微信接口对接

网易云音乐接口

原生小程序技术栈

小程序内置组件使用

网络请求: wx.request

本地存储: wx.setStorage/wx.getStorage

路由跳转: wx.navigateTo

背景音乐播放: wx.getBackgroundAudioManager

小程序生命周期

小程序事件绑定

小程序遍历数据

小程序模板使用

小程序自定义组件

扩展技术

豆瓣图书开放API

网易云音乐开发接口

flyio

Koa框架

KoaRouter

小程序支付流程说明

小程序分享功能说明

小程序分包

阿里小程序介绍

钉钉应用开发介绍

适配方案

布局视口

视觉视口

px,em, rem,rpx说明

dpr, ppi, dpi对比

视网膜屏幕

物理像素

css像素/独立设备像素

视口单位vh, vw

flex布局

----
功能模块

主页模块

分类模块

购物车模块

个人中心模块

搜索模块

登录模块

商品列表模块

单品列表模块

排序展示模块

Animation动画模块

中间层

Nodejs服务器搭建

Koa框架使用

KoaRouter应用

注册路由

async异步处理函数

工具类库封装

axios使用

路由中间键

微信接口对接

网易云音乐接口

UniApp技术栈

UniApp框架简介

HbuilderX开发工具使用介绍

UniApp组件使用

UniApp内置API使用

UniApp开发特点

Vue + 原生小程序快速开发

UniApp跨终端开发

UniApp配置完整说明

UniApp快速生成模板应用说明

Animation动画模块

扩展技术

豆瓣图书开放API

网易云音乐开发接口

flyio

Koa框架

KoaRouter

小程序支付流程说明

小程序分享功能说明

小程序分包

阿里小程序介绍

钉钉应用开发介绍

适配方案

布局视口

视觉视口

px,em, rem,rpx说明

dpr, ppi, dpi对比

视网膜屏幕

物理像素

css像素/独立设备像素

视口单位vh, vw

flex布局

---
功能模块

导航模块

主页模块

列表页模块

详情页模块

搜索图书模块

个人中心模块

扫码看书模块

个人收藏模块

---

中间层

Nodejs服务器搭建

Koa框架使用

KoaRouter应用

注册路由

async异步处理函数

工具类库封装

axios使用

路由中间键

微信接口对接

网易云音乐接口

Mpvue技术栈

Mpvue简介

Mpvue核心思想说明

Mpvue特点

Mpvue同Vue的相同点和不同点

模块化,组件化,工程化开发

Mpvue生命周期VS原生小程序生命周期

flyio使用

ajax请求类库封装

前后端完全分离应用

扩展技术

豆瓣图书开放API

网易云音乐开发接口

flyio

Koa框架

KoaRouter

小程序支付流程说明

小程序分享功能说明

小程序分包

阿里小程序介绍

钉钉应用开发介绍

适配方案

布局视口

视觉视口

px,em, rem,rpx说明

dpr, ppi, dpi对比

视网膜屏幕

物理像素

css像素/独立设备像素

视口单位vh, vw

flex布局

北京、上海、深圳三大校区统一师资全程亲授

张老师

技术栈全面、前后台兼备大咖讲师

张老师

多年前后台软件开发和教学经验，先后主持开发蓝讯 ERP、辽宁省公共汽车监控系统、沈阳市道路管理系统。深入理解后台主流技术和框架。深入研究了前台HTML5、CSS3、ES6、NodeJS等核心技术, 以及jQuery、Angular、React、Vue等前端流行框架, 曾带领学员完成多款外包Web app。擅长结合实际中的例子来讲授抽象的编程技
闫老师

精通主流框架，深入浅出寓教于乐

闫老师

有着丰富的开发和教学经验，曾就职于阳光集团旗下阳光保险公司，爱虎居电商平台。曾参与大型电商项目虎居商城，阳光保险官网，阳光保险理财项目开发工作，负责前端开发工作。精通html，css，js等编程语言和数据库系统，对前端主流框架Angular、React、Vue及原生js有着深入的研究，热衷于教学，激情派讲师，痴迷于新技术的推广与教学。
沈老师

全栈型技术讲师，一线互联网出身

沈老师

南京师范大学理学学士。曾先后就职于搜狐北京研发中心，景莲科技、软智金融。关注区块链应用，擅长分布式系统、密码学。对Go语言有深入的见解与运用。擅长Vue、Node、RN组合的JS全栈技术方案。曾参与搜狐大数据平台的开发维护，交通银行531项目，扬州农商银行填报系统，启东农商银行不良资产管理系统。授课风趣幽默，热衷于新技术的研究。
熊老师

对技术难点“吹毛求疵”的实力派

熊老师

曾就职于盈富斯科技，任项目经理。参与开发面向拉美国家的电商项目、360团购等。热衷于前端开发，熟练H5、CSS3、JS等前端开发技术，前后端交互流程、NodeJS、Koa、MongoDB等服务端和数据库技术进行全栈开发；对React、Vue等各种前端主流框架有深入研究及丰富的实践；授课认真负责，对技术难点吹毛求疵，同时授课融入最新技术点和面试题，让学生学以致用。
刘老师

实战经验丰富的魅力派讲师

刘老师

毕业于北京工业大学，曾从事软件开发多年，对于web前端和服务器端有较深刻的理解，曾参与中国建设招标网，国家标准物质资源共享平台，医学频道网，36度代驾app项目的开发。近些年投身IT教育领域，多年授课经验，擅于用引导的方式和生动的例子教学，授课思路清晰幽默。
李老师

学生超喜爱的尚硅谷讲师之一

李老师

有多年软件开发及架构经验。熟悉 Java、JavaScript、Oracle、MySQL、DB2、HTML5、前端、Python等编程语言和数据库，对主流框架Spring、Hibernate、MyBatis、SpringMVC、jQuery、Ajax、Activiti、JBPM 等有丰富使用经验和独到理解，对工作流引擎有深入研究。曾参与开发了中石化KMS系统、中国航空研究院工作审批系统等。
刘老师

千余课堂经验，技术讲解一针见血

刘老师

精通C/C++、HTML、CSS、JavaScript、Python等语言，拥有多年Python全栈开发经验。曾主导或参与国家级企业天然气公司收费系统，新东方旗下某在线教育网站等大型项目等。千余堂课堂经验，内容充实、简单明了，能够把晦涩的知识点转化为生活当中的实例，让学生热爱编程。
张老师

全栈型实力派暖男讲师

张老师

曾就职中兴网信，任智慧城市方向研发组长。曾多次参与中国移动ERP系统、万盛数据可视化、济宁大数据环境污染物侦测系统、智慧沈河等大型项目的研发工作，拥有丰富的一线开发经验。热衷web开发，熟练H5、CSS3、JavaScript、React、Vue等前端技术；熟练Java，MySQL、MongoDB、Express、NodeJS等后端技术；对前后端主流框架的理论与实际应用均有深入研究。
付老师

风趣、通俗、深入浅出

付老师

多年一线开发经验及授课经验，精通JavaScript、PHP、Python等多种编程语言，热衷前端技术，对主流前端框架Vue/React/Angular有着独到的研究，先后做过开发工程师/技术经理/前端架构师，懂技术，会讲课，还创过业，是个充满了故事的男人。
李老师

技术派，用代码说话、化繁为简

李老师

曾在联想集团、AllMobilize Inc任高级前端工程师、技术经理，拥有丰富的项目实战经验，主导或参与《CCTV微视》、《高校表白墙》、《超级社区》等大型项目开发。5年前端教学经验，全线贯通HTML5、CSS、JS、jQuery、Vue/React、NodeJS及前端工程化、前端架构到PHP、MySQL。授课超有耐心，激情饱满，善于把生活的例子和抽象的编程联系起来，注重培养学员的逻辑思维能力。
邱老师

授课生动、讲解清晰、风趣幽默

邱老师

曾任职于火币网任高级前端开发工程师，多年一线开发及授课经验。参与过多个一线大型项目的研发如火币网交易系统、火币网行情系统等。精通HTML，CSS，JS等前端主流编程语言，熟悉各大前端主流框架。热衷于前端开发和教育事业。善于在教学的过程中根据多年开发经验结合真实开发案例，把抽象的编程思想具像化来调动学生兴趣。
杨老师

操千曲而后晓声、观千剑而后识器

杨老师

精通HTML、CSS、JavaScript、jQuery、Ajax、Vue、React、微信小程序等前端技术，擅长C、C#、OC、PHP、nodeJS、Oracle、MySql、MongoDb等后台技术，主导或参与开发《OA办公系统》、《商城管理系统》等大型项目。熟悉项目开发中的前后端交互，擅长将工作经验融入教学实践。多年开发经验，八年授课经验,风格幽默诙谐。