Чего бы сложного сделать на javascript?

Question

[Umid]

Добрый вечер.

Занимаюсь js'ом более полутра лет. Причем не позволяю себе JQuery, в целях узнать ванильный js по полной, пока есть возможность.

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

Проблема в том, что я никогда не писал большие проекты на несколько сотен тысяч строк, и всё ещё не использовал тесты или написание целой документации под проект. Всё что делал, небольшие библиотеки под тысячу строк.

Пришёл к вам за вдохновением и наставлением.

Comments

[Impeeeery]

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

не позволяю себе JQuery, в целях узнать ванильный js по полной, пока есть возможность.

ну это вы правы. 50-кратное повторение одного и того же кода, вместо того, чтобы написать на jQuery - конечно же открывает третий глаз и вы автоматом узнаете все о ванильном js вплоть до подробностей устройства каждого браузерного движка, даже не открывая его исходник.
этот же третий глаз подсказал вам, что слово JQuery пишется с большой буквы, а его авторы, которые пишут его с маленькой, просто ничего не понимают и за это на них проклятье

[Алексей Ярков]

Impeeeery: тонко вы )))
А по сути присоединяюсь к сказанному. Не понимаю тех, кто к jQuery относится как к прокаженному ))

[Impeeeery]

Алексей Ярков: особенно на фоне того, что все более популярны еще более тяжеловесные ангуляры-реакты.

[Impeeeery]

Алексей Ярков: правда, автор какие-то либы пишет... наверное вместо jQuery и пишет) только вот кому они нужны
я имею возможность их писать (специфика работы), но пишу мало, все больше готовые допиливаю

[Umid]

Impeeeery: То, что я не пользуюсь jQuery, не значит что я его не знаю.
jQuery, Angular2, Node - и это ещё далеко не всё.

Прошу вас ещё раз прочесть заголовок вопроса.
В описании я конкретно написал,

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

Повнимательнее, коллега.

[Impeeeery]

Umid:

То, что я не пользуюсь jQuery, не значит что я его не знаю.
jQuery, Angular2, Node - и это ещё далеко не всё.

не пиша на них и при общем стаже 1.5 года?
чушь

Повнимательнее, коллега.

есть фирмы где и чистый js прокатит. есть где именно он и нужен

[Umid]

Impeeeery: Должен признать, вы правы!

[Дмитрий Pacification]

А напишите ка игрулину)) Flappy bird, или пятнашки. Или если вообще по хардкору - шашки. Если и это простая задача - шахматы ваше всё.

[Umid]

Дмитрий Pacification: А ведь точно, трёхмерные шахматы в web формате я никогда не встречал.

[Виолетта Морозова]

ооо, понеслось. В комментах и ответах собрались диванные критики или разработчики-нарцисты. Но дать идею - зачем?!

[Алексей Ярков]

нарцисты

Это нарцисСы или нацисты?

Answer 1

[tema_sun]

Таки начни писать тесты.

Answer 2

[Кирилл Левунин]

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

Answer 3

[ThunderCat]

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

Comments

[Николай]

с поддержкой вебворкеров и вебгл кстати это вполне реальная задача.

[xmoonlight]

Николай: тогда я бы сразу хотел узнать (не сарказм!): какой ПК с пассивным охлаждением такое потянет в работе? (люблю 0 дб чтобы было при любой нагрузке)

[Николай]

xmoonlight: видеокарты у вас тоже без кулеров все?
В целом для большинства простых операций, т.е. blur, sharpen, изменение цветовых характеристик, выделение границ - это обычная свертка, они не будут сильно напрягать, особенно если вынести их на GPU(сейчас это делается костыльно, но вполне реально).

[xmoonlight]

Николай:

видеокарты у вас тоже без кулеров все?

да. у меня вообще нет двигателей и честных 0 дб.

[alvvi]

когда wasm будет в приемлимой стадии, думается, таких редакторов появится не один

[Николай]

Илья Ростопка: слабо представляю как эти вещи связаны. Скорее webAssembly поможет с производительностью

[alvvi]

Николай: больше производительности => больше возможностей
связь прямая

[Николай]

Илья Ростопка: Я слабо представляю, как wasm поможет вам считать свертки, может я не в курсе, но оптимальная производительность будет, если этот процесс распаралеллить и скормить на GPU, как в этом поможет wasm - я не понимаю.

Answer 4

[xmoonlight]

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

Я вот тоже озадачился и придумал includeHTML.
Народу нравится!

(Скоро обновлю: будет с роутингом и шаблонизатором...)

Comments

[RALMAZ]

Когда ждать уважаемый?)

[xmoonlight]

White Cat: хотите подписаться на анонсы? - я не против!
Оставляйте почту!

[RALMAZ]

xmoonlight: [e-mail]

[xmoonlight]

White Cat: записал, оповещу!
Кто следующий?!

[ой всё]

а какой в нем смысл, если можно сразу загрузить весь html?

[xmoonlight]

AnneSmith: допустим, есть различная разметка для каждого раздела сайта или/и отдельного блока и она ещё может динамически меняться в зависимости от конкретной ситуации.
Или просто шаблон нужно сверстать в чистый статичный HTML и посмотреть как будут выглядеть страницы разного типа: "сшиваем" и при клике в меню - грузим нужный блок.

