音乐学网,记者,星期,慈善,天赋

音乐入门先学什么,想做web前端的工作,应该先学什么?


时间:

我知道得学javascript,css和html,还有jquery,但学习的顺序会有影响吗?

我们知道在网站开发中有前端和后端两种角色的开发人员,那么前端一般来说是客户端,而后端则是服务器端。前端主要负责的是与服务器进行通信并实现视觉和交互效果。前端的核心价值就在于实现用户体验,

我给大家整理了一下零基础学习前端开发的知识路径:

基础知识:

1、首先是Html+CSS这部分的内容,这部分主要用以实现页面效果,是前端最基础的知识,当你能背熟给个标签的使用之后,你就可以模仿一些网站做一些页面,不断的在实践中积累经验。

2、JavaScript,JS是很强大的一门语言,但是他的内容实在太多了,而且有很多内容是糟粕,新手是无法区分精华与糟粕的JavaScript,JS是很强大的一门语言,但是他的内容实在太多了,而且有很多内容是糟粕,新手是无法区分精华与糟粕的。

进阶:

当你具备了以上知识的时候,你就可以做出一般的静态网页了,也能做出比较炫酷的动画效果,但是对于复杂的、要与服务器交互的页面还需要进一步的学习。

1、 CSS方面,着重去了解盒子模型,流动,block,inline,层叠,样式优先级等概念。然后是标题,背景,圆角,导航条,table,表单等也需要学习一下,学习完以上知识点你就可以在简历上写上熟悉CSS了,大胆点写个精通也行。

2、学习了以上JavaScript的知识点后还不能让你胜任JavaScript编程工作,所以在有了以上基础之后还需要进一步学习,内容如下:

学习一款框架,这里我推荐你学习jQuery,这是非常简单易用的一款框架,你可以轻松的通过jQuery来完成一些简单的项目,学习起来也很简单,你不需要面面俱到的学习框架的所有内容,你只需要学习怎么用和基本用法就行了,毕竟遇到问题还可以查看文档,框架可以帮你屏蔽浏览器的差异,能让你把更多的精力放在开发的业务部分。

面向对象基本概念。虽然说JavaScript并不完全是一门面向对象的编程语言,因为他的设计理念我们可以看到很多函数编程语言的影子,但是我们还是要尽量把它当作面向对象编程语言来使用,这里要求懂得面向对象的基本理论,对封装,继承,多态要有一定的理解。

着重了解JavaScript语言的内部机制。你必须熟悉以下的概念:JavaScript中变量的作用域,变量传递方式,函数的定义环境与执行环境,闭包,函数的四种调用方式(一般函数,对象的方法,apply,call),以及四种调用方式下,this指向的是谁。

DOM编程,这是一个合格的前端工程师的核心技能之一,虽说现在框架已经封装了绝大部分的原生DOM语法,能让你更方便的使用DOM来完成一些事情,但是还是很有必要去熟悉DOM原生语法的。

Ajax编程。这里必须圈重点,前后端分离开发是近两年很流行的一种前后端协作开发模式,而且页面无刷新改变看起来也很炫酷,要做到这里都要用到Ajax编程,但是你也不用害怕,因为真正使用起来其实Ajax很简单的,而且现在的几乎所有框架都对Ajax有着很好的封装。

补充了解浏览器的差异性。这部分包括CSS和JavaScript两部分,浏览器差异内容很多,建议在实践中多多积累。另外对于浏览器的渲染模式,DOCTYPE等内容应该系统学习。

根据以上学习完,你已经可以成为一名合格的前端工程师了,但是如果想要进阶,你还不能松懈,还需要继续努力才行,要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:1.易维护;2.可测试;3.高性能;4.低流量(移动端)。先脚踏实地的把门入了,未来的路,还任重而道远。

最后分享一则千锋前端的学习路线图,仅供参考。

千锋html5教程第一部分:课程体系解读 http://pan.baidu.com/s/1o7B9OYA

千锋html5教程第二部分:微案例讲解 https://pan.baidu.com/s/1nwyNFg1

