“1+X”(Web前端)课程

一、项目背景

项目名称: “1+X”( Web 前端)

项目介绍: “Web 前端开发”是教育部首批试点 “1+X” 证书的技术方向,未来即将在广大应用型本科类院校及高职院校中进行全面推行。本次师资培训,将为各位老师解读“1+X”政策 Web 前端方向的技能关系,并为各位老师进行 1+X 证书 Web 前端开发职业技能等级证书所考内容进行技能培训。

二、课程适合人群

课程适合人群: 1+X 教育部试点院校、考点院校及有志提前熟悉 1+X 证书政策的计算机应用、移动应用开发、软件技术等专业负责人、专业带头人、骨干教师等。

三、培训目标

1、掌握HTML5、CSS3网页布局的相关技术

2、掌握 Bootstrap UI 框架在开发中的应用

3、掌握 jQuery 及其插件在开发中的实践

4、掌握Ajax与服务器的网络通信

5、掌握Nodejs服务端技术的应用

6、掌握MySQL数据库在开发中的应用

7、掌握cookie/session会话机制的应用

8、项目实践完成博客项目的开发

四、项目相关知识点

HTML、CSS、JavaScript、Bootstrap、jQuery、MySQL、Nodejs、cookie、session、Ajax等

1、HTML+CSS+JavaScript教程 http://yun.itheima.com/course/30.html

2、5天玩转MySQL http://yun.itheima.com/course/144.html

3、Ajax视频教程 http://yun.itheima.com/course/62.html

4、Nodejs视频教程 http://yun.itheima.com/course/334.html

5、jQuery视频教程 http://yun.itheima.com/course/552.html

五、培训前准备

硬件环境:

1、PC 机器 CPU:1.5G Hz 以上

2、PC 机器内存:4GB 以上

软件:(下列软件会单独提供)

1、VSCode

2、jQuery

3、MySQL框架

4、Bootstrap UI

六、培训计划

本次培训计划如下:

day1

Nodejs开发环境

模块机制

1. Nodejs安装
2. MySQL安装
3. Express 框架介绍
4. 路由设计

day2

模板布局

静态资源部暑

1. 模板引擎
2. 静态资源托管
3. 中间件

day3

MVC 设计模式

cookie/session 身份验证

1. 表单验证
2. 头像上传
3. 图片预览

day4

Ajax 异步请求

git 协同开发

1. 文章管理
2. CKEditor
3. art-template

day5

性能优化

项目部暑

1. gulp 构建
2. CDN 资源

七、网站截图