路径没有白走的路,每一步都算数
前端进阶,比入门更精彩

技能到手,一路向前

随着市场需求的不断变化,前端人才需求量每年都在激增,不得不承认的是前端开发前景无可限量!作为《HTML5与CSS3实现动态网页》的进阶路径,究竟有哪些更加丰富且实用的内容能帮助小伙伴们快速提升呢?

首先,熟用基础技能。通过对HTML5存储、SVG、Canvas绘图技术与插件应用、CSS3个性化自定义文本与字体、用户界面等多个知识点的学习,最终成功实现绘制汉克狗形象案例;

其次,技能点再升级。通过对JavaScript技术、jQuery库、Less预编译语言的充分学习,完美整合多项技术点,使大家在构建网站页面上更加得心应手,轻松实现企业级项目需求,快速搭建类似12306等注册页面。

温故知新,不忘初心

学习新技能的同时,不要忘记巩固所学过的知识点。就本路径而言,如果你已熟练掌握HTML5、CSS3、JavaScript这些基础技能点,学习本路径将更显轻松。

初级Web前端工程师必备

我能get哪些技能?

本路径采用基础+案例的方式,通过掌握JavaScript进行网页交互处理,jQuery优化网页动画设计,Less编译语言快速搭建网页等多
项知识点,最终实现快速搭建交互式网页。

表单验证

在网站登录或注册信息时,常常用到表单验证

弹出层

网站中的登录、注册、警告、对话框经常用到

延迟加载

使用延迟加载图片的技术,在长页面中只显示可视区域范围内容,节省流量

正则表达式

提供更强大的逻辑性与字符串处理能力,测试字符串内的模式。以极简的方式迅速达到字符串的复杂控制

HTML5绘图

用来绘制图形、图标、以及其它任何视觉性图像,它也可用于创建图片特效和动画。能够使图画效果更好、更小、更炫

HTML5存储

存储应用相关资源、数据,提高数据响应速度、节省流量

单例模式

提供对唯一实例的受控访问,具有一定的伸缩性与灵活性,可节约系统资源、提高系统的性能,使程序易于修改和维护

Less

Less是CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护与扩展

高品质的学习体验

有趣、有效、只学有用的

  • 专家级教学团队

    专业级学习服务

  • 游戏关卡式过程

    长路不再漫漫

  • 内容保持更新

    视频观看无期限

  • 多角度学习数据

    随时回顾求知历程

丰富的教学服务

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

  • 问答辅导

  • 随堂笔记

  • 配套教辅

  • 源码下载

  • 选择练习

  • 在线编程

  • 项目实战

  • 1V1作业批复

  • 阶段测试

  • 考题回顾

  • 学习报告

  • 通关证书

我的课程将如何安排?

步骤1: HTML5进阶

本阶段主要带领大家一起学习HTML5存储、拖拽上传、svg、canvas绘图基础与插件,并且绘制手机解锁案例;让你对HTML5有更深的理解。

    第1课

    HTML5存储

    本课程主要介绍了H5中的两种存储方式--本地存储和离线存储,以及他们中的多种存储方式,优势与缺点。

    第2课

    HTML5拖拽上传

    本课程我们将会通过传统拖拽、HTML5的拖拽以及对拖拽插件的介绍,对HTML5拖拽有一个详细的了解。

    第3课

    svg视口、坐标及形状

    本阶段初步了解svg。主要讲解什么是svg,svg的作用有哪些,以及svg的视口、坐标、形状等属性。

    第4课

    svg文本、填充和边框

    上步骤中,我们认识了svg。这节课程中我们继续学习svg的文本与边框的知识。

    第5课

    svg滤镜及动画效果

    通过前两个步骤的学习,相信我们队svg已经有了一定的了解。本步骤中,我们将更加深入的学习svg,学习他的滤镜、动画等知识。

    第6课

    HTML5 Canvas绘图基础

    通过本课程的学习,我们将会使用canvas画一些基本的形状,可以实现渐变,完成图片的绘制以及绘制阴影和曲线。

    第7课

    HTML5 Canvas 插件

    随着技术的发展,传统的图表方式已经不能够满足大众的需求,本节课将带领大家一起使用canvas插件创建图表,使图表对比数据更加直观。

    第8课

    HTML5 Canvas案例

    手机图形解锁是大家常用的解锁方式,本节课就带领大家使用canvas结合js实现手机解锁案例

    第9课

    HTML5进阶测试

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

步骤2: CSS3进阶

本阶段将带领大家一起学习CSS3文本、字体、多列布局、用户界面等内容,并结合前面所学的知识绘制汉克狗案例,让大家对页面的掌控更加得心应手。

    第1课

    CSS3文本与字体

    CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。

    第2课

    CSS3多列布局

    本课程主要向大家介绍CSS3中 column-width、column-count、column-gap、column-rule、column-span、column-fill等。

    第3课

    CSS3用户界面

    在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。这门课程我们就来仔细分析一下,这些新的用户界面如何来进行应用。

    第4课

    CSS3实现汉克狗案例

    学习了css3的样式和动画,本节课将带领大家一起学习如何利用css3的知识绘制卡通汉克狗

    第5课

    CSS3进阶测试

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

步骤3: JavaScript面向对象

