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

小升初是个坎儿,你准备好了吗 首先恭喜你顺利通关了前端小白的课程,本路径属于进阶段位,主要关卡覆盖以下三个阶段。
第一关,适配。本关卡将通过学习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,以及移动端响应式开发的内容
深入浅出,结合多个项目让你掌握前端知识点,玩转鸿运国际hv128
HTML5 HTML5是HTML的最新版本,相对于老版本,新增了很多功能。语义化标签、新增属性、音频视频、表单验证等新的功能,让你用起来更是得心应手。
CSS3 CSS3是目前最新的CSS版本,新增了很多的功能,主要有选择器、边框与圆角、背景与渐变、文本与字体、转换、过渡、动画、以及一些布局方面的样式与功能。
响应式 响应式在PC端和移动端用途都很广泛,跟随窗口的大小变化而进行样式的改变,跟随移动设备的变化而重新排版布局,任何设备都难不倒。
Bootstrap 目前最受欢迎的前端框架之一,简洁灵活,从栅格布局、模块分类及排版布局、常用组件等方面介绍Bootstrap,快速搭建实现网页开发。
Less Less作为一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护和扩展,并且它可以运行在Node或浏览器端。
高品质的学习体验 有趣、有效、只学有用的
  1. 专家级教学团队 专业级学习服务
  2. 游戏关卡式过程 长路不再漫漫
  3. 内容保持更新 视频观看无期限
  4. 多角度学习数据 随时回顾求知历程
丰富的教学服务 各种配套教学服务,在线学习从未如此轻松
  1. 问答辅导
  2. 随堂笔记
  3. 配套教辅
  4. 源码下载
  5. 选择练习
  6. 在线编程
  7. 项目实战
  8. 1V1作业批复
  9. 阶段测试
  10. 考题回顾
  11. 学习报告
  12. 通关证书

我的课程将如何安排?

步骤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基础

万事俱备 只等你来

  1. 慕粉2312
    不得不说慕课网做课的标准是始终如一的,我买过《前端小白入门》,两个路径的老师讲课都是很不错的,能收货满满的干货,其实我已经在从事鸿运国际hv128了,工作不久,但是我总觉得自己的技术不够扎实,自己不会的还有很多,于是咨询了客服之后,最后决定从头开始学习和巩固,没想到的是收货了不少干货,而且这里的老师好像都很牛逼,讲的好多东西我觉得在开发中特别的实用,这可能就是传说中的开发技巧吧,真心觉得不错,才几百块钱就能收货这么多,真的很值得,比我去请教公司里的那些老人儿来的实在的多。希望慕课网能够一直做这么好的课。感慨万千啊!
  2. LoverF
    很实惠的一门课程,老师讲的很细,可以说进行360度讲;但是不会失去重点。可以看得出老师精心准备的课程,我虽然学习进度慢一些,但是我在这里受益匪浅。我觉得整套课程下来,听起来简单,但是自己去写的时候,遇到问题还挺多的,回头再去听,又会有新的收获,总之一切都是值得的。个人认为这里的课程内容和老师都非常地极其用心,特别适合有前端一些基础,想学习一下前端目前比较新也比较火的技术的同学,而且后面的课程还有框架的学习,还是蛮鸡冻的。总之,总结一句话:给力给力给力,无论哪种都是给力的!第一次给这么长的评价,都快来围观我~
  3. Tz_web
    一路从前端小白路径走来,感觉自己的前端能力在一步一步稳步提升当中,最重要的是在这个过程中养成了良好的学习习惯。在路径中任何不清楚的问题都有助教细心的解答,也进一步加强了自己和巩固了自己的基础。讲师都是有大型前端项目开发经验的老师,在授课中也会提及一些实际工作中会遇到的问题,所以让自己的学习更加贴近实际。总之来慕课网学习收获非常大!也希望你们能尽快推出前端高阶课程!
查看全部41条用户评价
重装上阵,解放你的学习渴望
视频学习 不限期
何时开始 你决定
服务续费 优惠多
不再出现
了解更多 朕知道了

路径咨询

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

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