а какой в нем смысл, если можно сразу загрузить весь html?

опишите процесс: для чего сразу всё грузить и как это использовать потом, может я что-то добавлю в функционал, чтобы улучшить либу. Спасибо!

[ой всё]

для мобильных устройств и вообще для простоты разработки
сразу генерируется полный html, потом показываете или клонируете то, что вам надо прямо на клиенте
всем функциональным блокам/частям присваиваете ID и работаете только с ним из json, никогда больше не касаясь html

Answer 5

[Антон]

В резюме куда лучше будет смотреться опыт работы с каким-нибудь фреймворком

Comments

[Umid]

Знаю Angular2, но хочу на ванильном js проект.

Answer 6

[amambaru]

Люди целую Кваку делают
https://habrahabr.ru/post/177159/

Comments

[Umid]

Круто!

[amambaru]

Umid:
Я вам больше скажу - их как минимум две разных существует.
2 разных Кваки на JS писанных

Answer 7

[Николай]

За полтора года пора бы тесты начать писать. Хотя бы юнитовые. А по поводу то, чего написать - это что вам больше по душе: можно в вебгл податься, можно что-то зрелищное сделать, а можно какой-то инфраструктурой заняться, например DI контейнер написать, я нопмальных решений кроме ng2 не видел.

Comments

[Алексей Струков]

Вебгл ваще свой язык использует вроде

[Kovalsky]

Алексей Струков: ключевое слово - "вроде": "WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins.", первая строка из вики

[Алексей Струков]

Никита Полевой: для работы с шейдерами там применяется язык GLSL. Хотя вероятно библиотеки абстрагируют этот момент. Надо узнавать у тех кто в теме)

Answer 8

[Ivan Bogachev]

Проблема в том, что я никогда не писал большие проекты на несколько сотен тысяч строк, и всё ещё не использовал тесты или написание целой документации под проект. Всё что делал, небольшие библиотеки под тысячу строк.

Не всегда что-то интересное должно быть большим - например рисовалка аватарок. Маленький скрипт, страшный, но прикольный, людям нравится. Кстати начало ему положил вопрос от xmoonlight , здесь на тостере. В свободное время я еще делаю убийцу бутстрапа (шутка), просто сборник каких-то компонентов и полезных утилит, чтобы по-быстрому клепать простые сайтики да лендинги, правда не знаю, когда его доведу до ума. В такого рода проекте можно и документацию прикрутить и относительно большие объемы кода красиво организовать.

Comments

[xmoonlight]

Ivan Bogachev: Респект!

1. Вот ещё бы в анонимную функцию это всё упаковать....
2. И ещё заметил, что очень большой процент кругов...
Т.е. на демке: 24 круга из 36 аватарок.
3. Много близких по цвету наложений (почти монотонная заливка получается)

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

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

Вот на это если надавить нормально (заморочиться с математикой и геометрическими фигурами): чтобы были не только квадраты, но и различные другие и/или чередующиеся фигуры, фрактальные формулы - то будет реально круто!

Я полностью поддерживаю развитие этого скрипта!
Штука - однозначно полезная!
Т.к. всё сложное и удивительное - в простом: фракталы!)

[Ivan Bogachev]

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

[xmoonlight]

Ivan Bogachev: куда донейт кинуть на развитие скрипта?

[Ivan Bogachev]

xmoonlight: Да нет, донейтить не надо, я и так его доведу до ума) Ну а пока цвета более-менее поправил, математику немного поменял, и в анонимную функцию завернул, так что пользуйтесь на здоровье. В перспективе добавлю больше рандома в формы (насчет фракталов не уверен, но подумаю), сделаю, чтобы все были повернуты по-разному, ну и производительность починю. А пока будет выглядеть вот так:

Answer 9

[Anton fon Faust]

Портаните на javascript Battletoads Doubledragon с восьмибитки.
Чтобы работало по ie6.

Answer 10

[Ptolemy_master]

Компилятор какого-нибудь языка (а можно еще и язык свой придумать)
Игру в 3Д
Онлайн Blender 3D
База данных
Распознаватель китайских иероглифов

Answer 11

[Виолетта Морозова]

Мой один знакомый пытался написать веб-приложение для организации, которая шьет шторы. Приложуха должна принимать на вход фотку окна, стены и подобное, а в самой приложухе можно будет на это окно повесить штору (кот. представляет из себя фотку шторы или принт). Эту штору можно конфигурировать - задавать размеры, карниз, способ крепления шторы, собрать штору с одной стороны на веревочку (не помню как эта штука называется)) В общем все это он собирался делать на JS (не знаю, получилось ли. Надеюсь, что да). 3D трансформации, чтобы складывать шторки. В общем, в итоге: человек, зашедший на сайт (то может быть и просто покупатель, и дизайнер) смог примерить шторы в своей комнате по фотке, выбрать что-то и купить или скачать результат.
Вообще, в мире много чего нереализованного или реализованного коряво. Как пример -
куча всяких конструкторов, помогающих простым обывателям проявить фантазию над своей квартирой, но нифига не работающих.