说到网站开发这个词,想必大家并不会陌生?当对于想学习网站开发的人来说,想学前端又不知如何入手。在这边笔者简单的为大家介绍一下:
(ps:前端知识点更新迭代很快,在此笔者会不定期的更新新内容)
一个网站的开发分为前端和后端,前端主要负责一些页面效果展示和页面交互,以及与后端服务端的交互通信,及一些逻辑的处理。其最主要的价值是用户体验的完善。大体可以按照如下学习思路进行学习:前端基础知识点:一、html+css这部分建议在w3school在线教程上先了解一下基础知识,边学边练,每个知识点都有小测试。再之后可以模仿一些自己喜欢网站
做些基础页面,在此建议可以试着做商城界面。
二、网页脚本语言javascript要学的内容相对会比较多,如果没有其他编程语言的基础的话,因为涉及到的编程的逻辑思维较多。学起来可能要费些力,还是建议先在w3school上学习。和前面一样,多看多学多测试,之后建议看一下书籍系统的巩固一下。书籍知识后面的文章会说明到。
笔者注意到一些初学者比较喜欢看视频教程,说明会比较详细,在这给大家推荐一个慕课网-程序员的梦工厂相对内容对初学者还是有所帮助的。
三、前端需具备的一个基础技术是ps简单的ps操作,切图还是要掌握的。
掌握了一定的基础知识,现在可以进行一些前端网站开发了。
下面简单的介绍一下这些名词及学习方法
CSS
层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
对于css学习,首先是要了解的基础概念有:盒子模型,流动,block,inline,层叠,样式优先级,定位等,然后进行页面实践。
javascript:
上述内容,并不能进行js编程。你仍需要学习的知识点有:
1.js基础框架:首先建议先从jQuery框架学起,封装好的js框架,让你更快的入手。
2.复杂框架:有一定的脚本基础后,我们可以进行更复杂js框架学习,目前主流的js框架有:react、vue、angular等不直接操作dom的框架。复杂框架是用来解决复杂问题的。对于基础页面来说原生JS足以胜任。对于类似一些大型的管理系统这类交互复杂,开发量大的系统,可以选择使用这类框架。而对于框架的话,在于理解而不在于表面的使用。
3.javascript语言概念:只有对象,没有类;对象继承对象,而不是类继承类。原型对象”是基于原型语言的核心概念。原型对象是新对象的模板,它将自身的属性共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性
javascript不完全是一个面向对象的语言,它的很多设计理念都有函数编程语言的影子,甚至说如果你不用面向对象,完全可以把它理解成一门函数式编程语言。javascript的很多语言特性,都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论,对封装,继承,多态等概念要理解。
4.javascript语言机制:
必须弄清如下概念:js中变量的作用域,变量传递方式,函数的定义环境与执行环境,闭包,函数的四种调用方式(一般函数,对象的方法,apply,call),以及四种调用方式下,‘this指向的是谁。
5.dom编程,这个web前端工程师的核心技能之一。在此可以参考JavaScriptHTMLDOM对象
6.ajax编程,这是页面无刷新请求,这也是必须要掌握的一个知识点。
了解完以上知识点,接下去就是在不断的实践中去成长起来。想学前端就是多花时间多学多问多练。
“放下浮躁,脚下不坚实,任何梦想都会缥缈”——YAOWEIA