HTML&JS+前端培训开班

0基础学IT选前端工程师

web前端培训学校哪家好?
了解更多开班地区

前端开发有多火?应用无处不在

  • 人才缺口大

    企业前端开发人才缺口达300万+
    就业难度低

  • 就业选择多

    视线所及皆为前端可选择所有行业:互联网、电商、
    教育、医疗、物流、金融…

  • 晋升速度快

    前端岗位新手接纳度高 岗位晋升空间大 待遇逐渐攀升
    1-2年专员 2-3年主管 3-5年经理 5年以上总监

web前端为什么这么火
了解前端就业前景

拒绝盲目摸索带你高起点入行

HTML&JS+前端课程体系图  课程体系契合企业刚需  每个学习阶段目标清晰

web前端培训学多久 我适合学吗?

教学大纲及课程安排

  • 技术阶段
  • 网页布局

  • 移动Web

  • JavaScript

  • Vue.js

  • 小程序

  • React.js

  • 项目阶段
  • 数据看板项目

  • 面经全端项目

  • iHRM人力资源项目

  • 优医问诊项目

  • 小兔鲜电商小程序项目

查看详细课程大纲 >网页布局新课时:10天 学习方式:新型面授

主讲内容

HTML | CSS | 企业级小兔鲜儿电商项目首页制作

内容介绍

1. HTML 负责网页的结构层,是网页开发的基础,从简单的网页骨架搭建入手,使用常见的 HTML 标签丰富网页结构。
2.在 HTML 搭建的网页结构基础上,通过 CSS选择器 精准选择标签,使用外观、盒模型相关属性完成网页全部内容,利用浮动、定位等布局技巧精准控制网页布局,最终结合背景、圆角、阴影等装饰属性进一步美化网页效果,达到能够编写企业级大型综合网页。
3. 借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用 HTML + CSS 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,最终完成企业级小兔鲜儿电商项目PC端首页开发。

可掌握的核心能力

借助PxCook工具,参照设计稿,能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。

查看详细课程大纲 >移动Web新课时:7天学习方式:线下面授

主讲内容

CSS高级特效 | 移动适配 | 响应式

内容介绍

1. 使用css高级特效丰富网页元素的呈现方式和效果。
2. 首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
3. 学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。

可掌握的核心能力

1. 使用CSS高级特效,丰富网页元素的呈现方式和效果。
2. 使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果。
3. 使用bootstrap框架布局响应式网页。

查看详细课程大纲 >JavaScript新课时:24天学习方式:线下面授

主讲内容

JavaScript基础 | WebAPI | JavaScript高级 | Ajax | Git

内容介绍

1. 学习JavaScript基础语法规则。
2. 学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
3. 深入理解 ECMAScript 的知识体系及工作机制,熟悉 ES6+ 新的语法特性,注重抽象思维的培养,具备面向对象编程的的能力。
4. 利用 axios 发起 Ajax 请求,实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理,能够使用 Promise 处理异步操作,并使用 async/await 简化异步操作。
5. 能够创建 Git 仓库管理前端项目,基于 Git 分支进行多人协同开发,并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。

可掌握的核心能力

1. 掌握JavaScript基础语法,培养编程逻辑思维。
2. 掌握DOM和BOM对象的常用属性和方法,能够完成网页常见的交互效果。
3. 能够使用 axios 实现 Ajax 操作,为后续项目课做好技术铺垫。
4. 能够运用 Git 管理前端项目,并且使用 Git 分支进行多人协同开发。
5. 能够使用 Promise 与 async/await 高效的实现异步操作。

查看详细课程大纲 >Vue.js新课时:41天学习方式:线下面授

主讲内容

框架前置课 | Vue核心技术 | Vue3.0高级 | TypeScript

内容介绍

1. 掌握模块化思想,npm包管理,webpack基础,初探工程化开发。
2. 运用Vue2.0全家桶核心内容实现开发中常见的功能,如购物车,经典列表、TodoMVC等。运用 Vant 开发移动端,运用element-ui开发PC后台管理系统。
3. 掌握Vue3新特性、Vite、组合API、Pinia 等。
4. 掌握TypeScript基础语法,并且在Vue3项目中熟练运用TypeScript。

