PHP中文网@Web前端线上班教学大纲(第二期)

课程说明
  • 学习对象:  本课程适合没有Web开发基础或基础较弱,想系统学习大前端开发的爱好者。
  • 培训时间:   2022年04月26日 ~ 2022年06月26日,详情可咨询微信:phpcn01(QQ 27220243(钟老师:QQ咨询
  • 培训方式:  本站在线直播(直播地址:届时通知),周一到周五晚20:00~22:00(实际培训时间可能因法定节假日等因素发生变化)。
  • 其它说明:  如果错过了当晚的直播,可以观看第二天的课程回放,不必担心。
  • 学习费用:   3800元
第一阶段:Web开发基础
序号 课程模块 核心技术 说明 课时
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整套模板二次开发
HTML5 CSS3 响应式布局 JavaScript Ajax 通过对EWShop基础版进行二次开发, 编写全套PC端的模板页面, 不仅对前面所学技术进行总结应用、夯实基础,也为后面的课程学习做好充足的准备,更是为了了解传统Web系统的开发模式,能和后端程序员的工作进行协作。在工作中解决老项目的维护问题和小型项目采用这样架构开发的问题。 6课时
第二阶段:Web工程化开发
序号 课程模块 说明 课时
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课时
第三阶段:Web前端高级框架Vue3
序号 课程模块 说明 课时
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移动端模板开发
Vue3 Vue-cli JavaScript Vant组件库 axios 标准API
以一个移动端商城(EWShop)系统为原型。按Web前端系统使用的功能需求,实现主体业务功能,所有代码全部手敲, 全程无死角讲解一整套项目前端模板的设计、开发、测试、上线、运行的全过程。可以带你身临其境,和讲师一起走一遍项目开发的过程,对项目经验不足,或没有接触过前后端分离的项目开发的新人,课程对你非常用帮助。 10课时
第四阶段:Web前端高级应用
序号 课程模块 说明 课时
033 TypeScript语言 TypeScript已经异常火爆,几乎每一家IT企业在招聘前端时,都要求熟练掌握TS。但许多前端开发者虽然已经使用很多年TS,但是技术仅停留在皮毛,对于TS理解并不透彻。这就导致在实际工作中难以应对复杂问题,发挥TS的最大优势本课程带你从JavaScript循序渐进过渡到TypeScript,并将TypeScript灵活运用到项目开发中,课程案例丰富,干货多,内容讲解全面,授课逻辑清晰,是能让你学会的TypeScript精品教程, 并将TypeScript结合到Vue3、React和微信小程序等框架的开发中,提升大家综合运用TS的能力。 2课时
034 新版Vite脚手架 2课时
035 项目开发实战(三)
EWShop管理平台
Vue3 Vite TypeScript ElementPlus axios 前后端分离
目标是开发EWshop的后台管理平台,和移动端前端相呼应,采用现在最流行的技术组件,项目应用Vue3框架的组合API开发, 使用Vite脚手架管理项目, 全部结合TypeScript进行类型约束,提高代码的健壮性,并应用Element-Plus组件库进行开发。项目技术组合全部应用目前最主流的框架和和工具,从无到项目上线全过程开发演示, 极具学习和项目开发参考价值。 18课时
课程特色
课程设计分为四个阶段, 共50个学习日。面向0基础的学员, 特别适合后端程序员学习的前端技术。根据线上直播教学特点,从大前端庞大知识体系中提取精化,循序渐进的提升Web开发技能,可以完成常见类型前端项目开发,即可从事模版引擎模式的项目开发工作, 也可以参与前后端完全分离的项目开发。课程中嵌入了三个教学项目,前后端代码完整, 专为前端学习开发的后端全套API和管理平台。每个项目在不同的学习阶段引入,将学习的零散技术内容转化为开发实战,进而解决工作中的开发和应用问题。

  • 内容实用:  经过长期调研与学员反馈,汇总出最实用的Web前端技术,学完之后,可以快速融入企业开发环境中。
  • 知识面广:  涵盖Web前端及其周边主要技术,web网站建设,微信小程序开发等可以轻松应对!
  • 讲解深入:  针对于Web核心技术,应用场景,以及原理上的讲解,使学员不仅学会,还能举一反三,最终全面掌握。
  • 关注前沿:  时时关注市场上出现的新技术,及时更新课程,确保课程一直走在前沿,不落伍!
  • 就业导向:  就业,择业指导,使学员们可以快速,高薪找到自己心仪的工作!