中美创意商城
客服电话 预约试听
week 1

stage

HTML语言





  • 01
    AM:

    前端开发准备+Web前端开发的现状与未来+课程安排+教学效果演示


    PM:

    网站工程开发流程+HTML入门知识+HTML文档类型


    100% 50% HTML语言
                   language
    27%
    开发流程与发展
    process
    23%
    编程准备
    ready
    作业:HTML案例练习
  • 02
    AM:

    HTML块级标签+HTML行内标签+HTML文本标签


    PM:

    HTML表格+HTML列表+HTML图像知识+讲解与练习


    100% 74% HTML语言
                   language
    26%
    讲解与练习
    explain
    作业:HTML案例练习
  • 03
    AM:

    HTML表单+HTML框架+Chrome控制台详解+疑难解答辅导


    PM:

    HTML标签语义性+HTML元素通用属性+案例讲解与练习


    100% 70% HTML语言
                   language
    15%
    案例讲解与练习
    explain
    15%
    疑难解答
    troubleshooting
    作业:HTML案例练习
  • 04
    AM:

    企业网站布局解析+网站结构讲解+网站布局制作过程演示讲解


    PM:

    网站布局制作过程演示讲解+网站布局练习+疑难解答与辅导


    100% 50% 网站布局结构讲解
                   design theory
    25%
    疑难解答
    troubleshooting
    25%
    制作过程演示讲解
    demonstration
    作业:企业网站结构搭建

week 2

stage

CSS语言+网页设计规范




  • 05
    AM:

    作业答疑+CSS创建+CSS基础语法+CSS选择器


    PM:

    CSS背景+CSS文本+CSS字体+案例练习与辅导


    100% 75% CSS语言
                   language
    15%
    案例辅导与练习
    exercise
    10%
    作业答疑
    troubleshooting
    作业:网站案例练习
  • 06
    AM:

    CSS框模型+CSS伪类+CSS伪元素+作业答疑


    PM:

    CSS表格+网页层结构+CSS浮动


    100% 85% CSS语言
                   language
    15%
    作业答疑
    troubleshooting
    作业:网站案例练习
  • 07
    AM:

    CSS定位+浏览器兼容性调试+作业答疑


    PM:

    Photoshop设计工具+网页设计中的版式+网页风格赏析


    100% 45% CSS语言
                   language
    10%
    作业答疑
    troubleshooting
    45%
    网页设计理论
    design theory
    作业:网站案例练习
  • 08
    AM:

    Web页面设计规范及设计禁忌+用户体验+网页布局剖析与制作


    PM:

    综合案例演示讲解+网页布局综合练习


    100% 50% 网页设计理论
                   design theory
    25%
    指导
    explain
    25%
    案例剖析
    analysis
    作业:网站案例练习

week 3

stage

JavaScript基础




  • 09
    AM:

    JavaScript入门+JavaScript基础语法+数据输出与程序调试+注释


    PM:

    JavaScript变量定义和类型+JavaScript变量操作(增删改查)


    100% 85% JavaScript语言
                   language
    15%
    作业答疑
    troubleshooting
    作业:JS语法练习
  • 10
    AM:

    JavaScript变量运算+JavaScript运算符+JavaScript数组


    PM:

    JavaScript对象+JavaScript函数+JavaScript流程控制与比较


    100% 75% JavaScript语言
                   language
    25%
    案例答疑
    troubleshooting
    作业:JS语法练习
  • 11
    AM:

    Axure实现基本交互设计+交互逻辑讲解+Axure实现交互的演示与讲解


    PM:

    Axure软件实现app交互设计+交互设计思路与逻辑讲解+交互实现操作演示


    100% 75% JavaScript语言
                   language
    25%
    案例演示与讲解
    demonstration
    作业:JS案例实践
  • 12
    AM:

    JavaScript日期+JavaScript算数+JavaScript事件与回调+JS逻辑


    PM:

    JavaScript表单验证+常用JS动态效果案例实践


    100% 60% JavaScript语言
                   language
    40%
    案例实践与指导
    explain
    作业:JS案例实践

week 4

stage

JavaScript进阶




  • 13
    AM:

    正则表达式+JavaScript常用内置对象


    PM:

    作用域链+面向对象编程+闭包+ECMAScript5/6 新特性+案例实践


    100% 75% JS案例实践
                   language
    30%
    案例实践
    demonstration
    作业:JS案例实践
  • 14
    AM:

    JavaScript定时器+BOM模型


    PM:

    HTML DOM编程+常用JS动态效果案例实践


    100% 75% JavaScript语言
                   language
    25%
    案例实践
    demonstration
    作业:JS案例实践
  • 15
    AM:

    JQuery概述+JQuery选择器+JQuery DOM 操作


    PM:

    JQuery事件+JQuery案例演示与讲解


    100% 75% JQuery语言
                   language
    25%
    案例演示与讲解
    demonstration
    作业:JQuery案例实践
  • 16
    AM:

    JQuery动画特效+JQuery扩展+案例讲解


    PM:

    JQuery案例演示与讲解+JQuery案例实践与指导


    100% 70% JQuery语言
                   language
    30%
    案例实践与指导
    demonstration
    作业:JQuery案例实践

