适合新手小白学习的web前端自学路线图整理

新手小白学习web前端要学多久?没有基础的同学想要学习web前端选择什么样的学习方式会比较好一些呢?很多想要学习web前端开发的同学都有这个困惑,主要是担心web前端开发门槛高,害怕学不会。

其实关于零基础怎样学习web前端开发这个问题我们应该辩证的来看待,相对于IT技术类的其他技术岗位,web前端开发绝对算是门槛较低的,当然对应的起点也是比较低的。如果有小白有意向入行或者转行的话建议选择web前端。web前端开发门槛低主要体现在两个方面:

第一:web前端开发入门门槛低体现在html和CSS上,前者只是结构标签,后者是样式配置,入门是非常简单的,对web前端开发感兴趣的小伙伴可以找一些相关书籍来看,或者也可以找一些相关的视频来看,巩固所学的知识,虽然看这些书籍或者视频很枯燥,但是只要能啃下来你就会发现,这些确实很管用。

第二,web前端开发入门低的另一个重要表现就是符合8/2定律,也就是20%的东西使用率占到80%。所以很适合囫囵吞枣,因此我们的重点就是把这20%学起来,而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。

总之就是专心对付重要的东西,那些什么less、sass、angular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜。

原文地址:http://blog.51cto.com/14071672/2322754

时间: 2024-11-06 06:33:58

适合新手小白学习的web前端自学路线图整理的相关文章

Web前端自学之路学习路线,web前端开发网站

前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前景,吸引了众多前端爱好者和转行人员的青睐. 都说前端技术属于易学难精,其易入门性也是相对Java,python那些语言来说的,并不是说任何人可随便信手拈来,而且今天的"前端"并不等同于"美工",前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务

我的web前端自学之路-心得篇:我为什么要学习web前端?

时光如流水,转眼间,自己已经是大三的学长了,看着一个个学弟学妹,心中有种莫名的感觉,很怀念大学的前两年时光,但也很憧憬着自己的未来,自己将要去经历很多从未经历的事.我是我们学校信科院的一名学生,在编程方面,一开始只是接触到了C语言,但是c语言对于我来说并不友好,也并不是那么的好学,所以自己对程序不是很有兴趣,但一个偶然的机会,我接触到了web前端,看着我的一个大牛同学用前端 所涉及的语言写出了一些很棒的程序,于是就产生了一种很想学习前端的想法和很想把前端做的完美的渴望,于是,就开始了我的前端之路

web前端自学之路

web前端作为一个新兴的热门职位,在今日互联网的发展上,已经IT行业的一门新贵. 现在,很多人都认识到了这个新兴的职业,并且想要接触它,但是却是不知道怎样下手,如何快速的入门和学习呢? 前端,直白的讲就是做网页的,而我们想要制作网页所要学的,也是必须要学的就是三种语言,HTML.CSS.Javacript. 这三种语言的各自作用如下: 1.HTML是构成网页的骨架. 2.CSS是网页的渲染 3.Javascript是网页的动作. 这样讲可能有些抽象,打一个比喻来说,把网页比作是一个人. HTML

web前端大神整理:CSS 布局经典问题

本文来自前端大神的整理,主要对 CSS 布局中常见的经典问题进行简单说明,并提供相关解决方案的参考链接,涉及到三栏式布局,负 margin,清除浮动,居中布局,响应式设计,Flexbox 布局,等等. CSS 基础知识 下面几个入门教程不错: 幕课网 – HTML+CSS基础课程:偏基础,可以在线练习和预览 MDN – CSS入门教程: MDN 的官方文档 学习 CSS 布局:排版和配色特别舒服,简短但不深入,适合概览入门 CSS 定位问题 主要就是经典的绝对定位,相对定位问题. 10个文档学布

web前端css技巧整理

"熟能生巧"这一词大家并不陌生吧,在学习web前端的时候,我们也需要做到这一点才能提高我们的工作效率等等.今天在网上发现了一篇css基础教程(http://www.maiziedu.com/course/web/421-5342/)文章,我觉得非常的有用,于是就分享给大家,这些技巧能让你更加专业. 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-h

Web前端开发笔记整理

web前端开发笔记: 1.web前端之html_day1 2.web前端之html_day2 3.web前端之css_day1

新手小白学习网络技术的小白贴

新人的几大问题,总结一下1.我是新手,学不会咋办.或者是,我不是IT这一行的,贸然入行,万一听不懂咋办答:谁也不是天生就是搞IT的,相信只要小学数学能毕业的人,能听懂中文的人,没有入不了门的.只有不努力的懒鬼,没有学不会的技术.来学网工的很多人从其他行业转战而来,在这十年里,我看到了来自各个行业的学员,比如:机床.保安.退伍军人.机械.通信.甚至还有护工 2.IE有两种,一个思科的,一个华为的,我学哪个更好呢?答:你爱学哪个学哪个,这玩意没那么讲究,思科和华为最大的区别只在于操作系统和命令不一样

最适合新手小白的8个python开发环境(内附python IDE最新下载地址+软件激活码+长期有效)

原文链接:https://blog.csdn.net/weixin_44192923/article/details/86532653 Python是一种功能强大.语言简洁的编程语言.本文向大家推荐8个适合Python开发的IDE. 1. Eclipse with PyDev http://www.pydev.org Eclipse+PyDev插件,很适合开发Python Web应用,其特征包括自动代码完成.语法高亮.代码分析.调试器.以及内置的交互浏览器. 2. Komodo Edit htt

推荐一本很好的51单片机书籍,适合新手入门学习。

随着电子技术的发展,单片机技术已成为电子工程师的必修课.很多已经学习了多年单片机仍未入门的“新手”,这本书不光完全讲解了利用C语言给单片机编程,而且将作者多年的实际项目开发经验浓缩在里面,同时将单片机常用的外围电路设计也讲的较具体,读者在看书本配套教学视频的同时可以使用作者设计的YL-51单片机学习板亲自动手做实验,这种学习单片机的方法真正达到了实践与理论相结合的过程,能使广大初学者以最快的速度入门单片机.书带的视频可以打开网址去看看  http://www.yunlongdz.com/sp/s