Bắt đầu phát triển javascript - phải làm gì?

Question

Điểm khởi đầu tốt cho việc học javascript là gì? Tôi là một lập trình viên C và Java thông thạo và tôi có một số kinh nghiệm phong phú về C++, vì vậy tôi đang tìm một vài gợi ý:

• Tài liệu tham khảo tốt là gì?
• Có một IDE/trình soạn thảo cụ thể đáng xem không? Tôi sử dụng vim cho phát triển C/C++ và tôi đã sử dụng IntelliJ Idea cho Java. Tôi bị giới hạn bởi các công cụ dựa trên Linux hoặc Mac.
• Làm cách nào để gỡ lỗi mã javascript? Nó chỉ là một loạt các số alert()?
• Tôi có bắt buộc phải chạy máy chủ web để kiểm tra javascript hay tôi có thể tải tệp .js trực tiếp không? Nếu vậy, có những hạn chế đối với phương pháp này không?
• Bất kỳ lời khuyên nào khác cho người mới bắt đầu javascript?

Cảm ơn

Answer 1

Tôi nghĩ rằng có rất nhiều câu trả lời hay ở đây với nhiều đề xuất tốt, tuy nhiên, tôi cũng không đồng ý với hầu hết các câu trả lời có nội dung "bắt đầu học với jQuery". Tôi là nhiệt tình chống lại việc học một khuôn khổ cho một ngôn ngữ trước khi học ngôn ngữ mà khung được triển khai. Bạn đang tự động tạo ra một mức độ trừu tượng cho chính mình. Biết được ngôn ngữ trước khi học jQuery hoặc bất kỳ khung công tác nào khác sẽ giúp bạn nâng cao khả năng hiểu được khung làm việc, cách viết mã tốt hơn và cách triển khai tính năng vào khung mà bạn muốn có nhưng không.

Với những gì đã nói, đây là một tập hợp các nguồn lực mà tôi đã tìm thấy là cực kỳ hữu ích trong việc học JavaScript (một số trong số họ đã được đề cập):

trang web

• W3Schools JavaScript Reference
• Douglas Crockford's Website

Sách

• Head First JavaScript. Cuốn sách này thực sự giúp bạn nâng cao tốc độ trên synxtax của JavaScript và những gì nó có khả năng mà không khiến bạn bị sa lầy vào việc triển khai kỹ thuật của ngôn ngữ. Nó cũng giúp kết nối các dấu chấm giữa JavaScript và DOM.
• JavaScript: The Good Parts Tại khoảng 150 trang, đây là một lần đọc tương đối dễ hiểu giải thích các phần hay của ngôn ngữ và các phần xấu của ngôn ngữ. Cuốn sách này sẽ giúp bạn trở thành một lập trình viên JavaScript tốt hơn bằng cách tránh xa những phần 'khủng khiếp' của ngôn ngữ trong khi cũng giúp bạn gắn bó với những phần tốt và viết mã rõ ràng, dễ bảo trì hơn.

Video

• video Douglas Crockford trên "JavaScript nâng cao" (1, 2, 3)
• Douglas Crockford của video trên "JavaScript: The Good Parts"

Khung

01.235.

• jQuery. Điều này có vẻ là yêu thích xung quanh Stack Overflow. Tôi đã làm một số công việc với nó và nó thực sự là một thư viện tốt.
• Prototype. Đây là một thư viện khác mà tôi thích sử dụng. Đó là tạo lớp và hỗ trợ kế thừa là tốt đẹp cũng như API của nó.

IDE

• Aptana Studio là IDE JavaScript tốt nhất mà tôi đã từng sử dụng. Nó có tất cả các tính năng mà bạn mong đợi từ một IDE mạnh mẽ đối với JavaScript.
• Notepad. Bạn không thực sự cần bất cứ điều gì khác hơn là một trình duyệt web và trình soạn thảo văn bản để viết JavaScript, vì vậy nếu điều này nổi thuyền của bạn, sau đó đi cho nó.

Có, có nhiều trang web, sách và video có thể giúp bạn bắt đầu, nhưng đối với người có nền tảng lập trình, tôi không thể tưởng tượng rằng việc chọn JavaScript sẽ hoàn toàn khó khăn. Ngoài ra, còn có các khung công tác khác, nhưng jQuery và Prototype là những khung mà tôi quen thuộc nhất và thấy chúng thực sự hữu ích.

Answer 2

Bắt đầu học JQuery. Đó là điều tốt nhất cho sự phát triển JS, bao giờ hết.

