Готовые примеры приложений на Angular?

По каким видеоурокам учился?

Роман Мирр: Вот бесплатный курс - https://www.codeschool.com/courses/shaping-up-with...

ummahusla: спасибо

Если честно, то жуткое не хочется делать todo. Судя по туториалам в сети, создается впечатление, что кроме todo ничего больше в природе не существует. И вообще кроме todo нет других программ.

Джон Голт: ну так придумайте. Те штуки которые мне нужны вы просто не сделаете. А что вам нужно - я без понятия.

todomvc - это простое приложение на котором можно много чего попробовать. А самое полезное - есть десятки готовых реализаций и всегда можно сравнить решения.

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

CAMOKPYT: увы в опенсурсе подобных проектов банально нет. Подавлюящее количество проектов где было бы прикольно посмотреть исходники закрыто NDA, и вам это прекрасно известно.

А что до архитектуры - stateless-компоненты, unidirectional data flow (redux например) и вперед. ну и не забываем про готовые решения.

Опять же тесты и ходить по граблям и получать экспириенс. Вообще помимо JS надо таки знать хоть что-то об архитектуре и подходах к разработке и неплохо так знать JS. Подавляющее же количество разработчиков сразу после установки плагинов на jquery начинают писать поделки на ангуляре. Как думаете, какое будет у них качество?.

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

CAMOKPYT: я пишу на Angular вот уже 2 года, и это безумно эффективно если знать что делаешь.

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

https://github.com/AngularClass/NG6-todomvc-starter - вот моя недо тудушка например.

Сергей Протько: Вы не правы, можно взять Ext или jQuery с кучей плагинов, там не надо писать руками. Спасибо за пример, но я так понимаю это про первый ангуляр? Я просто в данный момент закончил тутор по второму и тренируюсь с вложенными формами и читаю про аннотации.

CAMOKPYT: не ну если хочется делать UI аля 90-е то согласен. Но мы же говорим о приличных приложениях, с какой-то минимальной бизнес логикой на клиенте и т.д. И пусть разработка фронтэнда усложняется если сравнивать со старыми добрыми формами и jquery, то бэкэнд сильно упрощается и по итогу мы получаем в сумме профит.

Пример - да, для первого ангуляра. Для второго суть будет примерно та же, только не надо будет кастыли вставлять для ngModel.

Сергей Протько: в том то и дело, я ни раз сталкивался с тяжелым UI на jQuery с кучей лапшы и убогой привязки к DOM, однако я смотрю например как решить задачу со сложным календарем и модальными окнами с кучей вложенных форм и пока вижу, что это будет та же самая лапша. Да она будет выглядеть строже и её будет легче тестировать, но кода меньше никак не становится, а как мы знаем, больше кода - больше ошибок, причем кода не бизнес логики, а кода обслуживающего непосредственно фреймворк, это важно, так как Вы например используете циклы вместо тупой копипасты. Насчет упрощения бекенда не понял, где упрощение? Вы имеете ввиду замену view на данные в json?

CAMOKPYT: сделать плохо можно всегда и используя что угодно.

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

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

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

Качество не в количестве кода меряется а в возможности скейлиться как никак.

Сергей Протько: ангуляр с его компонентами раздолье для в том числе платных компонентов. Как минимум нужен аналог jQuery DataTables и w2u, чтобы в гриде было по 10 лямов записей и не тормозило. Нужен календарь/планировщик аналог dhtmlxScheduler. Это не сказать что прям мини проекты, но весьма интересные штуки. Да просто взять любой плагин для jQuery, все эти вещи должны быть портированы на ангуляр.

CAMOKPYT:

Angular2 - все еще в бэте, потому для него не так много готовых решений, однако...

data-grid-ы уже есть, вот например: www.ag-grid.com/best-angularjs-2-grid/index.php и судя по всему нормально справляется с выводом 10К айтемов. Или вот - swimlane.github.io/angular-data-table - 100К айтемов.

w3u - серьезно? Повторюсь, мне не особо интересны интерфейсы десктопов 90-х. Но если вам хочется... под второй ангуляр сходу не нашел, но есть под первый. И это первое что я нашел. Остальное - модальные окна, UI компоненты - их тьма. Лично я использую twitter bootstrap и angular material и в принципе мне хватает. Я использую несколько другие подходы при проектировании UI своих приложений.

Для первого валом бесплатных плагинов. Платные плагины для jQuery? вы использовали оные? Меня как-то эта беда обошла стороной. Только опенсурс.

Ну и да - никто не запрещает вам использовать jQuery плагины в проектах на ангуляр. Иногда приходится, просто надо изолировать это добро в директивку.

Сергей Протько: я имел ввиду этот грид w2ui.com/web/blog/7/JavaScript-Grid-with-One-Milli... . И говорю про то чтобы портировать любые jQuery плагины под ангуляр2 и продавать их, пусть будет подписка платная, а проект опенсорс. Использовать jQuery плагины в проекте на ангуляре мне кажется это то от чего все пытаются избавиться

Сергей Протько: CAMOKPYT: Хотел написать одностраничное ajax-приложение. Обрадовался, что есть ангуляр, который многие так хвалят. Посмотрел 7 уроков. Удалил все вместе с уроками.
Я на js+jquery напишу быстрее и проще (хотя я их особо не знаю). Сложилось впечатление что ангуляр хвалят html-верстальщики, которые вообще представления не имеют о программировании, и об архитектуре.
Ну или его можно использовать в чем-то очень простом. Но есть ли в этом смысл?

Сергей Протько: А как Ваш Todo запустить? gulp babel не знаком)

k-2: а у меня сложилось впечатление что вы не те уроки смотрели или же масшабы ваших задач не совсем укалываются в те задачи для которых нужен angular.

js + jquery - это круто и можно все сделать на нем (особенно если заюзать MVVM библиотеки, тогда и jquery не нужен), но только это не всем дано. Подавляющее большинство разработчиков зажатое в рамки цикла разработки на выходе будут получать кусок неподдерживаемого треша и неподдерживаемой лапши.

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

streetflush: npm install && gulp

Сергей Протько: [14:15:19] No gulpfile found

streetflush: требуется node4+, если что.

streetflush: ну и проверьте где именно вы все это запускаете.

Сергей Протько: node -v v4.1.0
рядом с gulpfile.babel.js создаю gulpfile.js находит

streetflush: не надо создавать gulpfile рядом, проверьте тогда еще и версию gulp, gulpfile.babel.js работает с версии 3.9

Сергей Протько: Я для теста создал. да, gulp 3.8.11. Обновил, ругается на babel. Попробую дома))