告别新手村,
前端的进阶之路正式开启

小升初是个坎儿,你准备好了吗

首先恭喜你顺利通关了前端小白的课程,本路径属于进阶段位,主要关卡覆盖以下三个阶段。
第一关,适配。本关卡将通过学习HTML5与CSS3实现动态特效网站;通过对移动基础、响应式的讲解,Get√适配不同移动设备的技能;
第二关,搭建。本关卡将通过对Bootstrap框架的讲解,让小白毕业生从原生编写迅速过渡到使用Bootstrap快速搭建网页结构;
第三关,高效。本关卡将主攻CSS的预处理语言“Less”,因为Less将大幅减少编写原生CSS代码的工作量。而且对于前端攻城狮来说,代码更容易管理,开发效率倍增。

开了新本儿的你,装备齐全吗

进阶之路对于很多人来说既充满期待又略显迷茫,期待学习更多实用的知识,迷茫那么多知识点是否真的实用。那么,我们不妨先了解一下即将学习的这两个新工具。
Bootstrap,是基于HTML5、CSS3、JavaScript开发的,它在jQuery的基础上进行了更为个性化、人性化的完善,形成一套自己独有的网站风格,兼容大部分jQuery插件。
Less,扩充了 CSS 语言,增加了诸如变量、混合(mixin)、运算、函数等。它可以运行在服务器端(Node.js 和 Rhino 平台)也可以运行在客户端(浏览器)。

菜鸟到前端攻城狮进阶之路

我能get哪些技能?

这里不仅有最新前端语言HTML5、CSS3,还有Bootstrap框架、预处理语言Less,以及移动端响应式开发的内容
深入浅出,结合多个项目让你掌握前端知识点,玩转前端开发

HTML5

HTML5是HTML的最新版本,相对于老版本,新增了很多功能。语义化标签、新增属性、音频视频、表单验证等新的功能,让你用起来更是得心应手。

CSS3

CSS3是目前最新的CSS版本,新增了很多的功能,主要有选择器、边框与圆角、背景与渐变、文本与字体、转换、过渡、动画、以及一些布局方面的样式与功能。

响应式

响应式在PC端和移动端用途都很广泛,跟随窗口的大小变化而进行样式的改变,跟随移动设备的变化而重新排版布局,任何设备都难不倒。

Bootstrap

目前最受欢迎的前端框架之一,简洁灵活,从栅格布局、模块分类及排版布局、常用组件等方面介绍Bootstrap,快速搭建实现网页开发。

Less

Less作为一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护和扩展,并且它可以运行在Node或浏览器端。

高品质的学习体验

有趣、有效、只学有用的

  • 专家级教学团队

    专业级学习服务

  • 游戏关卡式过程

    长路不再漫漫

  • 内容保持更新

    视频观看无期限

  • 多角度学习数据

    随时回顾求知历程

丰富的教学服务

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

  • 问答辅导

  • 随堂笔记

  • 配套教辅

  • 源码下载

  • 选择练习

  • 在线编程

  • 项目实战

  • 1V1作业批复

  • 阶段测试

  • 考题回顾

  • 学习报告

  • 通关证书

我的课程将如何安排?

步骤1: 走进HTML5

本阶段带领大家认识HTML的最新版本HTML5,主要包括HTML5的标签变化、属性变化、音视频、以及表单验证。让你对HTML5有一个新的认识。

    第1课

    HTML5标签变化

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

    第2课

    HTML5网页布局

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

    第3课

    HTML5属性变化

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

    第4课

    HTML5音视频

    HTML5中有新增的功能,可以实现音频和视频的播放,本课程带领大家来学习这一强大的功能。

    第5课

    HTML5表单验证

    本课程主要向大家介绍H5中新增的一些在表单验证方面的功能,通过一些属性的设置,可以实现条件的控制。

    第6课

    走进HTML5测试

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

步骤2: CSS3详解

本阶段主要带领大家走进CSS3的世界,主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画、多列布局以及用户界面,让你对CSS3有个全面的了解。

    第1课

    CSS3选择器

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

    第2课

    CSS3边框与圆角

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

    第3课

    CSS3背景与渐变

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

    第4课

    CSS3文本与字体

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

    第5课

    CSS3转换

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

    第6课

    CSS3过渡

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

    第7课

    CSS3动画

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

    第8课

    CSS3多列布局

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

    第9课

    CSS3用户界面

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

    第10课

    CSS3实现汉克狗案例

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

    第11课

    CSS3详解测试

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

步骤3: 移动基础与响应式

