北京WEB前端开发技术与项目培训班

【课程内容】

一、HTML

学习HTML后，你可以达到以下目标：

1、理解HTML的基本结构：能够正确使用HTML标签来构建网页的基本结构，包括DOCTYPE声明、html、head和body等标签的使用。

2、掌握文本标签的使用：能够使用标题（h1-h6）、段落（p）、列表（ul、ol、li）等文本标签来展示不同类型的内容。

3、创建和使用链接：能够创建超链接（a标签），并设置链接的路径、目标页面等属性。

4、插入和设置图像：能够插入图像（img标签），并设置图像的路径、宽度、高度等属性。

5、创建和使用表格：能够创建表格（table标签），并设置表格的行列、表头、单元格等属性。

6、创建和使用表单：能够创建表单（form标签），并设置表单的元素，如输入框、复选框、单选按钮等。

7、基本使用CSS：能够使用CSS来美化网页，包括内联样式、内部样式表和外部样式表的使用。

8、使用div和span进行布局：能够使用div和span标签来实现网页的布局，理解盒模型的概念，并使用CSS来控制元素的定位和大小。

9、理解HTML5的新特性：了解HTML5中引入的新标签和特性，如语义化标签（header、nav、section、article、footer等）的使用，以提高网页的结构和可读性。

10、根据实际需求设计完整的HTML页面：能够根据具体需求，设计并实现一个完整的HTML页面，包括页面的结构、内容的展示和样式的设置。

通过完成以上目标，你将具备基本的HTML编码能力，并能够设计和实现简单的网页。

二、CSS

学习CSS后，你可以达到以下目标：

1、掌握CSS的基本语法：能够使用选择器和属性来设置元素的样式，包括元素选择器、类选择器、ID选择器等。

2、理解和应用盒模型：能够理解盒模型的概念，并使用CSS来控制元素的布局和定位。

3、使用浮动和定位：能够使用浮动和定位来实现网页的布局，包括浮动元素和定位元素的位置和大小。

4、设置字体、颜色、背景等样式：能够使用CSS来设置文本的字体、颜色、背景等样式。

5、创建和使用动画：能够使用关键帧和动画属性来创建动态效果，如渐变、缩放、旋转等。

6、使用媒体查询：能够使用媒体查询来根据不同的设备和屏幕尺寸调整页面的样式和布局。

7、设计响应式布局：能够使用CSS3的新特性，如弹性盒子（Flexbox）和网格布局（Grid），来创建响应式的网页布局。

8、了解CSS3的新特性：了解CSS3中引入的新特性，如渐变、阴影、过渡等，以提高网页的视觉效果和交互体验。

9、根据实际需求设计完整的CSS页面：能够根据具体需求，设计并实现一个完整的CSS页面，包括页面的结构、内容的展示和样式的设置。

通过完成以上目标，你将具备基本的CSS编码能力，并能够设计和实现具有美观和交互性的网页。

三、JavaScript

学习JavaScript后，你可以达到以下目标：

1、掌握JavaScript的基本语法：能够使用变量和数据类型，以及函数的使用。

2、操作JavaScript的对象和数组：能够进行对象的创建、属性的获取和设置、数组的操作等。

3、遍历和排序JavaScript数组：能够使用循环和条件语句来遍历数组，并使用排序方法对数组进行排序。

4、处理JavaScript事件：能够监听和处理HTML元素的事件，包括事件冒泡和捕获等概念。

5、对HTML表单进行处理：能够实现表单验证、提交等操作，并使用JavaScript对表单数据进行处理。

6、异步编程：能够使用Promise和async/await来实现异步编程，提高代码执行效率。

7、模块化编程：能够使用模块导入和导出，以及ES6的新特性，如箭头函数、模板字符串等，提高代码的可读性和可维护性。

8、根据实际需求设计完整的JavaScript页面：能够根据具体需求，设计并实现一个完整的JavaScript页面，包括页面的结构、内容的展示和样式的设置。

通过完成以上目标，你将具备基本的JavaScript编码能力，并能够设计和实现具有交互性和动态性的网页。

四、TypeScript

学习Node.js和NPM后，你可以达到以下目标：

1、掌握TypeScript的基本语法：能够使用类型定义和变量声明来编写TypeScript代码。

