Разработка на js

1

2

Лор, посоветуй годные статьи, или книжки, или поделись своим опытом по организации разработки на js (интересует в основном клиентская часть).

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

Потому что для многих других языков все более-менее понятно. Например, в питонах или плюсах есть команды импорта модулей. А в js такого нет. Я хочу разработать какую-то программу (в свою очередь состоящую из модулей), использующую стороннюю библиотеку. Можно, например, в браузере все модули и библиотеки подключить в тегах script. Но тогда при разработке моего модуля в отдельном файле IDE не будут видеть функции из библиотеки и других модулей. В nodejs есть require, но в браузерном js такого нет. Скопипастить весь код библиотеки в один файл при разработке, а потом разбить по модулям?

В общем, как все это организовать. При этом не хочется тащить кучу разных библиотек, вроде require.js. Меня сейчас интересует разработка на jQuery и Angular.

Ссылка

←	переписать LOR в виде толстого приложения

Не собирается Cyanogenmod

→

«JavaScript. Подробное руководство» Флэнагана. В этой книжечке есть всё, абсолютно.

anonymous
(09.11.13 13:21:04 MSK)

Ответ на: комментарий от anonymous 09.11.13 13:21:04 MSK

У меня такой же вопрос (посоветуйте путь обучения), только по серверным приложениям (node.js)

~~terradot~~
(09.11.13 16:37:02 MSK)

http://bonsaiden.github.io/JavaScript-Garden/

zarkone ★★
(09.11.13 16:41:36 MSK)

Ссылка

о в браузерном js такого нет

есть много реализаций внутри других фреймворков, но есть и отдельно, обязательно гляньте: http://requirejs.org/docs/start.html

zarkone ★★
(09.11.13 16:44:33 MSK)

Ответ на: комментарий от zarkone 09.11.13 16:44:33 MSK

вроде require.js

ах, не дочитал >..< но в Angular вообще все хорошо с модульностью и так, нет..?

zarkone ★★
(09.11.13 16:46:13 MSK)

Ссылка

Ответ на: комментарий от terradot 09.11.13 16:37:02 MSK

«JavaScript. Подробное руководство» Флэнагана, глава 12.

anonymous
(09.11.13 16:48:23 MSK)

Ссылка

Но тогда при разработке моего модуля в отдельном файле IDE не будут видеть функции из библиотеки и других модулей

Тебе надо поменять редактир.

zz ★★★★
(09.11.13 20:33:30 MSK)

Вот тут делятся опытом. Может, что интересное для себя подсмотришь.

Для AngularJS есть довольно известный скелет проекта, на который можно вешать код: https://github.com/angular/angular-seed

noomorph ★
(09.11.13 20:44:21 MSK)

Ссылка

Нормальные редакторы и IDE должны видеть функции из библиотеки и других модулей. Или ищи как вкрутить, или меняй IDE.

noomorph ★
(09.11.13 20:46:32 MSK)

Например, в питонах или плюсах есть команды импорта модулей

man amd и requirejs

IDE не будут видеть функции из библиотеки и других модулей

иде для js - это сущее извращение

как тестить

man BDD, jasmine, mocha

дебажить

man console.log() и developer tools в твоем любимом браузере

Corey ★
(09.11.13 20:52:04 MSK)

IDE не будут видеть функции из библиотеки и других модулей

Intellij IDEA/ WebStorm

Stribog ★
(09.11.13 20:56:13 MSK)

Ответ на: комментарий от Corey 09.11.13 20:52:04 MSK

man console.log

angular $log service

Stribog ★
(09.11.13 20:57:20 MSK)

как устроены проекты

angular.js:

http://habrahabr.ru/post/182556/

http://habrahabr.ru/post/180837/

http://habrahabr.ru/post/180779/

Stribog ★
(09.11.13 21:06:48 MSK)

Ссылка

Ответ на: комментарий от Corey 09.11.13 20:52:04 MSK

иде для js - это сущее извращение

ИДЕ для скриптовых языков — сущее извращение # FXD

Apple-ch ★★
(09.11.13 21:10:38 MSK)

Ссылка