本阶段主要带领大家一起学习javaScript面向对象、单例设计模式、DOM深入、正则表达式、事件,并且完成表单验证案例,让你对js有更深入的理解。

    第1课

    JavaScript 面向对象

    该课程介绍了对象的概念、声明方式等及js中的继承与封装。

    第2课

    JavaScript单例模式

    本课程将会通过传统的单例模式以及具有JavaScript特色的单例模式来详细讲下设计模式。

    第3课

    JavaScript DOM操作

    通过本课程的学习,我们将学会如果创建节点,实现对节点的遍历,使用不同的方法获取到节点,以及对节点进行插入、复制和移除。

    第4课

    JavaScript DOM属性

    通过本课程的学习,我们将会对属性有一个新的认识,属性分为固有属性和自定义属性,属性不仅可以获取也可以移除和设置。

    第5课

    JavaScript事件

    事件是JavaScript中最重要的主题之一,本课程将带领大家学习事件流、DOM事件流、IE事件处理程序、跨浏览器的事件处理程序、事件对象与类型

    第6课

    正则表达式

    正则表达式是一种易于用于模式匹配和替换的强有力的工具,是由一系列普通字符和特殊字符组成的能够明确描述文本字符的文字匹配模式。

    第7课

    JavaScript 表单验证案例

    该课程主要介绍了常见的表单验证,有H5自带的验证和正则表达式的验证。

    第8课

    JavaScript面向对象测试

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

步骤4: jQuery基础

本阶段将带领大家学习jQuery选择的艺术、DOM、事件、插件、图片延迟加载,并且实现弹出层案例。学完之后会对事件处理和动画设计更加得心应手。

    第1课

    jQuery选择的艺术

    课程主要介绍jQuery的概念、版本、选择器,筛选器、以及与js的区别。

    第2课

    jQuery DOM操作

    本课程主要讲解jQuery中查找元素、修改元素样式和内容以及其它操作方法。

    第3课

    jQuery事件

    本课程主要介绍了jQuery对象中的0级事件、2级事件,以及事件的添加、移除、触发、自定义事件、命名空间。

    第4课

    jQuery插件

    本课程主要介绍了如何寻找自己需要的插件,如何使用插件,几个常用插件的介绍、以及如何自定义插件。

    第5课

    jQuery弹出层案例

    通过弹出层案例的讲解,让大家更灵活的使用jQuery的属性和方法以及函数的封装。

    第6课

    图片延迟加载

    通过图片延迟加载技术,实现网页的节约流量和性能优化。

    第7课

    jQuery基础测试

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

步骤5: Less即学即用

本阶段带领大家一起来学习Less的内容,首先会从基础的用法讲解,然后还会有实战的应用,对less做一个全面透彻的学习,运用到实处才能真正理解。

    第1课

    less基础

    less语言是在css的语法基础上,引入了变量,Mixin(混入),运算,以及函数等功能,可以让我们用更少的代码做更多的事情!

    第2课

    less实战案例

    通过了less基础的学习,相信大家对less有了一个初步的了解,本课程带领大家完成一个用less做的网页,把知识点运用到项目中去。

    第3课

    less测试

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

查看全部内容编排

适合人群

本路径适合已掌握HTML5、CSS3、JavaScript基础,热爱前端并希望在前端应用方面不断进步的同学

万事俱备 只等你来

  • 尖耳朵的阿凡达

    讲讲学习这个课程的心得。 现在在看第二遍视频了,毕竟比之前的学的要难一些了,但是感觉自己学习能力和找bug能力提高很多。 看第一遍视频,即使把作业做了,可能有时候还会懵逼,但是当你回头再来学习 再做一遍作业的时候,很多东西就会清晰的很多。。我个人觉得慕课网的每个路径里 作业可以提交两次是很合理的,第一遍视频的时候提交一次,看看老师的修改意见,先不修改。等把整个课程学习完了,过第二遍的时候再把作业重新做一遍 相信我,肯定会比第一次实现的更好,而且还会有更多的收获 另外一个小建议:课程学完后,视频中老师的代码一定要跟着敲,敲着敲着感觉就来了,光看是永远上不了手的。

  • 慕粉2312

    课程的整体和之前的还是差不多,我之前学习了《HTML5与CSS3实现动态网页》,现在学习进阶,有了第一个路径的基础,这个路径学的快多了,不得不说的是,慕课网的标准真的是始终如一,视频课程基本上没有什么废话,每听完一节都感觉满满的收货。而且我觉得他们的服务真的是太好了,最后的作业题批的很认真,把每个小问题都会讲出来,然后还给修改建议,我觉得够良心的。还有遇到不会的问题,助教都很耐心的回答,从来没有见过助教和谁吵架或者是态度不好的。真的觉得很棒。希望慕课网以后还是一样的标准。赶快出高级的课啊!我已经等不及了!

  • 没有网络

    学完《HTML5与CSS3实现动态网页》过来的,这个课程学了也有1/3了吧,感觉是很不错滴,就是整体的难度比上个路径高了许多,也可以理解,毕竟是进阶路径,不难的话,哪来的提升呢。适合多听几遍,每次听都会有新的收获,总之一切都是值得的。习题与作业也提供了很大的帮助,不太理解的时候,提问也能快速得到解答。整体来说是很满意的,期待出更高级的课程。

查看全部9条用户评价

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

视频学习

不限期

何时开始

你决定

服务续费

优惠多

不再出现

了解更多

朕知道了

路径咨询

HTML5&CSS3进阶与常用框架

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