Web开发入门班

Introdcution & Web Technology

1.课程概述，学员自我介绍

2. 三个 project 介绍

3. 介绍需要用到的前后端技术

4. 了解什么是 Internet，客户端和服务器的通信过程

5.了解 URL 的结构和网络请求的概念

6. 介绍Chrome浏览器以及Chrome Inspector的使用

7. 网站基本概念，动态网站，静态网站，服务器，客户端，域名，主机，前端开发，后端开发

HTML

1.编程的准备工作，网页开发编辑器的选择，网页浏览器（Chrome）功能介绍

2.HTML初步介绍：创建网页的标准标记语言

3.HTML的结构和语法讲解

4.如何准确使用HTML常用标签

5.如何使用绝对路径和相对路径引用外部文件

6.HTML 语义化标签使用方法

7.HTML5新增功能介绍

作业：根据PPT第40页的设计图，进行页面HTML布局。

不要求CSS样式；

需要用div标签划分好每一个区域，div标签内需加class name；

对文本和图片正确使用HTML标签。

CSS 1

1. 介绍CSS的作用：修改网页结构和样式

2. HTML引入CSS的常见方法及解析

2. CSS的基本语法讲解

3. CSS常用选择器讲解以及如何使用CSS选择器

4. CSS中长度单位的介绍(px,em,rem等)

5. 什么是box model，如何利用padding和margin进行网页布局

CSS 2

1. CSS的定位方法，position属性和 float属性的讲解

2. 如何使用flexbox对页面进行布局

3. 如何构建响应式设计布局Responsive Web Design

4. 什么是Bootstrap，如何使用Bootstrap

5. 如何从头开始完成一个card design

Wordpress basic

1，介绍世界占有率最高的开源博客系统Wordpress

2，学习安装WordPress

3，学习使用WordPress主题和插件

4，学习使用Wordpress的菜单和小工具

5, 介绍Avada主题——销量最好的Wordpress付费主题

5，Avada安装和介绍

6，Avada主题设置

7，介绍Avada各类网页元素

CSS & JavaScript

1. 结合实际网站讲解如何编写HTML和CSS

2. 介绍更多CSS的进阶用法

3. 什么是JavaScript, 如何将JavaScript引入HTML

4. JavaScript的变量，语法介绍

Wordpress Themes & Plugins

1，介绍如何使用wordpress插件

2，页面幻灯片slideshow

3，表单插件Contact Form 7

4，嵌入式Google Map

4，多语言插件

5，搜索引擎优化（SEO）

6，缓存（cache）

JavaScript 2

1. JavaScript变量介绍

2. 如何在Javascript中书写逻辑语句（条件语句&循环语句）

3.如何应用JavaScript运算符

4. 如何创建function函数，课堂练习书写function函数

5. 什么是Object对象，在JavaScript中如何使用Object对象

6. 往期CSS作业讲解

Programming Basic

1，介绍计算机运行原理：

--- ⼆进制 、⼋进制、 ⼗六进制，数据的存储单位，编码

--- 冯诺依曼模型

--- 数据的储存单位

--- 编码

--- 高级程序语言

2，算法基础

3，介绍服务器端脚本语言PHP

4, PHP开发环境搭建

5，PHP流程控制

6，PHP数据类型

7，PHP基础语法

8，PHP常用函数

9，PHP面向对象编程

JavaScript VS jQuery

1.什么是JS的event，如何应用event让网站实现动态网站

2.通过实际JS小项目计算器，讲解JS中的class，object，array等知识

3. jQuery初步介绍

4.如何将jQuery应用于HTML中

PHP Basic

1，PHP常用函数

2，PHP HTML函数

3，PHP字符串函数

4，PHP数组函数

5，PHP文件系统函数

6，PHP时间函数

7，面向对象编程

MySQL

1，介绍开源数据库MySQL

2，学习配置MySQL

3，学习SQL基本语法

4，学习数据库基本操作：增删改查

5，条件查询

6，排序

7，了解什么是事务：Begin Transaction、Commit Transaction、RollBack Transaction

8，数据库索引

9，联表查询

PHP 操作数据库

1，PHP连接接数据库

2，PHP操作数据库增删改查

3，HTML表单操作

4，jQuery高级功能：Callback、Animation

5，jQuery中使用ajax进行增删改查

Woocommerce

1，展示第二个项目公司网站

2，学习使用Woocommerce搭建电商平台

--- 添加配置

--- 商品管理

--- 页面优化

--- 订单管理

Wordpress programming

1，了解Wordpress文件结构

2，wordpress 常用函数：Loop, Condition,

2，查询args

3，了解什么是hooks

4，学习使用shortcode

5，学习创建child theme

6，override wordrpess pages

Web development

1，讲解Wordpress如何debug

2，详细介绍Wordpress的常见问题：

--- 数据库连接问题

--- Email

--- 文件尺寸

3，安全插件Wordfence

4，统计报告

5，其他web知识：CDN、版本升级、域名邮箱、域名购买

6，学习网站上线和在线建站

7，第三个项目展示（电子商务网站）