• Không, bạn không cần máy chủ web. JS dựa trên trình duyệt.
• Đối với một IDE, mọi trình soạn thảo văn bản đều sẽ thực hiện. Vim sẽ làm việc tốt.
• Sử dụng Firebug trong Firefox để gỡ lỗi JS. Nó làm cho nó dễ dàng hơn nhiều.
• Một lần nữa, hãy sử dụng JQuery. Thật tuyệt vời.

Alex

Answer 3

1. http://www.gotapi.com là một tài liệu tham khảo tốt cho các tài liệu
2. Bạn có thể sử dụng bất cứ IDE bạn muốn - đó là chủ yếu văn bản
3. Firebug là rất tốt để gỡ lỗi https://addons.mozilla.org/en-US/firefox/addon/1843
4. Bạn có thể thử nghiệm cục bộ - JavaScript được chạy trên anyways của khách hàng nên không có giới hạn thực sự
5. Onc e bạn có được những điều cơ bản xuống bạn có thể muốn nhìn vào jQuery - nó thực sự cho phép bạn làm một số công cụ tuyệt vời mà đã được thử nghiệm, vv vì vậy bạn không sáng tạo lại bánh xe.

Answer 4

Nếu bạn đang nói về javascript trong trình duyệt, bạn chỉ có thể tải trang html bao gồm tệp .js của mình.

Firefox có lẽ là trình duyệt đẹp nhất để phát triển JS. Bàn điều khiển gỡ lỗi rất tiện lợi và bạn sẽ muốn xem xét một số bổ sung: firebug (http://getfirebug.com/) và Venkman (http://www.mozilla.org/projects/venkman/).

Nếu bạn hài lòng với vim, có thể bạn sẽ thấy nó đủ tốt để phát triển js. Textmate trên Mac cũng rất tuyệt.

Answer 5

Tôi khuyên bạn nên học Javascript bằng cách sử dụng jQuery. Mặc dù hầu hết các ngôn ngữ là tốt nhất để tìm hiểu mà không có một khuôn khổ, tôi muốn nói javascript là ngoại lệ cho quy tắc đó. jQuery là tốt documented, và đưa ra rất nhiều các hack mà bạn thường cần để có được mã của bạn làm việc trong tất cả các trình duyệt.

Để gỡ lỗi, tôi không biết bất kỳ công cụ cụ thể nào, nhưng Firebug trên Firefox rất hữu ích.

Không cần chạy máy chủ web, nhưng bạn không muốn tải trực tiếp tệp JS, rất có thể. Nói chung, bạn thiết lập một trang HTML và bao gồm tệp javascript từ đó.

Answer 6

** Sau đây là lỗi thời, đừng làm theo lời khuyên này. Tải xuống sublimetext và tìm hiểu backbone.js :) **

Vì bạn đã có nền tảng java, cách dễ nhất để nhảy vào Javascript có thể là để xem một cuốn sách O'Reilly. Bạn sẽ nhận được các câu hỏi cú pháp được trả lời dễ dàng và có thể di chuyển nhanh chóng.

Về một IDE, tôi sử dụng Dreamweaver hoặc BBEdit trên OS X hoặc VIM. Tôi có lẽ không thạo trong những gì có sẵn, mặc dù, tôi có xu hướng là một chiếc mũ cũ.

Hầu hết các lần gỡ lỗi là cảnh báo, thật đáng buồn. IE có "lỗi tìm thấy trên trang này, bấm vào đây để biết chi tiết" hộp khi bạn mess cái gì đó, nhưng điều này thường sẽ chỉ giúp bạn trong vòng một vài dòng của vấn đề (nếu bạn may mắn!)

Không có máy chủ web là cần thiết. Bạn có thể xem trước mọi thứ trong trình duyệt bạn chọn

Mẹo: Dính vào việc học những gì bạn muốn biết. Có nhiều khung công tác khác nhau có sẵn để làm cho mọi việc trở nên dễ dàng hơn nhưng đừng lo lắng về việc sử dụng chúng cho đến khi bạn tìm ra những điều cơ bản. Nó không phải là một ngôn ngữ rất khó, nhưng đôi khi có thể rất bực bội. Chỉ cần áp dụng kiến ​​thức trước đây của bạn và bạn sẽ được tốt.

Answer 7

Kiểm tra javascript của Crockford articles trước tiên.

Answer 8

