Запуск разработки javascript - что делать?

Ответ 1

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

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

Сайты

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

Книги

• Начать первый JavaScript. Эта книга действительно хороша в том, что вы можете ускорить синхронизацию JavaScript и то, на что она способна, не доводя вас до технических реализаций языка. Он также помогает подключать точки между JavaScript и DOM.
• JavaScript: Хорошие части На приблизительно 150 страницах это относительно простое чтение, которое объясняет хорошие части языка и плохие части языка. Эта книга сделает вас лучшим программистом JavaScript, избегая "ужасных частей" языка, а также помогая вам придерживаться хороших деталей и писать более понятный, удобный, выразительный код.

Видео

• Видеоролики Дугласа Крокфорда "Расширенный JavaScript" (1, 2, 3)
• Видео Дугласа Крокфорда на JavaScript: Хорошие детали

Каркасы

• jQuery. Кажется, это является фаворитом вокруг Stack Overflow. Я немного поработал с ним, и это действительно хорошая библиотека.
• Prototype. Это еще одна библиотека, которой мне нравится пользоваться. Это создание класса и поддержка наследования хороши, а также его API.

Иды

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

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

Ответ 2

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

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

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

Ответ 3

Сначала зайдите в Crockford javascript статьи.

Ответ 4

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

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

Алекс

Ответ 5

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

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

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

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

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

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

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

Ответ 6

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

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

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

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

Ответ 7

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

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

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

Ответ 8

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

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

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

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

Ответ 9

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

Ответ 10

• http://www.gotapi.com является хорошей ссылкой для документации
• Вы можете использовать любую IDE, которую хотите - это в основном текст
• Firebug отлично подходит для отладки https://addons.mozilla.org/en-US/firefox/addon/1843
• Вы можете протестировать локально - JavaScript всегда запущен на клиенте, поэтому никаких реальных ограничений
• Как только вы получите основы, вы можете посмотреть jQuery - это действительно позволяет вам делать некоторые фантастические вещи, которые уже протестирован и т.д., поэтому вы не изобретаете колесо.

Ответ 11

Я очень рекомендую изучить Javascript, используя jQuery. Хотя большинство языков лучше всего изучать без рамки, я бы сказал, что javascript является исключением из этого правила. jQuery хорошо документирован и извлекает много хаков, которые вам обычно необходимы, чтобы ваш код работал во всех браузерах.

Для отладки я не знаю каких-либо конкретных инструментов, но Firebug на Firefox очень полезен.

Нет необходимости запускать веб-сервер, но вы, скорее всего, не хотите загружать JS файл напрямую. Как правило, вы настраиваете HTML-страницу и включаете в нее файл javascript.

Ответ 12

Если вы ищете справочник по языку, JavaScript: окончательное руководство - это книга, которую нужно получить.

Visual Studio - лучшая среда отладки Javascript, но это не полезно для вас, если вы ограничены Linux и Mac. На этой платформе я согласен с предложениями для Firefox с Firebug и Venkman.

Ответ 13

Существует хорошая книга JavaScript от Marijn Haverbeke. Это очень хорошее введение для новичка.

Ответ 14

Отладка JavaScript; Если вы вставляете строку

     debugger;  

в вашем JavaScript, ваш браузер обычно запускает отладчик. При установке IE и VS (если вы используете ASP.Net, например), вы можете отлаживать VS. С установленным Firefox и Firebug это запустит отладчик Firebug, который полезен, поскольку функциональность "set breakpoint" в Firebug кажется ненадежной - по крайней мере, в моем случае.

Ответ 15

** Следующее устарело, не следуйте этому совету. Загрузите sublimetext и перейдите в изучение backbone.js:) **

Поскольку у вас уже есть java-фон, самым простым способом перехода в Javascript, вероятно, будет проверка книги O'Reilly. Вы получите ответы на вопросы по синтаксису и сможете быстро двигаться.

Что касается IDE, я использую Dreamweaver или BBEdit для OS X или VIM. Я, вероятно, не очень разбираюсь в том, что доступно, хотя я, как правило, старую шляпу.

К сожалению, большая часть отладки - это оповещения. В IE есть поле "ошибки, найденные на этой странице, нажмите здесь для подробностей", когда вы что-то впутаете, но это, как правило, приведет вас только к нескольким строкам проблемы (если вам повезет!)

Нет веб-сервера. Вы можете просмотреть все в браузере по своему выбору

Советы: Придерживайтесь того, что вы хотите знать. Есть различные рамки, доступные там, которые могут "облегчить ситуацию", но не беспокойтесь о том, чтобы попасть в них, пока не выясните основы. Это не очень сложный язык, но иногда может быть очень неприятным. Просто примените свои предварительные знания, и вы должны быть в порядке.

Ответ 16

Держите его простым и проверьте все в нескольких браузерах. По сравнению с строго контролируемой компиляцией Java вы обнаружите, что Javascript нечеткий и непредсказуемый. Многие вещи не ведут себя.

Я не использую jQuery сам, но я начинаю хотеть, чтобы я это сделал. Как и многие из лучших библиотек javascript, он обрабатывает некоторые трещины и делает язык более регулярным.

Ответ 17

Если вы уже используете InelliJ Idea, он также имеет неплохую поддержку для разработки javascript. Он выделяет, автозаполнение и некоторый уровень проверки кода. Для отладки лучший инструмент, который я знаю, Firebug расширение. В качестве справочного материала я предлагаю книгу Javascript: окончательное руководство от O'Reilly.

Ответ 18

О, наконец, Aptana - отличная среда для javascript (и css). Бесплатная версия достаточно хороша для обучения.

Ответ 19

Это отличная страница для изучения Javascript.

http://www.hunlock.com/

Он охватывает всевозможные области, не завися от библиотек. Это лучший способ узнать. После того, как вы поймете, что такое Javascript, подумайте, пожалуйста, и выберите библиотеку по своему вкусу.

Ответ 20

Я предпочитаю работать с Textmate и пакетом jQuery. Это мой редактор для всего, SVN commit mesages, Git commit messages, html, css, javascript, python, обманывание, ввод сообщений в блогах, вы называете это.

Ответ 21

Поскольку у вас есть знания в C, С++ и Java, я советую вам исключить сравнение Javascript с ними. Javascript имеет похожий синтаксис, но принципиально отличается. Это прототип, язык. Он имеет лексический охват, и он имеет первоклассные функции. Это все аспекты, не относящиеся к указанным языкам. Недаром Javascript называется схемой с синтаксисом Java.

Ответ 22

• Веб-сайт W3Schools является хорошим местом для изучения основ. Он также имеет отличный справочный раздел: http://www.w3schools.com/js/default.asp

• Плагин Firefox Firebug отлично подходит для отладки.

• Нет, вам не нужен веб-сервер для запуска Javascript.

Ответ 23

Поскольку вы исходите из фона на императивных языках, я бы настоятельно рекомендовал вам понять силу замыканий и функций в качестве значений первого порядка. По моему опыту, это то, что не приходит естественно для программистов на Java или С++.