前端基本语言学习

---

何为前端开发？

百度百科的定义：前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
个人的浅见：前端开发的任务就是制作应用程序、软件的界面以及用户与界面的交互功能，而其中最基本的语言就是HTML、CSS、JavaScript，以及对JavaScript进一层封装的JQuery。下面作为小白来简单总结一下自己对这四个语言的学习，使用到的网络资源。

---

1、HTML——超文本标记语言（Hyper Text Markup Language）

HTML是web前端三剑客之一，也是学习前端第一个应该要学的语言，因为网页的内容就是它产生的。以建楼为例子的话，HTML就是钢筋水泥，最基本的原材料。

学习方法

先了解每个标签的使用方法、功能效果，然后多尝试使用标签，用多了就慢慢记下来了。

相关学习链接

菜鸟教程
慕课网的初识HTML(5)+CSS(3)
慕课网的0基础入门前端

2、CSS——层叠样式表(Cascading Style Sheets)

CSS是web前端三剑客之一，在学完HTML后接着就应该学CSS，它负责的是页面的样式效果。同以建楼为例子的话，有了原材料还不够，你需要怎么把楼建的好看，墙是什么颜色好，又怎么去装饰？CSS就是负责给标签们装饰的。

学习方法

了解不同样式的属性和它们的效果，再把HTML和CSS结合使用，多写一些页面来体会CSS的效果。

相关学习链接

菜鸟教程
慕课网的初识HTML(5)+CSS(3)
慕课网的0基础入门前端
慕课网的十天精通CSS3

3、JavaScript——客户端脚本语言（JS）

JS是web前端三剑客之一，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。同以建楼为例子的话，建好楼了，我们还需要通上电，装上灯以及准备好各种家具，这样房子才能住。

学习方法

建议可以看书，JS不同前两个语言，语法结构和C/C++、Java很类似，特别是Java，也支持面向对象编程，也很强大简洁。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。在把JS和HTML关联上的时候，可以去了解一下HTML DOM。

相关学习链接

JavaScript高级程序设计
菜鸟教程
慕课网的JavaScript深入浅出
慕课网的JavaScript入门篇
慕课网的JavaScript进阶篇

4、JQuery——快速、简洁的JavaScript框架

JQuery是对JavaScript的封装，本质还是JavaScript，只是让编程书写的代码更加简洁，更容易学习。jquery设计的宗旨就是是倡导写更少的代码，做更多的事情。

学习方法

jQuery虽然是JavaScript的库，但是语法和使用与JS有所不同，需要把它当成一门语言来学习，在学习和使用JQuery的同时可以和JavaScript对比，这样就很容易体会jQuery的强大之处了。

相关学习链接

菜鸟教程
慕课网的jQuery基础 (一)—样式篇
慕课网的jQuery基础(二)—DOM篇
慕课网的jQuery基础(三)—事件篇
慕课网的jQuery基础(四)—动画篇
慕课网的jQuery基础(五)一Ajax应用与常用插件

总结

学习的资源有很多，上面提供的链接也是我按照之前学习整理起来的，不敢说适合所有人，而且个人觉得在哪里学不重要，重要的是你是否真的学到东西。每天学习一点点，每天进步一点点。