Web前端开发培训班_高级Web前端工程师培训课程-黑马程序员

前端开发有多火

应用无处不在

前端就业前景

清晰课程体系

带你高起点入行

阶段一

阶段二

阶段三

阶段四

阶段五

阶段六

阶段七

技术阶段一网页布局

可掌握的核心能力借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发

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

技术阶段二移动Web

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

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

技术阶段三JavaScript

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

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

技术阶段四Vue.js

可掌握的核心能力1. 通过 Vue2 和 Vue3 的核心知识学习，掌握企业开发中常见业务功能实现；
2. 通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目；
3. 掌握 qiankun 微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式；
4. 掌握 three.js web 3D技术，具备大屏3D可视化开发能力。

内容介绍1. 掌握模块化思想，npm包管理，webpack基础，初探工程化开发。
2. 运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用 Vant 开发移动端，运用element-ui开发PC后台管理系统。
3. 掌握 Vue3 新特性、Vite 新一代构建工具、组合式 API、Pinia 等。
4. 掌握 qiankun 微前端库，重构巨石应用、做到与技术无关。
5. 掌握 three.js web 3D技术，具备大屏3D可视化开发能力。
6. 掌握 Vue 底层原理。

技术阶段五小程序&多端开发

可掌握的核心能力1. 掌握原生小程序开发，能够独立完成原生小程序项目开发。
2. 掌握 uni-app 多端框架，能够独立开发小程序和其他端的开发。

内容介绍1. 了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
2. 理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。

技术阶段六鸿蒙应用开发

可掌握的核心能力1. 掌握TS核心语法，能够使用TS开发应用程序；
2. 掌握 Vue3 + TS 实战运用，能完成企业级 Web 应用1~2的需求开发；
3. 掌握 ArkTS 和 ArkUI 核心技术，能够完成 HarmonyOS 应用基础界面开发；4. 掌握 ohos 内置能力，完成网络管理、进程内通信、消息通知、文件管理相关业务开发；
5. 掌握基于ArkUI进行组件封装，完成自定义功能组件开发，扩展鸿蒙系统组件能力；
6. 掌握数据性能优化方案，完成长列表数据懒加载，提高应用用户体验；
7. 掌握原生动画技巧，实现流畅页面间动画、组件元素动画。

内容介绍1. 掌握TypeScript基础语法，且在项目中熟练运用TypeScript。
2. 掌握 ArkTS 核心语法&接口，掌握ArkUI 搭建鸿蒙应用界面，且在鸿蒙应用开发中熟练使用。

技术阶段七React.js

可掌握的核心能力通过 React + Hooks + Redux Toolkit 的学习，实现多种业务场景下的功能开发，如 B站评论、知乎频道管理、美团外卖、记账本等业务功能

内容介绍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 开发能力。

学习周期多久？