Nếu bạn đang tìm kiếm một cuốn sách tham khảo về ngôn ngữ, JavaScript: The Definitive Guide là sách để tải xuống.

Visual Studio là môi trường gỡ lỗi Javascript tốt nhất, nhưng điều đó không hữu ích cho bạn nếu bạn bị giới hạn ở Linux & Mac. Trên nền tảng đó, tôi sẽ đồng ý với các đề xuất cho Firefox với Firebug và Venkman.

Answer 9

Hãy đơn giản và kiểm tra mọi thứ trên nhiều trình duyệt. So với trình biên dịch được kiểm soát chặt chẽ của Java, bạn sẽ thấy Javascript bị mờ và không thể đoán trước được. Nhiều thứ không cư xử.

Tôi không sử dụng jQuery, nhưng tôi bắt đầu ước mình đã làm. Giống như nhiều thư viện javascript tốt hơn, nó viết lên một số các vết nứt và làm cho ngôn ngữ thường xuyên hơn.

Answer 10

Nếu bạn đã sử dụng InelliJ Idea, nó cũng có hỗ trợ khá tốt để phát triển javascript. Nó làm nổi bật, tự động hoàn thành, và một số mức độ xác nhận mã. Để gỡ lỗi, công cụ tốt nhất tôi biết là mở rộng Firebug. Là tài liệu tham khảo, tôi đề xuất cuốn sách Javascript: The definitive guide, từ O'Reilly.

Answer 11

Bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào để viết javascript. Tôi thích Ultra Edit vì nó có đánh dấu cú pháp và trình duyệt mã gấp và sftp (hầu hết các trình soạn thảo văn bản nâng cao đều có), vì vậy nó thực sự không quan trọng. notepad++ là tốt và miễn phí với nhiều tính năng bao gồm làm nổi bật và gấp.

Để gỡ lỗi javascript, bạn có thể sử dụng firebug là addon firefox. Bạn không cần sử dụng cảnh báo. Bạn có thể viết console.log (somevar) và xem giá trị trong giao diện điều khiển firebug. Kiểm tra thêm thông tin về api console firebug.

Và bạn không cần máy chủ web để chạy javascript. Chỉ cần viết tập tin html với một số javascript và mở nó với webbrowser yêu thích của bạn. Bạn cũng có thể muốn kiểm tra các khung javascript như jquery, mootools hoặc Javascript MVC. Tất cả đều có tài liệu và hướng dẫn tốt.

w3schools có hướng dẫn javascript cơ bản cho người mới bắt đầu

Answer 12

Bạn có thể chạy qua Eloquent JavaScript, mặc dù một số của nó có thể là một chút tiểu học nếu bạn là một lập trình viên có kinh nghiệm. Việc nắm bắt tất cả những điều kỳ lạ của ngôn ngữ này có lẽ là thách thức lớn nhất.

Answer 13

Hãy cố gắng hết sức để tìm hiểu nó mà KHÔNG dựa vào thư viện trước. Kể từ khi bạn có nền trong C, nó sẽ là một tìm hiểu nhanh cho bạn, do đó, làm như vậy mà không bị hương vị bởi jQuery hoặc Prototype. Tìm hiểu để xây dựng một yêu cầu XMLHTTP tốt, thao tác DOM, xây dựng các đối tượng của riêng bạn, v.v. Sau khi hoàn tất, hãy xem tất cả các thư viện và xem phù hợp với nhu cầu của bạn nhất.

Luôn kiểm tra trong các trình duyệt mới nhất, sau đó quay lại.

Nếu bạn là người học rất trực quan, chuỗi Head Head là tốt.

Answer 14

Ồ, cuối cùng, Aptana là một IDE tuyệt vời cho javascript (và css). Phiên bản miễn phí là đủ tốt cho việc học.

Answer 15

Nếu bạn muốn bắt đầu lại từ đầu, sau đó tôi luôn đề nghị bắt đầu ở đây:

http://www.w3schools.com/js/default.asp

Một người nào khác nói hùng biện JavaScript, mà là một tuyệt vời được định dạng hướng dẫn trực tuyến mà không một công việc tốt giảng dạy tuyến tính thông qua các khái niệm khác nhau.