可掌握的核心能力

通过 Vue2 和 Vue3 的基础学习,掌握企业开发中常见业务功能实现;通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术,掌握企业级项目开发方式,如移动端H5项目实与PC端管理项目;通过 Vue3 结合 TypeScript 的技术学习,掌握大型企业级项目开发技巧。

查看详细课程大纲 >小程序新课时:12天学习方式:线下面授

主讲内容

原生小程序 | uni-app | 电商项目

内容介绍

1. 了解小程序开发的一般流程序,熟悉小程基础组件的使用,能够基于 wxml 和 wxss 实现小程序的界面布局,基于模板的数据绑定实现数据的动态渲染,基于 API 实现与服务端的数据通信,以及熟悉其它高级 API 的使用。
2. 理解 uni-app 实现跨平台开发的原理机制,理清单文件组件与原生小程序组件的对应关系,以及 uni-app 开发小程序时开发时与原生小程序的差异。
3. 基于真实需求综合运用小程序开发的相关知识,突出小程序 API 的真实应用场景,强化和巩固小程序开发的相关知识,提升综合解决问题的能力。

可掌握的核心能力

独立开发原生小程序,能够使用uni-app开发小程序,提高就业能力,就业的加分项。

查看详细课程大纲 >React.js新课时:6天学习方式:线下面授

主讲内容

React 核心技术|Hooks 深入+路由|Redux +中间件 + Redux Toolkit|记账本案例

内容介绍

1. 基于 React 脚手架(create-react-app)搭建React项目,掌握JSX语法搭建页面结构,使用函数组件实现组件化开发,掌握组件通讯在项目开发中的使用。
2. 掌握 useEffect Hook 的应用,掌握 useRef Hook 的高级用法,理解 Hooks 原理,掌握 react-router-dom 的应用。
3. 掌握 React 最常用状态管理工具 Redux 的基本使用,使用 react-redux 链接库在 React 中使用 Redux,掌握 Redux 中间件 redux-thunk 用来处理异步请求,掌握 Redux Tookit 简化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 实现记账本案例,对整个 React 阶段所学内容进行练习,验证我们是否掌握了 React 开发能力。

可掌握的核心能力

通过 React + Hooks + Redux Toolkit 的学习,实现多种业务场景下的功能开发,如 B站评论、知乎频道管理、美团外卖、极客园、记账本等业务功能。

查看详细课程大纲 >数据看板项目新课时:3天学习方式:线下面授

主讲内容

1. 基于axios 实现网站注册和登录功能。
2. 基于 Echarts 结合需求高度自定义不同类型的可视化图表。
3. Ajax、数据渲染和服务端推送前后端分离技术的应用。
4. 基于 token 的访问权限控制功能。

项目介绍

数据看板是一个数据可视化项目,通过折线图、K线图、柱状图等图表形式归纳汇总大量数据,以实现更加直观的数据表达效果。学员通过学习该项目,能够掌握数据可视化、异步编程、实时数据获取等技术解决方案,适合有基础希望技能强化的IT人员继续学习。

可掌握的核心能力

1. 掌握Echarts 各类型数据可视化图表的应用
2. 能够根据需要求创建折线图、K线图、地图等图表
3. 掌握前后端分离技术的实现方式并了解其意义
4. 掌握使用token进行访问鉴权功能实现

查看详细课程大纲 >面经全端项目新课时:5天学习方式:线下面授

主讲内容

1. 基于 vue-cli 创建工程化的 Vue 项目。
2. 基于 element-ui 组件库快速实现项目布局。
3. 用户注册与登录的业务解决方案。
4. 使用 Vuex 管理全局共享的数据。
5. 使用 axios 实现前后端的数据交互。
6. 基于 vant 组件库快速构建移动端界面。

项目介绍

面经系统,由面试经验文章PC管理后台,个人H5端面试文章浏览组成。学员学习该项目,能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案,移动端开发,适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。