2、理解TypeScript的类和接口：能够创建和使用类和接口，以及继承和多态等概念。

3、掌握TypeScript的高阶函数：能够使用箭头函数、柯里化等技巧来编写高阶函数。

4、熟悉TypeScript的模块导入和导出：能够使用import和export语句来导入和导出模块，以及使用命名空间。

5、了解TypeScript的错误处理机制：能够使用try/catch/finally语句来处理错误。

6、掌握TypeScript的泛型编程：能够使用泛型约束和使用泛型来编写灵活的代码。

通过完成以上目标，你将具备基本的Node.js和NPM开发能力，并能够使用TypeScript进行高效的JavaScript开发。

五、VUE

学习Vue后，你可以达到以下目标：

1、掌握Vue的基本概念：能够理解Vue的核心概念，如组件、实例、生命周期等。

2、创建和使用方法：能够创建和使用Vue组件，并了解其生命周期方法。

3、使用Vue-router进行路由管理：能够配置和使用Vue-router进行页面导航。

4、使用Vuex进行状态管理：能够使用Vuex进行状态的存储和管理。

5、处理表单：能够实现输入验证和提交处理，提高用户体验。

6、使用动画效果：能够使用Vue提供的过渡和动画库，增加页面的视觉效果。

7、根据实际需求设计并实现一个完整的Vue页面：能够根据具体需求，设计并实现一个完整的Vue页面，包括页面的结构、内容的展示和样式的设置。

通过完成以上目标，你将具备基本的Vue开发能力，并能够使用Vue进行高效的前端开发。

六、RuoYi-Vue

学习开源若依Vue后，我们可以获得以下收获：

1、掌握Vue框架的基本概念和使用方法：通过学习若依Vue，我们可以了解Vue的核心概念，如组件、指令、生命周期等，并学会使用Vue进行页面开发。

2、熟悉前端开发工具和技术栈：若依Vue是一个基于Vue的开源项目，学习它需要使用一些前端开发工具和技术栈，如Webpack、Node.js等。通过学习若依Vue，我们可以熟悉这些工具和技术的使用。

3、理解前后端分离的开发模式：若依Vue是一个基于前后端分离架构的项目，学习它可以让我们了解前后端分离的开发模式，以及如何与后端API进行交互。

4、提高团队协作能力：若依Vue是一个开源项目，学习它可以让我们参与到开源社区中，与其他开发者一起合作开发。这可以提高我们的团队协作能力和项目管理能力。

5、增强解决问题的能力：在学习过程中，我们可能会遇到一些问题和挑战。通过解决这些问题，我们可以提升自己的问题解决能力和调试技巧。

总之，学习开源若依Vue可以让我们全面了解Vue框架的使用和开发流程，提升自己的前端开发技能和团队协作能力。

【课程时长】

196

【教学现场】

【学校简介】

北京市海淀区青鸟信息技术职业技能培训学校，成立于2001年，地处市中心，校区位于首都大学校园内，经过十多年的发展，现拥有航天桥校区、中关村校区、五道口校区、北资校区等独立教学区，同时也是知名在线教育品牌课工场的线下实训基地。依托北京大学优质雄厚的教育资源和背景，秉承“教育改变生活”的发展理念，一直致力于培养中国IT技能型紧缺人才。累计培养和输送85万IT职业化人才进入IT行业，得到了社会各界广泛的认可。

【学校荣誉】

“廿念不忘，桃李芬芳“，北大青鸟航天桥凭借出色的教学质量。先进的管理模式，优异的就业成绩，在全国200多家培训中心中名列前茅。北大青乌航天桥校区2001年成立以来连续多年获得奖励，被评为“全国高薪就业校区奖”、”实力校区奖”。并获得了“教学质量示范校区奖"等更具竞争力IT人才培养基地。

北大青鸟APTECH IT职业教育理念深入人心，成为广大学子求学、求职路上的重要选择，不仅引领着中国IT职业教育的发展方向和潮流,更对中国IT行业的人才培养输送和未来发展都产生了深远的影响。

【学校环境】

校园式就业培训基地，是一所专业化、系统化、吃住一体的培训基地。拥有教训楼、宿舍楼、校园食堂、实训就业中心等一体化基地。半军事化管理，学员学习到系统专业的实用技能，同时也拥有安全，良好的学习生活环境。

【学员风采】