零基础web前端学习记录-学习前端的准备

1、什么是web前端？

web前端是面向用户（浏览者）的互联网技术统称，在Web应用中用户可以看得见碰得着的东西。

例如你要访问一个网站，你要输入一个网站的域名，按下回车，等于通过你的终端设备发出了一条命令出去，这条命令通过互联网发给了网站所属的服务器，服务器对这个命令进行判断，如果判断网址输入正确，就会返回给你一个结果，打开网站的页面，这样的一来一回的过程就是我们上网的过程。

这个过程其实就可以分为两个部分：

面向用户叫做人机交互，这个部分就被我们称为前端；

各种数据在后台，在服务器的处理，比如验证、比对、录入，这样的一些“机机”交互，属于web的后台范围。

 

2、Web前端主要包括三大方面

Web界面的结构

Web界面的外观视觉表现

Web界面的交互实现。

比如我们要登陆qq邮箱

登陆名称、登陆密码，登陆按钮，是页面必须的元素，这个就叫做界面的结构

页面的色彩、布局、排版的表现就叫做外观视觉的表现

交互就是一个你来我往的一个过程，像输入名称，密码，点击登录，就叫做交互，交互是一种行为，不仅仅停留在看上，还可以进行操作。

 

3、Web前端的分类

 

主要分为前端设计和前端架构两大类

前端设计（设计狮）：UI设计 / 交互设计等

前端架构（程序猿）：将各种设计通过编程实现

前端都是针对用户的，用户的口味越来越高，界面要越来越好看，使用要越来越顺畅；

用户的设计的需求越来越高，所以说对设计的要求越来越高；

设计就是设计师的工作内容，在面向用户的基础中，设计是非常重要的，你的设计的好与坏

决定了用户习惯和喜欢这个产品或者项目，大家在利用招聘软件在搜索web前端工程师的时候，有很多关于设计的，比如ui设计师、交互设计师，最底层的设计师就是网页美工。

通过设计师的工作，只是形成了一个图片。

但是我们的网页并不是简单的图片，网页都会有页面源代码，代码就叫做计算机语言，那么这样的代码就是把设计师把做好界面的设计图，通过编程代码，形成真正的网页文件，那么这样的工作就叫做前端架构。

 

4、对于起步阶段，需要做三大特性

英文

英文是学习编程语言的最大障碍，很多同学一看到英文，觉得英文不好，就要放弃。

其实我们这里提到的英文，并不是特别复杂，不需要你考个四级、六级之类的，也没有这个必要，因为面向用户的计算机语言，标记、词组，其实都是使用非常常见的英文单词，只要拥有最基础的英文能力即可，此外我们可以找桌面的翻译词典。没有必要完全的背下来，只要看到单词能知道什么意思就行，因为我们在编写代码的不是一个一个单词敲出来的，我们需要使用一些编写的软件来辅助，编写软件都有代码提示的功能。

逻辑

思维是人最核心的东西，但是有人偏向于感性，有人偏向于理性。

设计师就偏向于感性，拥有天马行空的想法，丰富的想象力。

程序员就偏向于理性，做事情一条一条的规划，程序员一般都是理科生。

但这也不是绝对的，逻辑思维能力是可以通过一边学习一边训练的。

细心

如果你是一个马虎的人，那么可能学的时候比较费力，比如某一个地方代码出现问题，掉了一个符号或者打错了一个英文字母，都有可能造成整个页面出问题。这个时候查错就比较麻烦了，需要一行一行的查找，查错的过程比重新编写还要累，如何让这种情况少发生，就需要写代码的时候非常的仔细。

 

5、学习web前端，需要了解的三大要素

方向

计算机博大精深，有很多的计算机语言，就需要选择一个方向，是前端还是后台，选定了之后不要轻易更改。

路径

方向选好了，就要想这个方向怎么走，学习路径从从简到烦，从最容易入门的语言开始培养兴趣，其实编程是很好玩的，并不是想象的那么枯燥，甚至到后面写代码会上瘾，和玩游戏一样，从入门的语言开始，慢慢的把写代码变成了玩代码，这个感觉只可意会不可言传。

动手

实践是编程的重中之重，大量动手实践，不要死记硬背。

原文地址：前端基础知识