Web前端技术?通用课程基础   通用项目技术

通用课程
PHP、Python、Java、Go等多学科课程必备
基础知识。
通用项目
小程序、APP、H5、微网站、建站等众多应
用必用开发技术。

学有所获?所需即所学   所学即所用

8大企业项目实战，快速入门互联网Web开发技术！
微信小程序
Web APP
微网站
PC网站模板
企业系统应用界面
H5应用
互动应用
其他应用
击穿行业相关付费课程门槛
课程类型 全程线下面授课
课程价格 原价3999元课程，限时免费
开课时间 每两周开课一次（连续一个月时间，具体开课时间请联系相关咨询人员）
课时安排 全天课程，以学+练形式为主
课程目标
  • 了解B/S开发模式
  • 使用工具快速完成微信小程序和Web APP网站页面
  • 0开始，一行一行实现网站页面（PC端、移动端）
  • 代码实现微信小程序页面
  • 使用流行框架（Bootstrap）完成响应式自适应页面

循序渐进?实战实用性课程

课程共20天，由“指点江山”、“快人一步”、“从代码开始探究”、“颜值突破”、
“布局自适应之道”、 “小程序大平台”和“前沿框架进阶”等八个阶段组成。
  • 互联网技术综合概览
  • 完成微信小程序及Web页面
  • Web页面搭建
  • Web页面美化
  • 布局跨界之道
  • 小程序大平台
  • 前沿框架进阶
  • 总结路演
涉及技术知识点（1天）
网站开发技术综述

1. Web网站架构和使用工具
2. 行业发展动态
3. Web流行技术
4. 重新认识浏览器
5. 网站工作原理
6. 服务器工作原理
7. 数据库介绍
8. 课程大纲详解

项目实例以及完成目标
了解互联网行业现状、企业真实人才需求以及需要掌握的内容（涵盖目前主流语言发展情况），加深对B/S开发模式的理解。
涉及技术知识点（4天）
PC端网页快速开发

1. 快速开发工具布局组件使用
2. 快速开发工具内容使用
3. 快速开发工具表单组件使用

移动端网站页面开发

1. 快速开发工具布局组件使用
2. 快速开发工具内容使用
3. 快速开发工具表单组件使用
4. 使用数据库功能建立数据库
5. 动态数据绑定

微信小程序

1. 微信小程序介绍
2. 快速开发工具使用
3. 使用工具组件快速搭建页面
4. 微信授权登录功能使用
5. 使用数据绑定功能，完成数据与前台页面的绑定
6.完成数据与页面的交互功能

项目实例以及完成目标
1.掌握PC端页面的快速开发技巧，完成公司官网PC端页面开发，熟悉快速开发工具的使用
2.掌握移动端页面的快速开发，完成公司官网页面开发
3.掌握微信小程序页面布局组件的熟练运用,制作完成微信小程序（比如：写日记、记账等）
涉及技术知识点（2天）
HTML5文档基本结构

1. HTML5定义
2. HTML5基本结构及语法
3. HTML5常用标签使用

HTML5标签进阶

1. 表单、表格、分帧等标签使用
2. 归纳块级标签、行级标签

项目实例以及完成目标
1.掌握HTML5语法及常用基本标签（文本、超链接、图片、多媒体等）使用
2.使用HTML5表单、表格、div等标签完成网页内容制作
涉及技术知识点（3天）
CSS层叠样式表（一）

1. CSS介绍
2. CSS常用选择器
3. CSS 字体属性

CSS层叠样式表（二）

1. CSS 文本属性
2. CSS背景属性
3. CSS 边框属性
4. CSS列表属性

CSS层叠样式表（三）

1. CSS 定位属性
2. CSS盒子模型
3. CSS布局属性

项目实例以及完成目标
1.掌握CSS常用选择器，完成对HTML标签的选择，学习了解字体属性使用
2.使用常见字体属性、文本属性、背景属性、边框和列表属性完成页面效果设置
3.结合定位属性布局属性和盒子模型，为接下来的页面布局做准备，并完成实例
涉及技术知识点（2天）
CSS页面布局实战

1. CSS 媒体查询
2. CSS PC端网页前端布局实战

CSS移动端布局实战

1. 移动端页面布局实战
2. 完成三个页面

项目实例以及完成目标
1.结合CSS媒体查询完成企业官方PC端网页制作
2.完成企业官方网站移动端自适应：首页、列表页和详情页
涉及技术知识点（5天）
微信小程序开发（一）

1. 微信开发介绍
2. ECMAScript语法

微信小程序开发（二）

1. 微信小程序异步请求
2. 微信模板引擎
3. 微信小程序接口调用

微信小程序开发（三）

1. 微信小程序静态页面制作
2. 微信小程序页面动态接口数据交互

项目实例以及完成目标
1.学习ECMAScript基本语法及了解微信开发
2.使用微信小程序开发常见功能
3.完成有前台交互功能的微信小程序页面
涉及技术知识点（2天）
CSS扩展Bootstrap

1. Bootstrap 环境搭建
2. Bootstrap 全局样式
3. Bootstrap 布局样式
4. Bootstrap 常用类的使用

CSS扩展Bootstrap实战

1. 产品化网站结构搭建
2. 文档元素与样式分离
3. 完成网站搭建，使用Bootstrap响应式类

项目实例以及完成目标
1.熟悉Bootstrap组件中常用类使用，响应式常用类使用
2.使用Bootstrap完成企业官方网站页面编写，达到自适应效果
涉及技术知识点（1天）
项目整合优化

1. 分组优化项目
2. 优秀作品展示

项目实例以及完成目标
分组，共同完成项目细节整合和优化，完成项目汇报

你不可错过的技术盛宴

0基础，上手快。兴趣、学习两不误

周期短、干货多。击穿行业相关付费课程门槛

采用案例式教学，边讲边练学成后学员能够独当一面

搞定微信小程序、Web APP网站，让你学有所成

快速开发工具由起步科技针对性定制开发，同时提供企业级案例和技术支撑，为学习成品保驾护航

资深技术大咖授课，满满干货

定制你的专属成长计划

如果你有以下的想法，还在等什么？马上加入吧！
你是？
对IT技术感兴趣人员 无编程语言基础人员 在校计算机相关专业
无IT实战经验学生
转型互联网IT开发领域 技术进入瓶颈期，快速成长 拒绝做简单的搬砖
coder，期待蜕变
你想？
在线报名
常见问题
问:你们这个课程没有基础可以学习吗？

答:学习本套课程基本掌握计算机操作，能够使用计算机进行网页浏览，QQ、微信交流即可。简单易学0基础。

问:你们这个课程学习多长时间呢？

答:本套课程学习时长为20天，而且全部免费。

问:你们这个免费课程学习完之后会达到一个什么水平呢？

答:本套课程对于没有基础的小白，学习完之后可以通过快速开发工具开发微信小程序、开发手机端的网页和电脑端的网站页面。并且对web前端开发有深入理解，互联网应用的大门向你敞开。

问:学习你们这套课程可以达到什么深度呢？

答:本套课程主要是针对各个IT研发和运营类岗位的前端技术做铺垫，可以了解Web工作原理、服务器客户端等工作特点，同时掌握运用工具快速实现微信小程序和Web APP的制作，进行HTML5、CSS3和Bootstrap实践，从功能快速实现到原理动手实践，一个都不能少。课程中还会同步穿插企业项目实战，让学习者学有所用。

咨询更多问题