微信号:imooc-com

介绍:慕课网是一个超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!

Web前端开发 | 为零基础学习者准备的学习路径

2017-05-19 07:45 color

图 | 来源网络


很多人认为前端是这样工作的:


1、把Photoshop文件、图片或者线框做成一个页面;
2、偶尔设计Photoshop文件、图片或者线框;
3、用JS实现动画、过渡效果;
4、用HTML和CSS编程,实现网页的内容和形式。


其实web前端并没有想的那么简单,反倒随着多设备、浏览器和Web标准的演变革命,所涵盖的职责范围已包含后端、跨平台等多种职能。

 

换句话说,如果说精通HTML+CSS+JS,了解后端知识,算合格前端;要想成为受追捧、拿高薪的前端工程师,要对业务需求和架构设计有着真正的运用。

 

总之,学习前端开发是先易后难。对于想要踏入前端行业的小伙伴,前期基础一定要打好,同时需结合项目锻炼出来。


下面的学习路线分为2个阶段:入门到进阶,大家可根据自身需求来参考学习

 


1
前端入门阶段



小白的用户可以按照以下学习路线系统学习: HTML > CSS > Javascript > jQuery



HTML基础

HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。


主要学习HTML的语法基础、表格、表单、等标签,并要案例结合,达到学以致用。



CSS基础:

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。


主要学习css的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。



Javascript基础:

JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。


主要学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。



jQuery基础:

jQuery是一个快速、简洁的JavaScript框架,设计宗旨是“write Less,Do More”。


主要学习jQuery的基础语法、选择器、DOM、事件、插件、瀑布流案例等。


根据以上学习路线,让你学会网页开发的基础知识。 




在这里推荐慕课网的《前端小白入门》不仅让你学会前端基础,还针对每个基础进行线上测试,巩固和加深前端基础。


更重要本课结合项目,通过统一挂号平台案例,带领你体验企业开发中的流程,结合前面所学的HTML、CSS、jQuery知识,完成整站开发。


你将学会的技能 / 求职作品展示




没有前端基础的用户,可放心点击下图学习↓



2
前端进阶阶段



如果你有html、css、JS、Jq的基础,那可以跳过上面,来学习前端进阶。

进阶路线:HTML5 > CSS3 > 移动基础与响应式 > bootstrap > less


HTML5基础:

HTML5是HTML的最新版本,相对于老版本,新增了很多功能。语义化标签、新增属性、音频视频、表单验证等新的功能。


CSS3:

主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画、多列布局以及用户界面


移动基础与响应式

走进移动端,包括移动基础视口、弹性盒布局、响应式布局、以及布局案例等课程,为移动端开发打下坚实的基础。


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


Bootstrap

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


less

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




想要快速学会这些进阶知识的,推荐你学习《从H5网页开发到移动响应式开发》这门课,不仅深入浅出讲解、测试考核,还结合多个项目!

点击下图,即可查看课程详情


3
两门课都给你有用、有趣的学习环境




长按二维码
即可关注我们

慕课网

 程序员的梦工厂



更多技术干货

   等你来解锁!





戳阅读原文,最全前端学习路线,让你从小白变老司机!
 
慕课网 更多文章 4 年前端狗,2 年 CTO,一个程序员六年的奋斗史 教师节,老师竟然送你礼物!(9.10日,不限名额!!!) 【慕课网实战课】从0开始双剑合璧Laravel,AngularJS全栈开发知乎 五功大成!慕课网安卓5.0客户端重磅发布! 节后第一天慕女神送你书籍给你助力!——评论区留言就送经典IT书籍!
猜您喜欢 成功学子展播——周浩 聊聊JSPatch的动态性原理 【扯淡篇】IT Operations(IT 运营),运维的更价值化认识 【异周话题 第1期】机器学习最流行的语言是哪门? 漫画:Bitmap算法 进阶篇