首页 >> 网页切图

切图工程师总结的知识结构干货

发布时间:2017年05月09日

总的来说切图工程师(前端工程师)必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉,至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。 

一.先明确三个概念: 

1.HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 

2.CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。 

3.JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。 

入门的可以先从较为系统的技术学习网站开始学习。 

一、基础篇 

1.Web - HTML基础入门HTML 简介_w3cschool

如果你想制作自己的网页,做网页设计,网页切图,网站开发,那么你首先要学习的就是HTML,本教程就是入门HTML实验。

 

2.Web - CSS速成教程HTML 教程导读_w3cschool

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 

3.Web - Javascript基础(新版)JavaScript 参考手册_w3cschool

介绍 JavaScript 的语法及事件、对象、DOM 等基础知识。 

4.HTML5 - HTML5基础入门HTML5 新元素_w3cschool

HTML5有很多新特性,本实验将做入门介绍。 

5. Web - jQuery基础入门jQuery 参考手册_w3cschool

jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。 

二.前端的基础: 

JavaScript,HTML,CSS,然后学习jQuery。

看教程的同时,要多多练习。走向大神的路无他,唯手熟尔。可以模仿自己喜欢的漂亮的网站,写写页面,实现一些特效。 

第二、 如今的前端 

近几年前端发展迅速,ES6的普及速度更是惊人,所以一定要学习ES6/7(ECMAScript 6入门)。

其次是Node.js,Node.js是服务器端的一个平台,其给前端开发提供了很多实用的工具,是如今前端开发的重要组成部分。 

工具推荐:Babel,Webpack,Postcss。 

框架推荐:React,Vue.js。 

第三、不止前端 

使用Hexo(一个Node.js平台下的静态博客)在 github page 上面搭建一个博客,通过博客写下自己学习过程中的经验和问题可以与更多的人交流,提交自己的代码到github上面保存自己的成果。写博客是一个很好的成长方式。 

前端已不是从前的前端,不仅仅是切页面做特效,如今的前端项目越来越庞大,需要重视项目组织和管理,需要工程化,需要前端架构。 

同时,学习一门后端语言更有利于在前端的路上走得更远。

本文网页地址:http://www.fena.cn/qietu/745.html



上一篇:Web前端工程师定位浅谈 | 下一篇:寻找切图外包的工作沟通基础点.9切图法

为你推荐的产品服务