Начало разработки javascript - что делать?

Question

Что это хорошая отправная точка для изучения JavaScript? Я хорошо разбираюсь в программировании на C и Java, и у меня есть неплохой опыт работы с C ++, поэтому я ищу несколько предложений:

• Что такое хороший справочный материал?
• Есть ли конкретный IDE / редактор, который стоит посмотреть? Я использую vim для разработки на C / C ++, и я использовал IntelliJ Idea для Java. Я ограничен инструментами на базе Linux или Mac.
• Как вы отлаживаете код JavaScript? Это просто серия alert()?
• Требуется ли запускать веб-сервер для проверки javascript или я могу загрузить файл .js напрямую? Если да, есть ли ограничения для этого подхода?
• Любой другой совет для начинающего JavaScript?

Спасибо

Answer 1

Я думаю, что здесь есть много хороших ответов с большим количеством хороших предложений, однако я также не согласен с большинством ответов, которые говорят: «Начните учиться с помощью jQuery». Я страстно против изучения фреймворка для языка до изучения языка, в котором реализована фреймворк. Вы автоматически создаете уровень абстракции для себя. Знание языка до изучения jQuery или любого другого фреймворка поможет вам лучше понять, что делает фреймворк, как писать лучший код и как внедрить функцию в фреймворк, который вы хотели бы иметь, но не имеете.

С учетом вышесказанного, вот набор ресурсов, которые я считаю чрезвычайно полезными для изучения JavaScript (некоторые из них уже упоминались):

1010 * Веб-сайты *

• W3Schools JavaScript Ссылка
• Сайт Дугласа Крокфорда

Книга

• Head First JavaScript . Эта книга действительно хороша для того, чтобы научить вас синтаксису JavaScript и тому, на что он способен, не увязая в технических реализациях языка. Это также помогает связать точки между JavaScript и DOM.
• JavaScript: хорошие части Примерно на 150 страницах это относительно легкое чтение, объясняющее хорошие и плохие части языка. Эта книга сделает вас лучшим программистом JavaScript, избегая «ужасных частей» языка, а также поможет вам придерживаться хороших частей и писать более понятный, понятный и выразительный код.

Видео

• Видео Дугласа Крокфорда о "Расширенном JavaScript" ( 1 , 2 , 3 )
• Видео Дугласа Крокфорда на «JavaScript: хорошие части»

рамочные

• JQuery . Это, кажется, фаворит вокруг переполнения стека. Я проделал некоторую работу с ним, и это действительно хорошая библиотека.
• Прототип . Это еще одна библиотека, которую мне нравится использовать. Он хорош для создания классов и поддержки наследования, а также его API.

Иды

• Aptana Studio - лучшая JavaScript IDE, которую я когда-либо использовал. Он имеет все функции, которые вы ожидаете от мощной IDE по отношению к JavaScript.
• Notepad. Вам действительно не нужно ничего, кроме веб-браузера и текстового редактора для написания JavaScript, так что, если это плывет на вашей лодке, тогда сделайте это.

Да, есть и другие веб-сайты, книги и видео, которые могут помочь вам начать работу, но для человека, имеющего опыт программирования, я не могу себе представить, что подобрать JavaScript будет крайне сложно. Кроме того, есть другие доступные платформы, но я наиболее знаком с jQuery и Prototype и считаю их действительно полезными.

Answer 2

Старайтесь изо всех сил, чтобы изучить его, не полагаясь в первую очередь на библиотеку. Поскольку у вас есть опыт работы с C, он будет для вас быстрым, поэтому делайте это без приправы jQuery или Prototype. Научитесь создавать хороший XMLHTTP-запрос, манипулировать DOM, создавать свои собственные объекты и т. Д. И т. Д. По завершении посмотрите все библиотеки и посмотрите, какие из них лучше всего соответствуют вашим потребностям.

Всегда тестируйте в последних браузерах, а затем возвращайтесь.

