不懂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 相关文章推荐
jQuery 1.8 Release版本发布了
Aug 14 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
Aug 21 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
微信小程序封装分享与分销功能过程解析
Aug 13 Javascript
基于Element封装一个表格组件tableList的使用方法
Jun 29 Javascript
JS实现炫酷轮播图
Nov 15 Javascript
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
收集的DedeCMS一些使用经验
2007/03/17 PHP
php 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
vue的路由映射问题及解决方案
2019/10/14 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
JavaScript代码实现简单计算器
2020/12/27 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Python3安装Pillow与PIL的方法
2019/04/03 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
python小白切忌乱用表达式
2020/05/29 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
什么是Web Service?
2012/07/25 面试题
经理秘书找工作求职信
2013/12/19 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
检查接待方案
2014/02/27 职场文书
责任心演讲稿
2014/05/14 职场文书
一份文言文检讨书
2014/09/13 职场文书
基层党建工作简报
2015/07/21 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
范文之农村基层党建工作报告
2019/10/24 职场文书