week 5

stage

HTML5与CSS3语言




  • 17
    AM:

    HTML5语义性标签+HTML5 Canvas绘图+HTML5 SVG


    PM:

    音频与视频嵌入+H5案例演示与讲解


    100% 75% HTML5新标签
                   language
    25%
    案例演示与讲解
    demonstration
    作业:H5布局案例
  • 18
    AM:

    HTML5拖放+HTML5表单验证+HTML5 Web存储


    PM:

    HTML5 Web Workers+离线Web应用+H5案例演示与讲解


    100% 55% HTML5新标签
                   language
    45%
    案例演示与讲解
    demonstration
    作业:H5布局案例
  • 19
    AM:

    HTML5地理定位+HTML5媒体查询+CSS3边框与背景


    PM:

    CSS3文本效果+CSS3 2D、3D转换+CSS3案例演示与讲解


    100% 55% CSS3新属性
                   language
    10%
    HTML5新标签
    language
    35%
    案例演示与讲解
    demonstration
    作业:H5/CSS3动画案例
  • 20
    AM:

    CSS3动画+CSS3过渡+CSS3多列布局


    PM:

    CSS3字体引用+CSS3案例演示与讲解+H5微场景/公众号开发


    100% 65% CSS3新属性
                   language
    35%
    综合案例演示与讲解
    demonstration
    作业:H5微场景动画

week 6

stage

响应式设计与移动端开发




  • 21
    AM:

    CSS3媒体查询+响应式网页布局+响应式网站案例解析+栅格与排版


    PM:

    移动端用户体验+设备尺寸+响应式网案例实践与辅导


    100% 70% 响应式设计
                   design theory
    17%
    媒体查询
    media
    13%
    案例演示
    demonstration
    作业:响应式网站案例
  • 22
    AM:

    Bootstrap可视化布局、网格系统+Bootstrap组件


    PM:

    Bootstrap定制+Bootstrap导航、与插件+案例演示与讲解


    100% 85% Bootstrap框架
                   programming
    15%
    案例讲解
    demonstration
    作业:Bootstrap案例
  • 23
    AM:

    Bootstrap案例实践指导+移动开发介绍+JQuery mobile框架入门


    PM:

    JQuery mobile页面与过渡+按钮与图标+JQuery mobile表单与网格


    100% 40% Bootstrap框架
                   programming
    10%
    指导
    Guidance
    50%
    JQuery mobile
    programming
    作业:Bootstrap案例
  • 24
    AM:

    JQuery mobile事件+WAP案例演示与讲解


    PM:

    WAP案例演示与讲解


    100% 25%
    JQuery mobile
    programming
    75%
    案例讲解
    demonstration
    作业:JQuery mobile案例

week 7

stage

JS高级编程+服务器操作




  • 21
    AM:

    本地WEB服务器环境搭建与调试+服务器端技术简介+PHP语法基础


    PM:

    Apache 服务器、PHP访问数据库+服务器端组件原理+HTTP协议


    100% 55% PHP语法基础
                   programming
    45%
    服务器端技术
    sever
    作业:PHP语法练习
  • 22
    AM:

    XML与JSON + PHP操作JSON与XML + JS操作JSON与XML


    PM:

    PHP与HTML混合编程+AJAX原理与应用+经典案例+JS原生AJAX


    100% 40% XML与JSON操作
                   programming
    35%
    AJAX
    programming
    25%
    PHP混合编程
    programming
    作业:AJAX案例
  • 23
    AM:

    JQuery AJAX + SQL基础语法+AnglarJS+MVC编程


    PM:

    AnglarJS指令和表达式+AnglarJS控制器


    100% 40% AJAX
                   programming
    60%
    AnglarJS
    programming
    作业:AJAX案例
  • 24
    AM:

    AnglarJS模块化+AnglarJS路由+AnglarJS事件绑定


    PM:

    AnglarJS项目实战+如何创建个人网站+个人网站优秀案例剖析


    100% 40% AnglarJS
                   programming
    20%
    项目实战
    demonstration
    40%
    PHP混合编程
    programming
    作业:个人网站设计

week 8

stage

综合指导+网站实现




  • 21
    AM:

    域名申请+空间购买+常用CMS程序介绍安装和使用


    PM:

    数据备份与恢复+FTP上传+个人网站制作辅导


    100% 55% 域名与空间
                   design theory
    45%
    网站制作辅导
    explain
    作业:个人网站
  • 22
    AM:

    SEO、SEM推广+微博、微信综合推广


    PM:

    前端代码优化+个人网站制作辅导


    100% 45% 运营与推广
                   design theory
    55%
    网站制作辅导
    explain
    作业:个人网站
  • 23
    AM:

    终期考试测验+教学测评+试卷答案讲解与分析


    PM:

    个人网站制作辅导


    100% 80% 网站制作辅导
                   explain
    20%
    测试
    test
    作业:个人网站
  • 24
    AM:

    就业指导+面试技巧要点+面试注意事项+思路方法


    PM:

    疑难问题分析+个人网站制作辅导


    100% 25%
    就业指导
    design theory
    75%
    网站制作辅导
    explain
    作业:个人网站