可掌握的核心能力

1. 掌握 element-ui 组件库的运用
2. 掌握 axios 以及拦截器的应用
3. 掌握 Vuex 管理全局状态的技术解决方案
4. 熟练使用 vue-router 管理组件的切换展示
5. 掌握 element-ui 中如何自定义表单的校验规则
6. 掌握文件上传和富文本编辑器在 Vue 项目中的应用
7. 掌握 Vant 组件库的运用
8. 掌握使用 postcss-px-to-viewport 实现移动端适配

查看详细课程大纲 >iHRM人力资源项目新课时:12天学习方式:线下面授

主讲内容

vue-element-admin(请求模块化,请求工具拦截,scss 样式,布局组件) | Vuex 持久化(state,mutations,actions,getters 和 modules) | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表单校验(async-validator) | vue-router 导航守卫 | token 认证 | token 失效控制 | 角色管理业务 | RBAC 权限 | Vuex + 路由 + RBAC | 动态路由 | 角色权限 | 混入 mixns | 工作日历 | Echarts 雷达图 | 全屏(screenfull) | tabs 页多页签组件 | vue-i18n 国际化方案 | history 路由模式的应用 | 树形菜单 |element 列表的数据过滤 | 导入导出 Excel | Excel 复杂型表头 | PDF 打印(vue-print-nb)| el-upload 上传第三方云服务器 | 打包性能分析 | CDN 加速的实践应用 | 组件封装 | 业务组件封装

项目介绍

iHRM是一款基于SaaS平台的人力资源管理系统, 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理(审批、考勤、社保)等,为企业的人力资源管理提供一站式解决方案。

可掌握的核心能力

1. 掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力
2. 具备角色,人员,权限类系统的设计整体设计及应用能力。
3. 拥有Vue.js相关的技术要点及配套的插件,解决方案深度使用能力

查看详细课程大纲 >优医问诊项目新课时:12天学习方式:线下面授

主讲内容

vue3.0框架| TypeScript使用 | vite前端构建工具|create-vue项目脚手架|vue-router路由|pinia状态管理|pinia-plugin-persistedstate状态持久化|sass预处理器| vite-plugin-svg-icons图标组件插件|tailwindcss现代CSS框架|@vueuse/core组合API工具库|dayjs日期处理|vant组件库 | postcss-px-to-viewport移动端适配 | id-validator校验身份证 | socket.io即时通讯 | eruda真机调试 | 第三方登录 | 第三方支付 | vant组件二次封装 | 通用组件封装 | reqeust工具函数 | 组件按需引入 | steup语法糖 | pnpm包管理 | 第三方库类型扩展 | 自定义composable | css变量

项目介绍

优医问诊是一个连接医生和患者的移动医疗行业H5应用,通过高效、快速的在线问诊服务,为患者提供健康帮助,涵盖了找医生、快速问诊、开药门诊、疾病查询,健康百科等功能。该项目基于Vue3+TypeScript进行开发,且引入下一代状态管理工具 Pinia 和热门的前端移动UI组件库 Vant ,采用全新技术栈,给学员带来企业实战项目,助力学员高薪就业。

可掌握的核心能力

1. 掌握使用Vue3 + TypeScript 开发大型前端项目开发能力
2. 掌握使用Vant组件库开发移动端项目能力
3. 掌握 Pinia 状态管理工具实现项目状态管理
4. 掌握 第三方登录和第三方支付 业务解决能力
5. 掌握 快速问诊 等在线问诊主流业务开发能力

查看详细课程大纲 >小兔鲜电商小程序项目新课时:12天学习方式:线下面授

主讲内容

1. uni-app跨平台开发框架。
2. 组件封装及通信。
3. 微信支付/登录。
4. pinia 状态管理。
5. 基于vue3+ts技术实践方案。
6. 小程序云开发。
7. vant组件库。

项目介绍