Если вы очень визуальный ученик, серия Head First хороша.

Answer 3

Проверьте javascript Крокфорда статьи сначала.

Answer 4

Начните изучать JQuery. Это лучшая вещь для разработки JS, когда-либо.

• Нет, вам не нужен веб-сервер. JS основан на браузере.
• Что касается IDE, подойдет любой текстовый редактор. Vim будет хорошо работать.
• Используйте Firebug в Firefox для отладки JS. Это делает это намного проще.
• Опять же, используйте JQuery. Это здорово.

Alex

Answer 5

У Дугласа Крокфорда есть несколько видео на Javascript в YUI Developer Theater, которые очень хороши Есть две серии, которые я бы порекомендовал

Язык программирования JavaScript

Расширенный JavaScript

, который можно найти по этой ссылке .

Answer 6

Если вы хотите начать с самого начала, то я всегда советую начинать здесь:

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

Кто-то еще упомянул Eloquent JavaScript, прекрасно отформатированный онлайн-учебник, который хорошо справляется с линейным обучением через различные концепции.

Даже если вы опытный программист, это простые справочные материалы, которые познакомят вас с 95% основных возможностей языка. Не то чтобы у меня были проблемы с этим, но, пожалуйста, не начинайте свое путешествие со статей Крокфорда или JavaScript: Полное руководство. По моему опыту, такую ​​информацию вы перевариваете после того, как уже несколько месяцев используете JavaScript. Как только вы начинаете проникать в публичные и приватные методы, перегружать и создавать классы, вы переходите к «стилю» и не обязательно к сути.

Люди не любят ссылаться на w3schools, потому что они не начинаются с объектно-ориентированных методик и учебных пособий, а имеют устаревшую привлекательность. Это большая ошибка, потому что, прежде чем вы приступите к продвинутым вещам, я настоятельно рекомендую вам начать с основ. После того, как вы это сделаете, я советую вам взять книгу Джона Резига «Про методы JavaScript». Джон лучше справляется с некоторыми из продвинутых техник, не вдаваясь в кучу академической шутки, которую вы получаете в другом месте.

Я также написал этот пост, который оказался на удивление лучше, чем я думал:

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

Answer 7

Вы можете запустить Eloquent JavaScript , хотя некоторые из них могут быть немного элементарными, если вы опытный программист. Понимание всех странных особенностей этого языка, вероятно, самая большая проблема.

Answer 8

Вы можете использовать любой текстовый редактор для написания JavaScript. Мне нравится Ultra Edit, потому что он имеет подсветку синтаксиса и свертывание кода, а также браузер sftp (почти у всех продвинутых текстовых редакторов), так что это действительно не имеет значения. блокнот ++ хорош и бесплатен со многими функциями, включая выделение и свертывание.

Для отладки JavaScript вы можете использовать firebug , который является аддоном Firefox. Вам не нужно использовать оповещения. Вы можете написать console.log (somevar) и увидеть значение в консоли firebug. Проверьте больше информации о консоли firebug api.

И вам не нужен веб-сервер для запуска javascript. Просто напишите html-файл с помощью javascript и откройте его в своем любимом браузере. Вы также можете проверить javascript-фреймворки, такие как jquery , mootools или Javascript MVC . Все они имеют хорошую документацию и учебные пособия.

w3schools имеет базовое руководство по javascript для начинающих

Answer 9

Если вы говорите о javascript в браузере, вы можете просто загрузить html-страницу, содержащую ваш файл .js.

Firefox, вероятно, самый хороший браузер для разработки JS. Консоль отладки удобна, и вы захотите рассмотреть несколько плагинов: firebug (http://getfirebug.com/) и Venkman (http://www.mozilla.org/projects/venkman/).

Если вы довольны vim, вы, вероятно, найдете его достаточно хорошим для разработки js. Textmate на Mac тоже хорош.

Answer 10

Есть хорошая книга JavaScript от Марин Хавербеке. Это очень хорошее введение для начинающих.