移动端需要适配不同的设备,本阶段主要带领大家走进移动端,包括移动基础视口、弹性盒布局、响应式布局、以及布局案例等课程,为移动端开发打下坚实的基础。

    第1课

    移动基础

    通过本课程的学习,我们能够了解到移动端与PC端不同的地方,通过对移动端的基础、度量单位、浏览器等知识的学习我们能对移动端开发有一个初步的了解。

    第2课

    flex弹性布局

    本课程将会带领大家学习移动端的布局——flex布局。通过学习伸缩容器和项目的属性学习,完成对页面实现弹性的布局。

    第3课

    响应式布局

    本课程,老师将带领大家学习移动端响应式布局的实现,当屏幕到达一定的宽度的时候会有不一样的布局。

    第4课

    移动端界面案例

    本课程主要讲解了移动端的一个界面案例,通过对布局的讲解,代码的分析以及flex布局的使用,让大家对移动端的实际开发有一个综合的了解。

    第5课

    移动基础与响应式测试

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

步骤4: Bootstrap详解

本阶段我们主要来学习Bootstrap的内容,首先会把Bootstrap的基础知识讲解一下,从下载配置到组件的应用,然后再通过一个案例来为大家综合讲解它的使用技巧。带你层层揭秘Bootstrap的神奇之处。

    第1课

    bootstrap栅格布局

    本课程主要讲解了什么是bootstrap的栅格化布局,以及如何使用栅格化布局完成响应式页面

    第2课

    bootstrap模块分类及排版布局

    通过本课程的学习,我们将会对页面的模块进行分类,对布局进行排版,以及使用bootStrap对表单、表格、按钮、图像和文本进行样式设置。

    第3课

    bootstrap常用组件

    本节课带领大家来学习bootstrap组件和插件,可复用的组件和插件提高了开发效率以及增加了页面的用户体验。

    第4课

    bootstrap实战案例

    学习了bootstrap的基础知识,本课程我们就来运用bootstrap实现一个网页的布局,体验项目的开发流程以及技巧。

    第5课

    bootstrap测试

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

步骤5: Less即学即用

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

    第1课

    less基础

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

    第2课

    less实战案例

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

    第3课

    less测试

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

查看全部内容编排

适合人群

有HTML、CSS、JavaScript、jQuery基础

组合套餐

已优惠的路径组合不接受换课和退课,请购买前知晓

万事俱备 只等你来

  • 慕粉2312

    不得不说慕课网做课的标准是始终如一的,我买过《前端小白入门》,两个路径的老师讲课都是很不错的,能收货满满的干货,其实我已经在从事前端开发了,工作不久,但是我总觉得自己的技术不够扎实,自己不会的还有很多,于是咨询了客服之后,最后决定从头开始学习和巩固,没想到的是收货了不少干货,而且这里的老师好像都很牛逼,讲的好多东西我觉得在开发中特别的实用,这可能就是传说中的开发技巧吧,真心觉得不错,才几百块钱就能收货这么多,真的很值得,比我去请教公司里的那些老人儿来的实在的多。希望慕课网能够一直做这么好的课。感慨万千啊!

  • LoverF

    很实惠的一门课程,老师讲的很细,可以说进行360度讲;但是不会失去重点。可以看得出老师精心准备的课程,我虽然学习进度慢一些,但是我在这里受益匪浅。我觉得整套课程下来,听起来简单,但是自己去写的时候,遇到问题还挺多的,回头再去听,又会有新的收获,总之一切都是值得的。个人认为这里的课程内容和老师都非常地极其用心,特别适合有前端一些基础,想学习一下前端目前比较新也比较火的技术的同学,而且后面的课程还有框架的学习,还是蛮鸡冻的。总之,总结一句话:给力给力给力,无论哪种都是给力的!第一次给这么长的评价,都快来围观我~

  • Tz_web

    一路从前端小白路径走来,感觉自己的前端能力在一步一步稳步提升当中,最重要的是在这个过程中养成了良好的学习习惯。在路径中任何不清楚的问题都有助教细心的解答,也进一步加强了自己和巩固了自己的基础。讲师都是有大型前端项目开发经验的老师,在授课中也会提及一些实际工作中会遇到的问题,所以让自己的学习更加贴近实际。总之来慕课网学习收获非常大!也希望你们能尽快推出前端高阶课程!

查看全部33条用户评价

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

视频学习

不限期

何时开始

你决定

服务续费

优惠多

不再出现

了解更多

朕知道了

路径咨询

前端进阶:响应式开发与常用框架

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