课程设计分为四个阶段， 共50个学习日。面向0基础的学员， 特别适合后端程序员学习的前端技术。根据线上直播教学特点，从大前端庞大知识体系中提取精化，循序渐进的提升Web开发技能，可以完成常见类型前端项目开发，即可从事模版引擎模式的项目开发工作， 也可以参与前后端完全分离的项目开发。课程中嵌入了三个教学项目，前后端代码完整， 专为前端学习开发的后端全套API和管理平台。每个项目在不同的学习阶段引入，将学习的零散技术内容转化为开发实战，进而解决工作中的开发和应用问题。
|
| 序号 | 课程模块 | 核心技术 | 说明 | 课时 |
|---|---|---|---|---|
| 001 | HTML5应用 | Web系统技术体系 | Web开发需要先掌握Web工作原理，了解Web开发所需要的技术栈，HTML5是Web开发的基本功，是学习Web开发的基础必备技能，本模块需要熟练掌握各种 HTML5 标签，能够快速完成各种页面元素的编写。HTML5 语法概述、文本系列标签、图像和路径、链接和锚点、表格和数据、有序列表无序列表、表单和输入项、frame分帧应用、语义标签、HTML5新标签的浏览器兼容性问题，以及头部处理和SEO优化。 | 6课时 |
| 002 | HTML 常用标签 | |||
| 003 | 超链接标签及多媒体标签 | |||
| 004 | HTML表单标签 | |||
| 005 | CSS3应用 | 认识 CSS 及选择器 | CSS3也是Web工程师入门前必备的技术，要熟练掌握各种常用 CSS 选择器以及CSS样式的定义和使用，完成各种页面样式的定义和编写，进行页面美化；熟练掌握各种 CSS 动画特效等高级应用，实现页面的弹性布局等各种布局方案，实现复杂页面效果的制作，理解CSS 优化，能够手动完成各种页面样式库的定义和编写，并保证浏览器兼容性。 | 10课时 |
| 006 | CSS 基本属性集属性取值 | |||
| 007 | DIV+CSS布局 | |||
| 008 | CSS3动画 | |||
| 009 | 伸缩盒模型布局+移动端布局 | |||
| 010 | 栅格系统页面布局 | |||
| 011 | JavaScript语言 | JavaScript 基础语法 | JavaScript是Web前端开发的核心基础，是学习前端开发的必要条件，需要掌 握 J S 原 生 对 象 A P I 的 使 用 ；理 解 JavaScript 面向对象编程理论，对封装、继承、原型链、闭包、模块化编程有深入的理解；同时掌握最新版本的 ECMAScript 语言的各类新特性。 | 8课时 |
| 012 | JavaScript 对象 | |||
| 013 | JavaScript 数组及字符串对象 | |||
| 014 | JavaScript其它内置对象 | |||
| 015 | BOM和DOM操作 | WebApi之BOM | 深入理解 DOM 和 BOM 编程模型，熟练掌握 DOM&BOM 编程API的使用 ，能 够 熟 练 的 使 用 J a v a S c r i p t 原 生代 码 对 页 面 进 行 处 理 ，完 成 各 种 页 面动态效果以及复杂动态交互的实现；熟练掌握原生DOM&BOM操作，实现常见的页面交互效果：轮播广告、滚动监听、标签页等。 | 8课时 |
| 016 | DOM操作基础 | |||
| 017 | DOM操作高级 | |||
| 018 | Ajax异步网络请求 | Ajax基本应用 | 掌握 Ajax异步网络请求的原理，自定义封装网络请求，了解从前端到后台开发的全部技能。 | 2课时 |
| 019 | 封装网络请求 | |||
| 020 | 项目开发实战(一) EWShop前台PC整套模板二次开发 | HTML5CSS3响应式布局JavaScriptAjax | 通过对EWShop基础版进行二次开发， 编写全套PC端的模板页面， 不仅对前面所学技术进行总结应用、夯实基础，也为后面的课程学习做好充足的准备，更是为了了解传统Web系统的开发模式，能和后端程序员的工作进行协作。在工作中解决老项目的维护问题和小型项目采用这样架构开发的问题。 | 6课时 |
| 序号 | 课程模块 | 说明 | 课时 |
|---|---|---|---|
| 021 | Node.js 服务器端开发 | Node.js兼容JavaScript的语法，前端工程师除了要了解服务器端语言的工作原理，掌握核心模块的应用，主要的目的是使用Node.js去管理和应用一些前端软件包,能更好的理解和应用前端一些扩展工具的使用。包括NPM包管理工具、Webpack、ES6语法、以及axios异步网络请求等，都是必备技术， 是承上启下的阶段， 学完html、css、JavaScript， 再学习这门课可以将项目打包、压缩让代码结构更好，以及运行更稳定。而在学习Vue、React、微信小程序或uniapp等前端框架之前一定要先学习这门课，因为Web框架都是基于这些技术展开的知识点，而不需要在学习前端框架之间混合讲解这些内容，可以把学习的精力放在框架本身的技术点上。 | 2课时 |
| 022 | NPM包管理工具 | 2课时 | |
| 023 | Webpack实战与应用 | 2课时 | |
| 024 | ES6 语法和应用 | 2课时 | |
| 025 | axios 异步网络请求 | 2课时 |
| 序号 | 课程模块 | 说明 | 课时 |
|---|---|---|---|
| 026 | Vue3的脚手架的安装和使用 | Vue是目前Web前端最流行的开发框架技术， 本课程以最新版本Vue3.x为主体。完全按Vue的开发技术，将所需要的内容全部讲解到位。内容包括Vue的基本语法，Vue/cli脚手架的安装应用和配置、Vue3的全部语法、组件化开发技术和思想、Vue前端路由的应用技术、Vuex状态管理、以及Vue3中的新技术组合API（Composition Api）详解，和其他Vue3.x的新特性。每个技术点都对应详细的开发案例进行讲解，可以让从没有接触过前端框架的小白，学完课程可以上手开发Vue3.x全套商业项目， 并且可以为后面的React和微信小程序，以及uniapp等课程做技术支撑。 | 2课时 |
| 027 | Vue3框架的基础语法 | 2课时 | |
| 028 | Vue3的组件的应用和通信 | 2课时 | |
| 029 | Vue3路由的安装和使用 | 2课时 | |
| 030 | Vuex状态管理的安装和使用 | 2课时 | |
| 031 | Vue3的新语法组合API详解 | 2课时 | |
| 032 | 项目开发实战(二) EWShop移动端模板开发 Vue3Vue-cliJavaScriptVant组件库axios标准API | 以一个移动端商城（EWShop）系统为原型。按Web前端系统使用的功能需求，实现主体业务功能，所有代码全部手敲， 全程无死角讲解一整套项目前端模板的设计、开发、测试、上线、运行的全过程。可以带你身临其境，和讲师一起走一遍项目开发的过程，对项目经验不足，或没有接触过前后端分离的项目开发的新人，课程对你非常用帮助。 | 10课时 |
| 序号 | 课程模块 | 说明 | 课时 |
|---|---|---|---|
| 033 | TypeScript语言 | TypeScript已经异常火爆，几乎每一家IT企业在招聘前端时，都要求熟练掌握TS。但许多前端开发者虽然已经使用很多年TS，但是技术仅停留在皮毛，对于TS理解并不透彻。这就导致在实际工作中难以应对复杂问题，发挥TS的最大优势本课程带你从JavaScript循序渐进过渡到TypeScript，并将TypeScript灵活运用到项目开发中，课程案例丰富，干货多，内容讲解全面，授课逻辑清晰，是能让你学会的TypeScript精品教程， 并将TypeScript结合到Vue3、React和微信小程序等框架的开发中，提升大家综合运用TS的能力。 | 2课时 |
| 034 | 新版Vite脚手架 | 2课时 | |
| 035 | 项目开发实战(三) EWShop管理平台 Vue3ViteTypeScriptElementPlusaxios前后端分离 | 目标是开发EWshop的后台管理平台，和移动端前端相呼应，采用现在最流行的技术组件，项目应用Vue3框架的组合API开发， 使用Vite脚手架管理项目， 全部结合TypeScript进行类型约束，提高代码的健壮性，并应用Element-Plus组件库进行开发。项目技术组合全部应用目前最主流的框架和和工具，从无到项目上线全过程开发演示， 极具学习和项目开发参考价值。 | 18课时 |
徐枭雄 全网再也找不到比他讲Web更好的老师
10余年的前后端软件开发和教学经验，精通后端PHP和前端技术体系，熟练使用后端PHP语言全部开发技能、数据库、云服务器， 对前端node、微信小程序、Vue、React等有深入研究。 网红级名师，所教授的学员达到让学员百分之百满意， 授课思路清晰，幽默风趣，擅长重难点问题的分化讲解， 注重培养学生独立思考与解决业务需求的能力， 热衷于把最新最牛最实用的技术传递给每一位学生~~
高洛峰 中国PHP培训第一人
PHP中文网首席专家， 畅销书作者（细说图书系列）， 腾讯网评选的网络名人讲师。拥有近20年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务， 具有扎实的技术功底。 国内资深技术讲师，累计授课长达上万课时， 培养了近百名IT名师， 培训数千名学员成功走向IT岗位。熟悉掌握当前应用的各种主流编程语言， 其中，对Web系统开发深有研究，近年来致力于推广开源的PHP技术~~
孙健魁 一个Web技术封顶的大神
具有8年项目开发经验，开发过近百个商业项目，管理过超百人技术团队， 在多家上市互联网公司做过各种复杂难度的技术支持， 带领团队解决"百万级"项目重构、 "千万级"项目架构以及各种复杂场景业务处理与设计。 精通所有主流Web开发语言， 对高并发软件架构有过深入研究，敢于技术高难度挑战，一直坚信能用技术解决的问题都不是问题~~
问题1: 没有基础能报名吗？2022-04-06
你好，本期课程主要针对零基础学员，只要您会基本的电脑操作和浏览器使用常识，就可以报名，兴趣永远是第一位的，当然,如果你有一点基础会更好，要相信自己。
问题2: 学完以后能做什么？2022-04-06
你好，全部课程掌握之后，可以做多端的Web项目开发，PC端页面开发、H5页面开发、公众号二次开发、移动应用页面开发、微信小程序开发等。在实际工作中不断总结经验，提升技能，成为一名合格的Web前端程序员。
问题3: 到公司上班每月能拿多少钱？2022-04-06
你好，不同区域标准不同，通常一线城市，有经验的Web前端程序员大约在15K到25K之间，二三线城市变化很大，大多在7K到15K之间，也有20K以上的，具体还是要看你技术水平与公司福利。
问题4: 本期没有学会怎么办？2022-04-06
只要你能按时学习，按时完成作业，本期没有学会，下期免费再学！另外本期多个学习方案，保障你尽快掌握，比如有课程录播、有内部群、有辅导老师、手把手反复实战等。
苏ICP备2020058653号-1
