文章目录
何为前端开发?
百度百科的定义:前端开发是创建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应用与常用插件
总结
学习的资源有很多,上面提供的链接也是我按照之前学习整理起来的,不敢说适合所有人,而且个人觉得在哪里学不重要,重要的是你是否真的学到东西。每天学习一点点,每天进步一点点。