进击吧!前端攻城狮

路径说,前端大咖的成长与蜕变,从这里开始

众所周知,罗马不是一天建成的,前端大咖自然也不是一个路径就能搞定的。因此,作为基础咖的本路径,将帮助你实现的是从简单的“会做网页”,到略显牛x的“做好动态网页”。简单来说,就是从一个只会HTML+CSS基础,写静态页面的前端,到熟练使用HTML5、CSS3、JavaScript实现特效丰富的交互网页的前端。是不是感觉自己离前端大咖又迈进了一大步,想想还有点小激动呢!

我说,我是谁,我在哪,我将经历什么

作为已经跨入前端大门的攻城狮来说,有些知识点你需要不断重复记忆。
比如,什么是静态网页?相对动态网页而言,没有后台数据库、不含程序和不可交互的网页被称之为静态网页;
比如,什么是动态网页?显示的内容可以随着时间、环境或者数据库操作的结果而发生改变的网页被称之为动态网页。

前端开发不神秘

我能get哪些技能?

本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。我们将一起完成应用以
下丰富功能的动态网页

  • 导航菜单

    几乎所有网站的首页都会用到

  • 导航条双向绑定

    侧边导航和头部导航双向绑定准确定位

  • CSS3动画

    鼠标经过图片进行动态翻转、旋转动态变化

  • 滑动门特效

    导航菜单中跟随鼠标的移动元素进行变化

  • 滚动视差

    鼠标滚动到特定位置时,内容跟随加载

  • 锚点跳转

    根据链接元素定位到网页中想要查看的位置

高品质的学习体验

有趣、有效、只学有用的

  • 专家级教学团队

    专业级学习服务

  • 游戏关卡式过程

    长路不再漫漫

  • 内容保持更新

    视频观看无期限

  • 多角度学习数据

    随时回顾求知历程

丰富的教学服务

各种配套教学服务,在线学习从未如此轻松

  • 问答辅导

  • 随堂笔记

  • 配套教辅

  • 源码下载

  • 选择练习

  • 在线编程

  • 项目实战

  • 1V1作业批复

  • 阶段测试

  • 考题回顾

  • 学习报告

  • 通关证书

我的课程将如何安排?

步骤1: 初识HTML5

本阶段内容主要涵盖HTML5新增、删除标签、标签属性变化以及HTML5布局知识。通过本阶段学习,大家可以运用HTML5标签轻松实现网页音乐播放器和视频播放器,熟练运用HTML5的语义化标签进行静态网页的开发。

    第1课

    HTML5标签变化

    HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

    第2课

    HTML5网页布局

    传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页

    第3课

    HTML5属性变化

    了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率

    第4课

    HTML5展望

    HTML5快速发展,它还有哪些强大的功能,在什么领域可以使用,以及它的发展方向

    第5课

    HTML5测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤2: 搞懂CSS3

本阶段内容主要涵盖CSS3选择器、边框与圆角、背景与渐变、转换、过渡、动画等知识。通过本阶段学习,大家将学会更加精确得控制页面的布局、字体、颜色、背景等效果,实现非常炫酷的CSS3动画特效,让网页丰富多彩。

    第1课

    CSS3选择器

    详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

    第2课

    CSS3边框与圆角

    带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

    第3课

    CSS3背景与渐变

    同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果

    第4课

    CSS3转换

    深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

    第5课

    CSS3过渡

    一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

    第6课

    CSS3动画

    使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

    第7课

    CSS3图片切换特效

    介绍了几种非常漂亮的图片切换特效,大家对CSS3的认识会有质的提高

    第8课

    CSS3测试

    本课为考评,满分100学分,共25道题,限时37分钟

步骤3: JavaScript基础

