什么是前端？前端入门需要学习哪些技术？学习前端需要具备什么样的学习条件？

据小鸿了解到，多数小白刚开始接触编程的时候并不知道自己

真正想学什么，也不知道自己究竟适合学习什么样的技术，有部分同学就会盲目的寻找资料去学，不要着急，小鸿这里带大家了解什么是前端。前端入门需要学习哪些技术。学习前端需要具备什么样的学习条件。

 

---

 

什么是前端？

 

前端-顾名思义：就是端茶倒水的工作，端着茶杯，在公司门前端茶倒水，称之为前端。（这里是小鸿开个玩笑让大家放松下心情啦~~）

 

对于初学者首先要了解的是，什么是前端？前端是做什么的？前端即网站前台的部分，通俗的讲就是我们平时在浏览器搜索出来的网页都属于前端，前端分为移动端（手机端）和PC端（电脑端）两部分。

前端页面又分为静态页面和动态页面，在最开始时，前端页面主要是静态网页，所谓的静态网页就是没有与任何用户进行交互，仅仅只是供读者浏览的网页。随着时代的发展、技术的提升，单一的图片和文字并不能满足用户的需求，动态网页就慢慢的演变而来，所谓动态网页是指用户不仅仅可以浏览网页，还可以与服务器进行交互。怎么与服务器交互呢？比如用户想在网站登录自己的账户，在登录表单中故意输错账号密码，这时客户端（即浏览器）会向服务器发起验证请求，服务器检测到用户输入的账号密码不正确，则会给用户返回“您输入的账号密码不正确”标识。

 

前端网页开发就如同在写字板上画画，学会灵活运用纸笔，在写字板上画出你想要的结构布局，颜色填充。实际上前端就是这样，灵活运用html（结构），css（样式），javascript（行为），就能开发出你想要的页面。

 

在很早以前，开发网站的一个页面需要分为两部分页面代码（移动端和PC端），那个时候并没有响应式布局的说法，响应式的诞生是为了解决网页在不同的终端可以自适应，通过响应式能使用户在浏览网页在手机和平板电脑上有更好的阅读体验。但是响应式布局有些缺点就是兼容终端设备工作量大，效率低下、代码容易混淆。

 

"响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。"

 -- 百度百科

 

---

 

 

前端入门需要学习哪些技术？

 

 简单的从初学者方面来说，需要掌握的知识有HTML、CSS、JavaScript、jQuery框架。这些都是初学者入门必学的知识点

 

1.HTML

 

 

HTML（HyperText Mark-up Language）超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素，即平常上网所看到的的网页。是开发网页必备的编程语言，也是目前web领域应用最广泛的语言。

 

2.CSS

 

 

 

CSS（Cascading Style Sheets）层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。可以为网页自定义样式，使得CSS达到美化页面排版的目的，使得网页更加生动形象。

 

3.JavaScript

 

JavaScript是网页的直译式脚本语言，也是弱类型语言，它可以运行在HTML网页，添加各式各样的动态功能，比如用户登录的表单验证，创建cookies，检测访客的浏览器信息等。

 

4.jQuery框架

 

jQuery框架也被称为jQuery函数库，是一个快捷、简洁的JavaScript框架，里面对原生的JavaScript封装了各式各样常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

 

---

 

 

学习前端需要具备什么样的学习条件？

 

根底深，内功深厚，悟性要极高者7年可成，次者14年可成（开玩笑的啦，能保住头发才是重点~~）

 

对于初学者来讲，学习前端开发并没有很多条件，因为前端的门槛相对于其它行业而言是很低的，学习曲线是先易后难，很适合初学者入门。相对较难的是JavaScript，如果是学过java的再去学JavaScript会简单很多。

 

小鸿建议大家边学边练，基础入门知识学完以后可以模仿一些比较大型的网站，一个网站页面分为很多部分，正所谓“学着会，拿起键盘，哎，我刚要干嘛来着”。在做网站之前可以把相同的部分抽离出来，划分一下网站网页面的每一块，方便多个页面之前可以共用同一套相同的代码，节省代码空间，修改起来也简单，多理解自己写代码的用意，多想想还有没有其他需要改进的地方。

 

好啦，如果有疑问的同学可以搜索微信关注公众号"程序员小鸿"，小鸿等你来撩~