1、 HTML和CSS
HTML和CSS是Web开发前端初学者必学技能最基础的部分,其中HTML构成了网页的“骨架”,CSS为网页添加了颜色样式,是网页的“皮肤”。网页上所看到的文本、图片以及花花绿绿的样式都是通过HTML和CSS实现的,因此学习Web开发首先要学的就是HTML和CSS编码。HTML和CSS比较简单,学习起来只需几周就好。
只要掌握了HTML和CSS你就可以将设计图转换成静态页面了,但是远远不能满足如今网页变幻莫测的需求。
2. Javascript
Javascript给网页增加了很多的动作和功能。利用Javascript可以给网页元素添加很多交互,例如按钮点击、网页游戏或百度地图中可以根据拖拽实时更新地图等功能。如果你觉得一个网页交互很舒服很友好,基本上都是采用了大量的Javascript,例如Pinterest。另外,Javascript承担了网站前后端数据交换的重要角色。
其次,抛开前端开发,Javascript是世界上最受欢迎的语言之一,所以单单是语言本身也是非常值得学习的。
3. jQuery
Javascript的语法有很多冗长和反复使用的地方,因此jQuery就应运而生了。jQuery 是一个Javascript库,它包含了众多的插件和扩展,简化了Javascript的语法,使开发者可以使用已经封装好的元素,只在必要的时候、需要个性化定制的时候,使用原生的JS语法。但即便有了jQuery这样的工具,学好JS基础仍然很重要。
4. Javascript 框架
Javascript框架在开发过程中提供了一个已经构建好的Javascript代码结构,常用的框架有:AngularJS,VueJS,ReactJS,BackboneJS,EmberJS等。不同的框架擅长不同的应用场景。这些框架大大提升了开发的效率,并且能够和一些JS库如jQuery配合使用尽量减少原生JS编码。会使用至少一种Javascript框架已经成为前端学习者的必会技能之一。
5. 前端框架
这里说的前端框架主要是指CSS框架,如最受欢迎的Bootstrap。由于各种项目中常常出现相同的元素,例如导航条、表单等,因此将这些常用的元素的不同样式定义在同一个框架中会有很大的价值。大部分的前端开发工作都会要求对这些框架熟悉并且了解他们的原理。
除此之外还有CSS预处理器、移动端设计、跨浏览器开发、解决问题的技能等等,如果你是一位即将准备入门web前端的新手,那么这些技能一定不可忽视。