WEB前端基础班
(基础入门课程)
| 网页基础课程 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
认识网站：学习网站相关知识；掌握DW界面和其功能
|
HTML是网页制作必备技能，主要介绍HTML概念、语法及常用基础标签 |
|
节点2 代码入门：HTML代码基础及CSS层叠样式表概述 |
css的盒子模型，更好的排版，进行页面布局。 介绍CSS语法、选择器、继承、层叠及优先级基础内容。 |
|
节点3
知识进阶：表单制作、JavaScript、html5+css3
|
表单标签的编写规范、嵌套规范以及相关属性的用法讲解；了解JavaScript语言，掌握它的语法、数据类型、基本算数和逻辑运算操作，方便我们开发中直接调用，进而实现更多功能 常见的html5标签；讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值 |
|
节点4
实战应用：入门网站制作；进阶网站制作；多平台网站设计战略
|
搭建一个网页HTML结构，并掌握网布局相应知识与技巧。针对CSS中的基础布局以及经典的布局展开详细的讲解。对前面知识的综合应用，通过项目实战，更加熟练掌握基础知识，在实践中复习、巩固知识，提高综合能力。 |
|
本模块完成后学员具备完成简单静态页面能力，可以从事网页前台制作的工作，但是因为更深入的技术缺乏，无法胜任更高级的设计与开发工作，属于网页设计最底层的工作能力要求程度 |
|
| H5前端设计课程 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
H5前端开发环境介绍：传统网站知识布局总结
|
前端开发环境介绍：DreamWeaver、 Notepad++、HBuilder；HTML基础，CSS基础，CSS核心属性；CSS样式层叠继承，盒模型 |
|
节点2
HTML5基础及案例练习
|
HTML5提供了新的元素来创建更好的页面结构，告别传统代码不能更好语义化说明及页面新功能增加。
新增标签介绍：<article>、<aside>、<figure>、<header>、<mark>、<nav>、<section> ... ... 移除标签介绍： <acronym>、<basefont>、<frame>、<strike> ... ... |
|
节点3
CSS3基础及案例练习
|
CSS3基础属性介绍，做到用代码大量替换PS作图的工作，符合市场需求。边框属性：box-shadow、border-image；圆角：border-radius；背景：background-size、background-origin、background-clip；渐变：线性渐变、径向渐变；文本效果：text-shadow、box-shadow、text-overflow、word-wrap、word-break；字体：@font-face；... ... |
|
节点4
定位布局及CSS3特效应用：动画特效交互事件；响应式设计
|
CSS3的特效使用，制作交互动画，让网站活起来。2D/3D转换：translate()、rotate()；过渡/动画属性：transition、animation；... ...三种定位布局方式，定位在交互上的应用。响应式设计： 就是我们日常说的手机网站或三屏合一网站。通过使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。最终达到网站的不同尺寸布局。 |
| 本模块会深入系统的学习H5+CSS3，学员完成后可以独立制作响应式网页设计，已经具备应对H5前端设计相应的工作，毕业后可以从事任何网页设计相关的工作 | |
| 网页高级特效与框架开发 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
HTML5新标签：⽂档头和编码声明；基础标签；文本类标签；列表标签；语义化标签的应⽤；字符实体‘’表格标签；HTML5标签的兼容处理；HTML5标签SEO的作⽤；HTML5表单新特性；多媒体标签 |
掌握HTML代码的规范编写，掌握HTML5新标签的特性，掌握多媒体在⻚⾯中的应⽤ |
|
节点2
CSS3新特性：CSS的定义；CSS引⼊；CSS选择器；CSS3与CSS2的区别；长度单位；颜⾊单位；常用属性；CSS3属性；尺⼨；边框；背景；内补⽩；外补⽩；布局；定位；字体； 文本； 列表；表格；用户界⾯；多栏；2D变换；过渡动画； |
CSS3：圆⻆边框、边框九宫格特效、多图背景、动画、渐变和倒影、多列属性布局、服务器端字体，可以实现基础网页布局，⻚⾯样式定义及CSS，样式特效
|
|
节点3
W3C盒子模型；div+css⽹页布局；弹性盒⼦HTML5兼容性处理；使⽤ HTML5布局元素的布局；Media Query响应式布局； 百分比⽹⻚布局； |
掌握使⽤媒体查询技术及百分比布局，实现响应式页⾯，自动适应多种分辨率设备 |
|
节点4
PS切图；精灵图；CSS重制样式表reset；CSS、Normalize.css；CSS命名规范，CSS常用名； |
C掌握和设计人员对接，把一张PSD图⽚切成自⼰需要的图片样式，按照效果图实现网站 |
|
节点5
JS的DOM操作；DOM 节点；DOM 方法；DOM 属性；DOM 访问；DOM 修改；DOM 内容；DOM 元素；DOM 事件；JS的BOM操作；Window；Screen；Location；History；Navigator；PopupAlert；Timing；Cookies；AJAX
|
掌握JS操作⻚面及浏览器元素，培养动⼿制作特效、表单验证的能⼒，掌握AJAX⽹⻚异步交互 |
|
节点6
JQuery简介；JQuery 安装jQuery CSS 操作；jQuery 选择器；jQuery 筛选；jQuery HTML文档处理；jQuery 事件；jQuery效果；jQuery Ajax；jQuery 其他操作；jQuery 插件；
|
掌握jQuery实现⻚面特效，表单验证，及AJAX异步交互 |
|
节点7
项目实训：
PS切图；CSS重置样式表；⽹页规范兼容性；SASS；Compass 精灵图代码压缩；常⻅网站效果；rem相对⼤小布局；
|
能够独⽴完成网⻚布局，页面效果，表单验证的一整套网⻚制作 |
| 本模块会深入学习html5+css布局和特效制作，掌握jquery使用和常用特效制作，掌握流行js框架开发项目流程，并能使⽤原⽣JS开发网站常见各类特效，熟练掌握Ajax 技术 | |
| PHP开发课程 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
后台基础：动态网站介绍与服务器环境搭建 |
PHP的环境搭建、编辑器的安装，以及基本语法和PHP的工作原理。 了解xampp和cms后台系统。 |
|
节点2
基础制作：PHP开发博客展示网站项目 |
MySQL数据库的安装、数据类型、数据的增删改查、多表联查、可视化管理工具的使用。
PHP开发博客展示网站项目，主要包括新闻内容发布管理、表单数据调用功能。 |
|
节点3
项目实战：门户型新闻视频音乐电商综合网站的规划构建 |
数据调用的基本语法和使用，以及项目中如何运用。 通过JS数据调用、表单搜索查询、视频数据嵌入、留言模块、投票系统、注册登录验证等典型模块系统的设计、实现。 |
|
节点4
售后与维护：售后与维护 |
掌握PHP开源程序的功能模块源代码进行二次开发。 掌握做PHP项目前的准备工作，数据库的结构设计，完整项目的制作。 网站上线及后期维护服务器迁移，网站备份维护。 |
| 本模块系统学习网站后台开发相关技能，学员完成后具备独立搭建完整网站数据后台的能力，可以胜任数据库开发，PHP网站后台开发等相关工作 | |
| 网页UI课程 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
熟悉代码：网站页面基础制作 |
认识HTML的最新版本HTML5，主要包括HTML5的标签变化、属性变化、音视频、以及表单验证。 |
|
节点2
设计的可用性原则：用户心理引导与运用 |
色彩与体验
色彩与注意力集中 AIDA(注意力、兴趣、期望、行动） 网站UI设计流程：需求分析、整理需求、产品思维解析、原型设计、产品立项。 |
|
节点3
网站响应式布局：HTML5+CSS3 |
详细讲解CSS3的变化，新的概念和理念，及其CSS3新增加的选择器 深入讲解元素如何扭曲、移位或旋转，让我们可以更自由得装饰和变形HTML组件 在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等 |
|
节点4
用户体验优化（UEO+SEO）：项目设计流程；进阶网站制作；多平台网站设计战略 |
在IMG标签中表明正确的图片尺寸 服务器和内容分发网络 合并CSS和JavaScript 验证页面 如何探测长时间跳转链 页面内容、功能布局优化 页面元素配色优化 需求分析、用户场景模拟、竞品分析 根据产品的用户定位进行设计， UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。 UI设计师需对产品的效果进行验证，是否可用，用户是否接受，以及与需求是否一致。 |
| 本模块是更深入的页面设计学习，会初步接触最新的html5标准与css3，学员完成后可以完成响应式的页面布局与网站优化等进阶工作，但是受模块内容时长限制，在前端设计工作的深入学习上仍旧不足，还需要更深入的学习 | |
| WEB全栈开发 | |
|
节点学习内容 |
最终学习目标描述 |
|
节点1
Node.js+MongoDB+Express：VUE.JS介绍；安装；模板/数据绑定；Class／Style绑定；事件；组件；混合；插件；服务/路路由； |
掌握Vue.JS使⽤方法，理解前端架构分层思想，掌握单⻚面应⽤实现原理及具体实现方法 |
|
节点2
NodeJS简介；NodeJS安装；npm⼯具使⽤；模块、package；回调函数；buffer，事件；⽂件处理模块；http，URL，querystring，path等模块；POST/GET请求；安装模板引擎； |
NodeJS作为服务端语言，接收处理响应请求，掌握NodeJS搭建服务器
|
|
节点3
NoSQL基础概念；MongoDB 简介；数据库、集合、⽂文档概念；数据库操作；集合操作；⽂文档CURD操作；条件操作符；Limit与Skip⽅方法；排序；NodeJS的mongoose模块操作MongoDB； |
理解数据库在程序开发中所起的作用，掌握 MongoDB数据库操作，能够独⽴获取分析数据 |
|
节点4
Express 简介；安装 Express；路由；中间件；视图；模板引擎；AJAX；跨域/JSONP；搜索分⻚；⽂件上传；登陆注册； |
Express基于 Node.js 平台，快速、开放、极简的 web 开发框架。它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。熟悉Express可以更好的掌握互联网交互原理。 |
|
节点5
Web Socket；SSE；⽹络爬虫（实现多人聊天时，服务器主动推送消息）；常⽤工具使用webpack；压缩混淆；AMD/CMD规范；结合Vue.JS实现单页⾯应用；Web APP 打包
|
掌握常用工具，掌握聊天通讯，掌握前后端共同交互实现单页⾯应用，掌握APP打包制作 |
|
节点6
h5新特性：⾳音/视频 API；本地存储localStorage/sessionStorage；Geolocation（地理理定位）；百度地图API；浏览器多线程Web Workers；应⽤程序缓存（Application Cache）；Canvas 画图、SVG；拖拽事件、API；FileReader API；PAJAX；Bootstrap。
插件：swiper、图表、iconfont
|
集中讲解掌握H5核⼼心 API，同时配合网上提供的接口服务完成需求，对于前端水平全面提升 |
|
节点7
接⼊微信公众平台；账号申请；微信JSSDK使⽤；分享接⼝；图像接⼝；⾳频接⼝；智能接口；设备信息；地理位置；界⾯操作；WEUI框架；微信⼩程序开发；创建项⽬；⼯具；框架；WXML 、 WXSS；组件API
|
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。作为一个跟上趋势的前端程序员，当今最热门的小程序开发值得我们掌握 |
|
节点8
整站开发：
Git协作；前端项目规范化；H5新特性即时通讯；互联网服务接口调用
|
培养具备整站开发能力，培养项目划分管理协作技巧，前端后端项目规范设计，通过这个项目让每一个学⽣生参与项目的规范化协作工作，模拟真实的开发环境。 |
| 本模块从零开始逐步深入学习web前端开发的高级阶段，以目前最火的微信小程序开发为模板，教授学员Web全栈开发的技巧，课程完成学员可以独立完成相关项目，并轻松应付相关工作需求 | |
三合一教学模式是针对目前特殊时期先锋科教推出的教学系统，学员只需要花费很低的学费就可以同时享受：面授同步课程录像，网络直播课，线下面授三种服务。
现阶段报名学员均可享受所报专业的面授服务，恢复面授后学员只需要到现场和老师重新签订一份面授协议即可，然后根据自己时间让教务老师将学员加入面授课程计划中。
我们每个专业都提供了一定量的面授课程实录节选供学员试听，在本页面课程目录下学员可以很容易的找到试听课程，点击就可以观看。
教室
门面
活动
