前端即指浏览器网站展现给用户浏览的网页。前端主要提供给用户视觉效果依稀用户舒适的人性化交互效果,其核心价值是为用户达到完美舒适的交互体验,适应任何分辨率屏幕以及简单明了的功能设计。
就前端小白而言可先就基础出发,主要学习html和css,网上大多都有教程下载。现在有着各类免费的云课堂,随便找一个看看学习学习,边学边练,完成课堂小测试,试着模范一些简单网站练习做些页面。
掌握了以上基础就可以试着接触JavaScript语言,JS的水有些深,里面的东西有些复杂,学起来可能要费些力,不过多看点视频,多看看其他人写的一些代码,取其精华,去其糟粕,尝试尝试就能掌握住其中的门道。
有了以上基础,就可以进行一般的静态网页设计,不过对于复杂的页面还需要进一步学习。
一、css
对于css的学习,我分三块:“基础概念”,“css2.1规范”,“css3规范”。通过这三块学习,你应该对:盒子模型,流动,block,inline,层叠,样式优先级,等概念非常了解了。
二、 JavaScript
1. 简单框架。推荐先学 zepto,简单易用,zepto 源码简单清晰,也适合新手阅读。
2. 复杂框架。是指 react、vue、angular 等不直接操作dom的框架。这类框架建议js基础打扎实后再学习。
3. javascript的“面向对象”与“函数式”。javascript不完全是一个面向对象的语言,它的很多设计理念都有函数编程语言的影子,甚至说如果你不用面向对象,完全可以把它理解成一门函数式编程语言。javascript的很多语言特性,都是因为他具有函数式语言的特点才存在的。
4. javascript 语言内部机制。
5. dom编程,这个web前端工程师的核心技能之一。
6. ajax编程,这是另一核心技术。
7. es5, es6。现在开发js大部分基于es5的,ie8以下通过es5-shim。但利用一些工具,现在已经可以直接写es6代码了,尤其在reactjs,nodejs类型的项目中。
三、html5
需要了解html都提供了哪些api,然后项目中用起来。这部分没有什么难理解的,关键在于能用html5解决业务问题,以及不支持html5的浏览器的降级方案。这部分体现了前端的一个思想:面向未来编程,尽早将新技术引入业务中来,而不是过分考虑兼容性问题,进而导致面向过去编程。
有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。
以上内容只是简单说了初学者前端学习的顺序。
欢迎在下方进行评论!
领取专属 10元无门槛券
私享最新 技术干货