千锋html5教程第三部分:知识点讲解 http://pan.baidu.com/s/1jICHs9o

加油吧,骚年!

楼主问这个问题应该是准备转行做前端工作,而且是空闲时间自学。我本身也是自学的前端知识,现在工作半年多,跟你分享一下我的经验。

楼主说的javascript,html,css这些都是基础的,稍微进阶点是jquery和bootstrap的使用。学习顺序就是第一先从html和css入手,这两个是标签和样式的使用,不涉及逻辑语法,快的话两三天就能明白、上手,可以先做点静态页面,页面上都是写死的,切换轮播都不需要的那种,当然有的效果做不出来,不要怕,内事不决问百度,外事不决查谷歌,都可以找到的。

第二步建议了解点j浏览器的东西,javascript也可以了解点,了解什么是dom操作,了解一些概念像浏览器请求加载,不用学太深了解概念为主,这时候以jquery为主,这样可以使页面有一些行为操作,轮播,放大镜等效果,可以上网查看jquery之家有很多写好的可以直接使用的效果,页面就变得好看了。自学的话照葫芦画瓢我不担心,我最担心的就是理解概念,可以在网上看看慕课网、网易云课堂这些课,对自己提升也有帮助。

第三步可以学习bootstrap,swiper这些框架的使用,说实话也挺好用的,你可以在官网上查看。他们的使用依赖于jquery调用。使用这些框架会让你的页面更好看,而且响应式布局可以省去很多烦恼,用户体验更好,省去了自己写代码的麻烦,开发效率高。

第四步,javascript建议深入学习下,理解概念,能够使用原生的代码操作,最简单的写个贪吃蛇,就很好了。理解闭包这些概念,数组操作,面试会用到。要是想着先工作那就技术会用先,不会的上网查能学会就可以了,不要说研究的多深,那是后续工作,先有工作,可以慢慢在学。

第五,ajax的使用和json数据结构,前后台进行数据交互就是ajax请求,了解它的发送和接受,一个是jquery的ajax使用,这个是写好的结构可以直接使用,再者就是javascript原生的书写。

第六,html5+css3这个是必须会的吧,html5新增了很多标签,提升了开发性能,移动端开发更友好,css3让页面的活性更大,阴影、渐变等效果更好。localstorage和sessionstorage让浏览器存储数据,前端的功能越来越大了。使用他们的时候注意浏览器的兼容性。

上面学习的过程中,也了解下百度的echarts使用,生成图表,有些公司需要数据可视化,很有用的。

第七,现在前端很火的框架是vue,react这种单页面应用,使开发效率更快。vue是华人大神尤雨溪带队开发和维护的,生态很完善,上手也很容易,中文的开发文档对开发人员也很友好,建议新手学习。react是facebook推出的,生态完善,生态也很庞大。本人现在工作使用的是vue,很容易操作。现在去找工作如果不会这两个中的一个都很难的,除非在二、三线城市,还是用jquery开发。建议大家跟上技术步伐,多学习。

第八,就是前后端分离。传统的前端人员开发受到限制,不停地跟后台人员沟通,渲染数据。因为前端页面变化比后台数据大,所以很不方便。这个概念的提出,使前端开发人员解放出来,不需要再去配合后台人员开发。前端自己有个服务器处理数据,后台人员只需要提供接口就好了。

刚开始转后台的前端人员可以学习nodejs,这个就是用javascript语法写的,对前端人员很友好,容易上手。node中的express框架,可以很容易的创建后台服务,跟前端交互,当然数据库的简单操作也需要会,主要是sql语句使用。网上的学习资料也很多,可以学习。当然你的js基础需要合格。

这些大概就是前端学习的路线,希望对你有帮助,如果有疑问可以在文章下面留言。

我是测不准,欢迎关注,大家一起学习交流!喜欢的朋友点赞呦。^_^

    相关阅读

    • 音乐基础知识入门
    • 吉他入门
    • 音乐入门先学什么软件
    • 学音乐的基本知识
    • 学唱歌先练什么
    • 音乐初学入门七个音标