小程序无需安装,用完即走的应用方式越来越受到用户的欢迎,企业也都纷纷开展了小程序的开发。小兔鲜儿是一个经典的电商类小程序项目,包括商品、用户、购物车、订单等核心功能模块,采用 uni-app 框架做为跨平台小程序开发方案,并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术,小兔鲜电商项目以企业的需求为基础,有针对性的对课程进行设计,学习本课程不仅能够培养学员的实践能力,还可以为就业提供有利的支撑。

可掌握的核心能力

1. 能够开发跨平台的小程序
2. 能够独立开发小程序项目
3. 掌握微信登录的实现方式
4. 掌握微信支付的实现方式

学习周期多久?

多行业真项目  接轨企业需求

  1. 电商
  2. 社交
  3. 工具
  4. 旅游
  5. 新闻资讯
  6. 人力资源
  7. 数据看板
  8. 科技资讯

真实开发环境   做你真实的开发实战

需求分析登录、购物车、后台管理
让你各类业务都熟悉

团队协作项目开发不再是单打独斗
让你无障碍协作1+1>2

代码实现修复bug研发、测试和维护
让你提前熟悉企业研发日常

项目上线总结和复盘
让你汲取项目经验快速成长

学长学姐项目作品 为求职简历添砖加瓦

  • 仿美食网-深圳-23期李同学组jQuery+CSS3+flex+SuperSlide+3d-tv,实现大量专业级动画效果

  1. 仿手游官网西安-11期李同学组

  2. 仿手游官网西安-38期李同学组

  3. 仿美食网深圳-23期李同学组

  4. 仿企业官网广州-27期三组

  5. 仿AWA官网郑州-27期六组

  6. 更多学员作品>

了解学员就业情况

行业大咖干货教学  传授前端核心技术

  • 质量

    亿元级研发投入   技术前沿
  • 培训

    教师录取率<3% 严控教学
  • 考核

    学员满意度打分   保障质量
  • 胡老师

    专业背景

    从事软件开发工作多年,涉及.Net、HTML5、Unity3d、IOS等平台,曾参与乌龟猜猜,敲打乐敲你妹等跨平台游戏项目的开发,之后投身教育行业,授课过程中擅长使用图片、动画把知识点化繁为简,深受学员喜爱。

  • 刘老师

    专业背景

    后端开发出身,曾在金和软件参与大型SOA项目开发;后入职国美集团旗下,负责前端开发工作。基础扎实,深入原理。热爱技术,喜欢读书,看过大量有关前端方面的书籍。 为人友善,知识面广泛。

  • 王老师

    专业背景

    秉承务实、责任、创新、育人的价值观,用爱成就每一位学生。拥有多年互联网前端应用和软件开发经验,擅长React、Vue。曾就职于TalkingData、用友等公司,负责过多个大型数据分析和可视化平台、移动电商等项目架构和研发工作。

  • 张老师

    专业背景

    Web前端工程师,具有多年前端开发经验,擅长JavaScript、jQuery、微信小程序的应用。尤其在地图开发方面较为丰富,喜欢将学习的知识应用实践。具备全栈开发能力,可搭建适合公司前端开发的脚手架。

  • 胡老师

    专业背景

    曾就职于神州泰岳股份有限公司,先后参与了Ultra-EMS、Ultra-PASM等多个项目的开发,精通javaee与前端开发。有丰富的开发经验和教学经验,上课风趣幽默,善于将繁杂晦涩的知识点以通俗易懂的方式进行讲解,让学生知其然,更知其所以然。

  • 彭老师

    专业背景

    师范大学计算机科学与技术专业毕业。多年互联网和移动互联网开发经验,参与开发项目:广东省移动物流信息管理系统、深圳移动配送一体化平台、深圳移动领导视窗、珠海移动领导视窗等。在移动端主持开发《广东省移动物流信息管理系统-PDA端》等。

预约讲师试听课程

一站式就业服务  为学员就业保驾护航

一站式学习到就业解决你的后顾之忧 查看更多服务

筑梦乐园  校园学习生活图鉴

优美校区优质学习环境

舒适住宿保证学生生活质量

趣味课堂营造良好学习氛围

温馨餐厅营养膳食安全放心

室外场地学习之余身心放松

丰富活动享受学习中的乐趣