不懂JavaScript应该怎样学


Posted in Javascript onApril 16, 2008

[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然,但是重要的是文章作者提供的学习思路。具体的参考内容你可以去Google相应知识的中文版。]

翻译不当的地方还请留言指正!

帮帮我!我不懂JavaScript [Help! I Don't Know JavaScript!]

June 5th, 2007, 作者 Michelle

为了帮助所有对Mootool有兴趣却碰上很多麻烦的人,我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。

职业必备工具

这些是从事Web开发的前提条件。

Firefox: 从事开发工作一定少不了Firefox。但你还需要在你的电脑(以及其他测试计算机)上安装好你打算兼容的所有浏览器,以方便进行跨浏览器支持测试。

必不可少的扩展
  • Firebug: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。
  • Web Developer Toolbar: 赋予你全面掌控站点的伟大力量。禁用JavaScript,查看网页不带CSS时的样子,禁用访问来源,启用严格警告,以及更多。所有你能想到的Web Developer Toolbar都能给予。

学习基础知识

别因为不懂HTML就在学习Web开发的道路上止步!

How to Create

这地方非常棒,不仅详细介绍各种麻烦的细节,而且对语义化和实践优化方面的课题也有所涉及。 总的来说,是非常不错的人性化设计的基础知识概览。

  • HTML
  • CSS
  • JavaScript
Mozilla开发者中心[MDC]

大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。

  • HTML
  • CSS
  • JavaScript
  • 特别收录: DOM
W3 Schools

基本上W3 Schools 可以提供给您所有Web技术的快速参考,而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好,但手边有一些快速参考资料总归要好得多。

  • HTML
  • CSS
  • JavaScript
微软开发人员网络 [MSDN]

不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。

  • HTML & CSS
  • JavaScript

[译注:最近发现梦都网(中文)的HTML和CSS基础教程和参考文档很不错,建议看看]

其他资源

如果你有点好奇心,可以经常看一看 A List Apart ,了解一些巧思妙技。
另外,请注意,Mootool在 strict doctype [严格文档类型]中使用最佳。
译注:Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式:

view plaincopy to clipboardprint?
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>   

JavaScript详细

JavaScript,世上最酷的编程语言。 要想掌握JavaScript,首先您需要明白,它和 <此处用你最喜欢的编程语言代替>完全不同。当你明白了这一事实后,你可能会想要看看下面这些指导文章:

了解基础

现在来点轻松的。Yahoo的一些大好人为世人上传了很多普及性的视频教程。这真的是件大好事,因为我们对JavaScript的学习简单到了只需要花几个小时看这些聪明的伙计们讲话。

激动人心的 JavaScript三部曲
  • JavaScript编程语言
    • 第一部分
    • 第二部分
    • 第三部分
    • 第四部分
  • DOM的理论研究
    • 第一部分
    • 第二部分
    • 第三部分
  • 高阶JavaScript
    • 第一部分
    • 第二部分
    • 第三部分
特别收录
  • Nicholas Zakas谈可维护代码
  • Joe Hewitt介绍Firebug
自食其力地进阶

一旦你已完成上面的学习,试着利用Google找寻您想知道的问题的答案,直到您能用原始的JavaScript代码编写出几个有趣的跨浏览器Ajax应用。没什么不可能的,用不了多久你就可以抛开Google自己动手了。我认为靠你自己的力量做点这些可以帮助你理解一个框架是如何实现应用的,以及这些丰富的应用背后的过程。

你可能也会觉得 JavaScript的知识鸿沟 是篇有意思的文章。

通过实例进行学习

如果你真的很想成为一个好的JavaScript代码编写者,最好的方式就是阅读已洞悉个中奥妙的人编写的代码。也就是说,你可能需要 浏览MooTools的源码 获得一些启迪。你不仅可以吸收很多好点子,通过这一过程,你还能更深层次的理解这一框架。

进阶到更高水平

现在是时候下载Mootools啦!如果你确实完成了我上面列举的大部分内容的学习,我们欢迎你到论坛上提问,在IRC聊天室里潜水,为Mootools社区做出您的贡献。 试试下载完整的,未经压缩的源码并将其应用于你的开发工作。看看当你对其做出修改时都会发生什么事。试着找出一些bug,提出相应的解决办法。做几个插件。但是请保证在为你的插件命名时让其看起来和Moo有关。

Javascript 相关文章推荐
JavaScript 对象模型 执行模型
Dec 06 Javascript
Firefox下提示illegal character并出现乱码的原因
Mar 25 Javascript
推荐20家国外的脚本下载网站
Apr 28 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
js闭包的用途详解
Nov 09 Javascript
5种处理js跨域问题方法汇总
Dec 04 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
详解Vue之事件处理
Jul 10 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
JavaScript修改css样式style
Apr 15 #Javascript
javascript的键盘控制事件说明
Apr 15 #Javascript
关于document.cookie的使用javascript
Apr 11 #Javascript
javascript比较文档位置
Apr 08 #Javascript
js函数般调用正则
Apr 08 #Javascript
javascript背投广告代码的完善
Apr 08 #Javascript
大家未必知道的Js技巧收藏
Apr 07 #Javascript
You might like
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
js实现全选和全不选
2020/07/28 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
以windows service方式运行Python程序的方法
2015/06/03 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python读写unicode文件的方法
2015/07/10 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
Python 高效编程技巧分享
2020/09/10 Python
优秀大学生推荐信范文
2013/11/28 职场文书
实习自我评价怎么写
2013/12/02 职场文书
初中政治教学反思
2014/01/17 职场文书
临床医师个人自我评价
2014/04/06 职场文书
会议室管理制度范本
2015/08/06 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
技术入股合作协议书
2016/03/21 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
Python实现简繁体转换
2021/06/07 Python
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL