JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript新手必读:高手是怎样炼成的!

作为一名 IT学院 的忠实粉丝,我已经在IT学院驻足了很久。IT学院走的是精品路线,每一篇教程都经过细细斟酌,后期再由读者不断编辑,教程越来越全面和易读,这弥补了国内尚无精品型学习网站(编程学习网站)的空白。

但是,我发现IT学院似乎还是少了一点东西,当初我学习JavaScript的时候,竟然有点迷茫,不知道该从何入手。经过两年的摸索,我对JavaScript有了初步的了解,作为一名前端工程师,成功应聘到一家互联网公司。

这篇文章,旨在分享我的学习过程,让新手有一个明确的学习方向,并不会给大家带来编程水平的实质提升,任何技能,都是不断学习和积累的结果。JavaScript作为一门前端语言,虽然涉及到的东西较少,但是要想深入学习,也非要下一番功夫,没有时间的积累不会达到炉火纯青的地步。

学习JavaScript之前的基础

JavaScript是一门网络编程语言,主要用来设计网页。学习JavaScript之前,要对网页有一定的了解,熟悉网页的组成以及互联网的趋势和流行设计。另外,最好也要熟悉一门后台语言(PHP、Python、JSP等),使用JavaScript与后台交互也是重要的一部分,需要亲自实践。

该怎么学习JavaScript

(1) 先将JavaScript入门教程浏览一遍,了解JavaScript的变量、数据结构、流程控制、函数和面向对象等基本概念。

这里主要是对JavaScript做一个概念上的了解,有没有看懂,有没有记住不是重点。

(2) 搭建开发环境,开始书写JavaScript代码。如果自己没有思路,可以复制入门教程里面的代码,反复测试和运行。

只看不练是没有用的,勤劳才是成功的基石,即使是复制粘贴,也会帮助你很快熟悉JavaScript代码。

对于JavaScript编辑器,新手建议使用Dreamweaver。Dreamweaver是一款入门级的Web开发工具,支持HTML、CSS、JavaScript、PHP等,带有提示功能,可以帮助大家熟悉各个对象的方法和属性。Dreamweaver最新版本是CS6。

下载地址:Dreamweaver CS6中文简体版下载[带破解]

(3) 熟悉DOM操作,了解JavaScript的兼容性,能检测浏览器信息,操作Cookie,初步认识JavaScript面向对象设计。

(4) 结合AJAX和jQuery,完成常见的网页特效,如 图片轮换、Tab切换、折叠菜单、静态页面登录、透明浮层等。

这段时间,建议大家抛弃Dreamweaver等带有提示的编辑器,换做纯文本编辑器,如 NotePad++等。纯文本编辑器不带提示,能很快让大家记忆各个对象的方法和属性。

值得一提的是,AJAX不是什么新技术,也不是新的编程语言,AJAX就是JavaScript,它使用一个JavaScript对象实现与后台无的刷新通信,是一段固定的代码。

这里的几篇文章对AJAX说的很直白:PHP与AJAX

(5) 深入理解JavaScript函数式编程和基于对象编程,有几个很重要的概念需要大家搞清楚,如 闭包、作用域链、原型链、设计模式等。

如果你对JavaScript的各个对象已经很熟悉,建议换一款更加专业的Web开发工具,帮助提高开发效率,Aptana就是其中一款。Aptana不但拥有可与Dreamweaver相媲美的网页编辑功能,还集成了JavaScript调试工具,可以设置断点,也可以逐句执行,能帮助我们很快检测程序中的漏洞和不足。

Aptana下载地址:Aptana Studio 3下载[最新版][百度网盘下载]

(6) 如果你想找一份与JavaScript有关的工作,建议参考一下往年的笔试题和面试题,笔试和面试过程中,理论和应用都有涉及,但是也有常考的几个知识点。

几点注意:
  • 不要在JavaScript库(如 jQuery和Dojo等)上花费太多时间,重点是原生JavaScript。JavaScript库只是组合在一起的JavaScript代码,会使用即可,不必深入追究,自己做网页的话,熟悉jQuery已足够,很多互联网公司都有自己的库。
  • 不要犹豫到底学不学后台语言,JavaScript要与后台结合才能开发出功能和体验俱佳的Web应用来。推荐学习PHP、Python等语言,入门快速。
  • 学会关注用户体验,这一点前端工程师更应该注意,JavaScript生来就是直接面向用户的。

上面只是个人学习JavaScript的一个经过,经供参考,但是不管什么方法,只要入门了,就会找到自己的方向。