Mặc dù bạn là một lập trình viên có kinh nghiệm, đây là những tài liệu tham khảo đơn giản sẽ giới thiệu cho bạn 95% khả năng ngôn ngữ cốt lõi. Không phải là tôi có một vấn đề với một trong hai, nhưng xin vui lòng không bắt đầu cuộc hành trình của bạn với các bài viết Crockford, hoặc JavaScript: The Definitive Guide. Theo kinh nghiệm của tôi, đó là loại thông tin bạn tiêu hóa sau khi bạn đã sử dụng JavaScript trong một vài tháng. Một khi bạn bắt đầu tham gia vào các phương thức công cộng và riêng tư, quá tải và tạo lớp bạn sẽ trở thành "phong cách", và không nhất thiết phải là chất.

Mọi người không thích tham khảo w3schools bởi vì nó không bắt đầu với kỹ thuật hướng đối tượng và hướng dẫn, và nó có một kháng cáo đã lỗi thời. Đó là một sai lầm lớn, bởi vì trước khi bạn nhận được vào những thứ tiên tiến tôi đề nghị bạn nên bắt đầu với các nguyên tắc cơ bản. Sau khi bạn nhận được những người xuống, tôi đề nghị bạn chọn cuốn sách của John Resig Pro JavaScript Kỹ thuật. John làm một công việc tốt hơn bao gồm một số kỹ thuật tiên tiến mà không cần phải tham gia vào một loạt các tripe học thuật bạn nhận được ở nơi khác.

Tôi cũng đã viết bài này, đã làm tốt hơn đáng ngạc nhiên hơn tôi nghĩ:

http://blog.reindel.com/2007/10/16/mastering-javascript-concept-and-resource-guide/

Answer 16

Đây là một trang tuyệt vời để học Javascript.

http://www.hunlock.com/

Ông bao gồm tất cả các loại khu vực mà không phụ thuộc vào Thư viện. Đó là cách tốt nhất để học. Khi bạn hiểu Javascript thực sự là gì, hãy tiếp tục và chọn thư viện theo ý thích của bạn.

Answer 17

Douglas Crockford có một số video trên Javascript trên Nhà phát triển YUI rất tốt. Có hai loạt Tôi muốn giới thiệu

lập trình JavaScript Ngôn ngữ

JavaScript nâng cao

có thể được tìm thấy tại link này.

Answer 18

Có một số tốt JavaScript book bởi Marijn Haverbeke. Nó là một giới thiệu rất tốt cho người mới bắt đầu.

Answer 19

Tôi thích làm việc với Textmate và gói jQuery hơn. Nó là trình soạn thảo của tôi cho tất cả mọi thứ, SVN cam kết mesages, Git cam kết tin nhắn, html, css, javascript, python, lừa xung quanh, gõ bài viết blog, bạn tên nó.

Answer 20

Vì bạn đã thành thạo C, C++ và Java, tôi sẽ khuyên bạn làm mất hiệu lực so sánh Javascript với những điều này. Javascript có một cú pháp tương tự, nhưng về cơ bản là rất khác nhau. Đó là một ngôn ngữ dựa trên nguyên mẫu. Nó có phạm vi từ vựng, và nó có các hàm hạng nhất. Đó là tất cả các khía cạnh là ngoại ngữ cho các ngôn ngữ nói. Nó không phải là không có lý do mà Javascript đã được gọi là chương trình với cú pháp Java.

Answer 21

• Trang web W3Schools là nơi tốt để tìm hiểu kiến ​​thức cơ bản. Nó cũng có một phần tham khảo tuyệt vời: http://www.w3schools.com/js/default.asp

• Plugin Firefox "Firebug" rất tốt để gỡ lỗi.

• Không, bạn không cần máy chủ web để chạy Javascript.

Answer 22

Gỡ lỗi JavaScript; Nếu bạn chèn dòng

 debugger; 

trong JavaScript của bạn thì trình duyệt của bạn thường sẽ kích hoạt Trình gỡ lỗi. Với IE và VS cài đặt (nếu bạn đang làm ASP.Net ví dụ) thì bạn có thể gỡ lỗi trong VS. Với Firefox và Firebug cài đặt này sẽ bắt đầu trình gỡ lỗi Firebug đó là hữu ích như là "thiết lập breakpoint" chức năng trong Firebug có vẻ là không đáng tin cậy - ít nhất là trong trường hợp của tôi.

Answer 23

Vì bạn đến từ một nền tảng trong ngôn ngữ mệnh lệnh, tôi thực sự khuyên bạn nên hiểu sức mạnh của các bao đóng và chức năng như các giá trị đơn đặt hàng đầu tiên. Theo kinh nghiệm của tôi, đây là thứ không tự nhiên đến với các lập trình viên java hoặc C++.