Ответ на: комментарий от Stribog 09.11.13 20:57:20 MSK

angular $log service

Не все ~~йогурты одинаково полезны~~ являются любителями angular.

Corey ★
(09.11.13 21:18:18 MSK)

во первых man middleman. аналогичные тулзы nodejs вызывают ржаку.

punya ★★
(09.11.13 21:21:59 MSK)

Ссылка

Ответ на: комментарий от Corey 09.11.13 21:18:18 MSK

Меня сейчас интересует разработка на jQuery и Angular.

Stribog ★
(09.11.13 21:22:40 MSK)

Ссылка

стоит избавится в требованиях от ие - тормозной костыль jquery давай досвидания. angularjs - притянутый за уши паттерн насаждается везде и бесит. как вобщем и 90% паттернов

punya ★★
(09.11.13 21:23:47 MSK)
Последнее исправление: punya 09.11.13 21:26:48 MSK (всего исправлений: 2)

Ответ на: комментарий от zz 09.11.13 20:33:30 MSK

ок, есть index.html:

<html>
  <head>
    <script src="js/some_lib.js"></script>
    <script src="js/my_super_app.js"></script>
  </head>
  <body>
  </body>
</html>

в файле my_super_app.js я и разрабатываю что-то, при этом используя функцию foo из some_lib. мой вебшторм пишет, что foo не найдено. в каком редакторе не будет такого?

memnek ★
(09.11.13 22:23:48 MSK) автор топика

Ссылка

Ответ на: IDE не будут видеть функции из библиотеки и других модулей от Stribog 09.11.13 20:56:13 MSK

стоит вебшторм. jquery он понимает, а вот функции из markdown.js, например, не мог найти. то есть, я подключаю мой скрипт и markdown в index.html (на которой смотрю результаты). в моем скрипте при редактировании вебшторм не видит функцию markdown.toHTML

memnek ★
(09.11.13 22:29:54 MSK) автор топика

Ответ на: комментарий от punya 09.11.13 21:23:47 MSK

> как вобщем и 90% паттернов

правильно, только Апач с cgi-bin и скрипты на перле. кому нужны джанги и рельсы с их MVC?

memnek ★
(09.11.13 22:33:59 MSK) автор топика

Ответ на: комментарий от noomorph 09.11.13 20:46:32 MSK

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

memnek ★
(09.11.13 22:38:58 MSK) автор топика

Ответ на: комментарий от memnek 09.11.13 22:33:59 MSK

это порождает болезнь, когда каждый проект пишется на MVC. никто даже не думает посмотреть в сторону других паттернов, которые подходят значительно лучше или вообще без паттернов. например автор вместо изучения языка программирования, апи разных браузеров начинает изучать конкретный фреймворк/либу/паттерн. это чревато закончить жизнь сраным сениором в аутсорсе.

punya ★★
(09.11.13 22:42:35 MSK)
Последнее исправление: punya 09.11.13 22:45:35 MSK (всего исправлений: 2)

Ответ на: комментарий от memnek 09.11.13 22:29:54 MSK

у меня также иногда не видит функции из angular модулей, но в большинстве случаев автодополнение работает.

~~невозможно~~тяжело сделать идеальное автодополнение для динамических язиков. В idea оно пока лучшее из тех, что я использовал.

Stribog ★
(09.11.13 22:48:26 MSK)

Ссылка

Ответ на: комментарий от memnek 09.11.13 22:38:58 MSK

Как правило, IDE парсит все файлы внутри папки проекта, то есть автодополнение тебе предложит даже то, что ты не подключал.

noomorph ★
(09.11.13 22:51:49 MSK)

Ссылка

Ответ на: комментарий от punya 09.11.13 22:42:35 MSK

ну если пихать любой паттерн (ООП, MVC, FP и тд) в абсолютно любую сферу, то это болезнь. с другой стороны, есть ситуации, когда именно этот паттерн наиболее удобен. поэтому говорить что 90% паттернов ненужны не совсем верно. они полезны, если знать как и когда их применять.

memnek ★
(10.11.13 03:04:08 MSK) автор топика