本阶段内容主要涵盖js基础语法、流程控制语句、函数、内置对象、DOM基础和事件、BOM基础等知识。通过本阶段学习,大家不仅可以掌握js的基础知识,还能学会网站开发中常用的图片轮播特效。

    第1课

    JavaScript语法

    初步了解JavaScript语言,掌握它的语法、数据类型、基本的算数和逻辑运算操作

    第2课

    JavaScript流程控制语句

    掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

    第3课

    JavaScript函数

    掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

    第4课

    JavaScript内置对象

    学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

    第5课

    JavaScript DOM基础

    DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果

    第6课

    JavaScript DOM事件

    为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

    第7课

    JavaScript BOM基础

    学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

    第8课

    JavaScript实现轮播特效

    综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

    第9课

    JavaScript基础测试

    本课为考评,满分100学分,共25道题,限时37分钟

步骤4: JavaScript进阶

本阶段,将带领大家进一步探索JavaScript中的奥秘,教大家如何使用调试工具。还有变量、作用域、函数是怎么样来运用, 以及它们之前的关系是怎样的,我们来一步一步揭开它们的面纱。

    第1课

    调试工具

    学习调试工具,实践如何快速调试代码,并实时预览,体验快速调试代码的过程

    第2课

    JavaScript变量、作用域

    我们一起探究变量、作用域的本质,了解它们的定义及使用方法

    第3课

    JavaScript函数深入讲解

    研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

    第4课

    JavaScript实现简易计算器

    带领大家开发一个简易计算器,体会一步步优化代码的过程,体验代码简约而不简单的魅力

    第5课

    JavaScript进阶测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤5: 项目实战

光学不练假把式,实践是巩固知识最好的方法,本环节,带领大家开发炫酷网页,从实践中总结经验并且提升解决问题的能力。

    第1课

    H5+CSS3+JS实现炫酷网页

    带领大家实现真实项目:“慕课手机宣传页”,面对综合需求,大展身手的时候到了!

    第2课

    实战测试

    本课为考评,满分100学分,共20道题,限时30分钟

查看全部内容编排

适合人群

有html和css基础,并且热爱前端编程

推荐学习组合

从前端菜鸟到使用流行框架开发网页

熟悉HTML基本标签

熟悉CSS常用样式

希望快速提升自己

万事俱备 只等你来

  • Coder_sonic

    整个课程学习下来让自己对H5新标签、CSS3新属性有了更深刻的了解,非常适合前端入门小白学习,相比我之前花了大价钱的培训好太多了,感谢慕课网对初学者的贡献。期待慕课网后期能出JSJQ的专项课程,让我这种自学的同学也能够很好的学会JS。当然如果有相关的自学应聘辅导就更好了。个人对课程的评价,10分满分!

  • ZJDreaming

    很实惠的一门课程,听起来简单,但是自己去写的时候,遇到问题还挺多的,然后还得回头多重听几遍,但一切都值得。多听几遍会更加有收获。个人认为这里的课程内容和老师都非常地极其用心,特别适合想进入前端开发这个行业中的学生们.我缴费了这个,还有另一个是微信小程序入门与实战。等这个学完就去学那个!每个视频版块时间也不长,足够你认真倾听,而又不容易轻易放弃,打卡似地通关学习,更令人期待后面的课程与意识到自己的进步!总之,总结一句话:给力给力给力,无论哪种都是给力的,童鞋们,赶快缴费进来学习吧!

  • 聪明宝贝宝贝

    整体不错,老师讲的很细,可以说进行360度讲;但是不会失去重点。我觉得整套课程下来,只要跟随老师的步伐,边看边练,反反复复,就可以自己独立完成一个页面。可以看得出老师精心准备的课程,我虽然学习进度慢一些,但是我在这里受益匪浅。

查看全部308条用户评价

重装上阵,解放你的学习渴望

视频学习

不限期

何时开始

你决定

服务续费

优惠多

不再出现

了解更多

朕知道了

路径咨询

HTML5与CSS3实现动态网页

立即购买
¥599.00
意见反馈 常见问题 APP下载
官方微信