Это копия, сохраненная 15 декабря 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Этот тред посвящён главному языку будущего - JavaScript. Благодаря своей гибкости используется в браузере, на серверах, в мобильных приложениях, на десктопе и практически во всех видах программирования. Удобный синтаксис позволяет легко писать на нём, а высокая производительность делает его отличным выбором для решения любых задач - от небольших магазинов до огромных highload проектов. JavaScript по праву является самым популярным в мире языком. На каждом сайте есть браузерный JavaScript, а JavaScript на сервере используется такими крупными корпорациями, как Amazon, Yahoo, HP, NASA, Walmart и многие другие.
Часто задаваемые вопросы:
https://github.com/xxxwww/js-thread/blob/master/Wiki/faq.md
Список материалов для изучения:
https://github.com/xxxwww/js-thread/blob/master/Wiki/learn.md
Список инструментов и направления JS-разработки:
https://github.com/xxxwww/js-thread/blob/master/Wiki/tools.md
Конфа /pr/ в Slack:
https://invite-me-to-2chpr.herokuapp.com/
JS-конфа в телеграме:
https://telegram.me/jsthread
НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Воспользуйтесь https://jsfiddle.net/ для браузерного кода и https://ideone.com/ для серверного кода.
Инстанцировался.
Ебанат.
Освятил тред.
BUMP!
Планктон, приходится быдлокодить простые скриптики на VBA для автоматизации рутины в MSOffice.
Хочется выучить какой то язык более широкого назначения. Чтоб удобно было и веб подергать и сгенерировать один эксель фалик из другого и, возможно, не умереть с голоду когда шарашка меня выпиздит на мороз.
C#/.Net было бы охуенно, но неохота.
Мой взор пал сначала на Python, но с ним риск помереть с голоду в моем случае, кажется выше.
А из-за спроса на фронтэндщиков JS выглядит привлекательней, бесплатные курсы посвюду, достаточно много знакомых его знают.
Короче, есть ли жизнь в JS за пределами браузера и ноды?
Можно ли, запуская все на десктопе, дергать БД/эксель/ворд, обрабатывать jpg тысячами и pdf десятками, имеются ли такие библиотеки?
Пользовался по совету анона для отрисовки реалтайм данных либой Highcharts заместо говнины Plot.ly. Результатом доволен.
Каждому я/п своя ниша, разве не так.
Я использовал ЖС в винде в качестве скриптового языка, когда лениво было питон устанавливать. Для простых задач вполне годится.
Но на библиотеки не надейся — место шинды под шконарем. Экосистема развивается слишком стремительно, чтобы меинтейнеры заботились о недосистемах.
Для ноды всё есть под все платформы. Даже винапи, даже gpgpu, даже фреймворки для программирования прошивок чайников.
Ребят, что посоветуете почитать или посмотреть, чтобы побыстрее разобраться в js, jquery, ajax?
Тут принято сначала поздороваться, представиться, сказать кто ты по жизни, а потом уже вопросы задавать.
Ты ОП-пост читал? https://github.com/xxxwww/js-thread/blob/master/Wiki/learn.md
> побыстрее
Нюхай фен.
Специально всегда выбирал формулировки, чтобы не задеть самых обидчивых. Но в этот раз оплошка: очевидно слово "быстрее" произвело деструктивный эффект, а ведь именно этого и хотелось меньше всего.
Я к вам с вот каким вопросом:
Есть табличка (на реакте). В ней перечисляются юзеры:
10 | Маша | +7 (123) 456-78-90
5 | Авессалом | +7 (321) 098-76-54
Можно как-то обрабатывать телефоны при помещении таблицы в буфер обмена через ctrl+c, приводя их к виду +71234567890?
Нашел только onCopy, но оно Non-standard и хрен знает как с ним работать.
Возможно ли это вообще?
Вопрос больше теоретический, практическое применение побоку.
copy везде есть http://caniuse.com/#feat=clipboard. Можно при зажатие ctrl или "c" быстро менять текст в выделенных столбцах, но я бы просто использовал copy.
Можно наверное просто сделать кнопочку "скопировать в буфер" и там сделать красивые данные.
ну хуй его знает, я вот дебаггером пользуюсь
chart.js / d3
Я хочу просто брать нужную мне информацию и сохранять у себя на сервере. Подскажите пожалуйста как это сделать?
Еще там такая штука что url который в командной строке не меняется, когда жмешь на менюшки.
Соре если криво написал, ночь уже и я полусонный.
Зайди на тот сайт, нажми F12, зайди во вкладку Network, нажми на ту неудобную кнопку и смотри на последний запрос. Именно его тебе нужно эмулировать, чтобы сохранять данные.
Можно его сразу скопировать для утилиты cURL правой кнопкой
Обработку ошибок делай, довн
@param {const} ?
Я так и не научился использовать дебаггеры, поэтому обхожусь дисциплиной и консольным выводом.
Делаешь правильную структуру проекта, используешь функциональный подход где возможно, во всех catch-блоках пишешь console.error(или комментарий, объясняющий, почему тут ожидается исключение), обмазываешься линтерами и flow — в результате ошибок в непонятных местах почти не бывает. Если возникла ошибка — смотрю в лог и сразу понятно, где косяк.
Подгружается 2 иконки и xhr в котором туева куча всего.
Требуется рендерить один график состоящий из 4х серий (кривых). Координаты для каждой серии обновляются с частотой равной 4-5 точек в секунду, при этом рендерить сам график вовсе не обязательно в реалтайме. Сейчас данные присылаются пачкой за раз через установленную периодичность, скажем, раз в 5 секунд, затем в setImmediate() происходит ререндер. Так-то все работает, но лаги все равно ощутимы и неприятны.
Для Highcharts от разработчиков есть костыль - бустер, выручающий при рендеринге совсем уж монструозных графиков, состоящих из миллиона и более точек.
Уместно ли будет использовать такую мокропиську в своем проекте, при условии, что обновление данных будет производиться не более часа, т.е. координатных точек будет в общем количестве около 50-60 тысяч?
И интересно было бы узнать, как анон решает проблему с отрисовкой графиков в реалтайме с большим объемом данных.
Я бы решил задачу таким образом:
1. В основном ивент лупе не делаем ничего тяжелого, только обычный гуй;
2. Создаем вебворкер1, запрашивающий данные с нужной частотой.
3. Создаем вебворкер2, отрисовывающий данные на канвас.
4. Делаем очевидную цепочку вв1 -> вв2 -> основной луп.
Я ни разу таким не занимался, но в теории получится нетормозящий интерфейс с частообновляемым графиком.
1) Востребован ли чистый фронтенд в 2016 (без похапе и прочей хуйни)?
2) Стайлгайд https://github.com/airbnb/javascript#comparison-operators--equality таки самый используемый ирл?
3) У вас работают няши типа https://www.youtube.com/watch?v=KTVv9e3NNxM, или это просто исключение?
Про дебагер и обмазывание console.log тебе уже написали. Я добавлю еще вполне очевидный TypeScript.
>>877745
1. Да, в ДС и ДС2 по-крайней мере.
2. Да, еще standard довольно популярен. Переопределяют в них в основном только правила связанные с форматированием, то есть вкусовщину.
3. Нет, если захочется няшек сходишь в отдел маркетинга.
Каков потолок подобных технологий?
Есть ли смысл в коммерческой разработке?
Спасибо тебе, анон, я про воркеры забыл совсем.
Думаю, процес отрисовки всего UI оффлоадить через воркеры не получится ибо React, но переложить рендеринг конкретно Highcharts на отдельный воркер попробовать можно.
>2. Создаем вебворкер1, запрашивающий данные с нужной частотой.
Не думаю что этот пункт у меня блокирует event loop на продолжительное время - клиент по вебсокету слушает в пассивном режиме обновление данных.
Погуглил сразу, что на эту тему пишут в интернетах, вышел на форум офсайта Highcharts и тут же проиграл:
>Thu Sep 20, 2012 There are plans to use web-workers
>Tue Sep 29, 2015 There are no official plans for implementing web workers into Highcharts
http://forum.highcharts.com/viewtopic.php?f=9&t=7673
И советуют использовать мокропиську-бустер. Интересно, ниасилили или результат не слишком убедительный?
Энивей, мне кажется, в прокаченных системах при визуализации массивных обновлений данных используется, выражаясь игровыми терминами, что-то вроде "field of view", то есть в памяти держится объем данных, необходимый только для отображения за определенный отрезок времени, а при масштабировании, когда требуется показать весь график с начала и до конца, данные аппроксимируются на серверной стороне и выдаются клиенту для построения кривой(-ых). Похожим образом работают картографические онлайн сервисы.
> оп
> главному языку будущего
Сейчас я на вас тонны говен выливать буду. Готовьтесь.
Была идея создать теггер изображений и фоток (IPTC там, XMP и прочая хуйня, не суть), который параллельно бы мог писать теги спецформатом в именах файлов. Который был бы кроссплатформенным и мог бы выполняться в любом браузере на любом устройстве.
Но вкопав эту тему, я узнаю, что этот ваш ебаный во все дыры жабаскрипт НЕ МОЖЕТ ЧИТАТЬ ФАЙЛЫ ЮЗЕРА!!!11 Блять, язык! программирования! не может! читать файлы, нахуй!!!1 В XXI веке, распидорась вас всех тридцатью тремя страпонами!! Где находится юзер - мы покажем, да. И сфотографируем все. И даже голос его запишем - держите! А вот, блять, пару файлов с диска считать и поработать с ними - нихуйаааа! Даже, блять, предупредив юзера что и где меняется!!
Фуух, выдохнули.
Короче, отстой этот ваш жабоскрипт. Отстой отстоев и пиздец пиздецов.
мимокрок, думавший изучать это вот подобие яп
>>878062
Что, жрете это говно и не давитесь? Нуну, продолжайте, продолжайте. Язык программирования, не умеющий в простейшее чтение файлов - феерический отстой.
хорошо. а теперь уходи, толстяк
найми js помидора за 300к/наносекунда, чтобы он сделал тебе кодревью и нашел где течот. кода походу немного, так что недороха тебе это встанет. самостоятельно, вангую, не справишься. утечки на ноде дело обычное и иногда пиздецки трудноизлечимое.
Я гонял ноду с профайлером, она не течет, просто почему-то на ебанной centos разрастается heap ноды, а когда ее киляешь, память не возвращается системе.
Вот график свободной памяти за 8 дней (зеленое === заебись). Выступы на графике - рестарты нодных инстансов и они соответствуют тому, сколько РЕАЛЬНО ноды потребляют.
А что мне это даст? Что я увижу кучу строк в обертках от V8?
ну если ты думаешь, что ничего не течет, а проблема в ОС, то очевидно надо проверить скрипт на другой ОС прежде, чем делать что-то еще.
> Запускал все тоже самое на виртуалке убунтовской (16) и под генту свежесобранную, все работает месяцами
Я предположил, что кто-то сталкивался с подобным или разбирается в этом лучше меня. Ось не могу сменить, ну никак просто, а другой железки нет.
>Сейчас я на вас тонны говен выливать буду
Хотел на нас, а в итоге облился сам.
Но я посмеялся над тобой, спасибо.
> Есть смысл проект на node.js переписывать, если одновременных запросов на сервак немного? Максимум 3-4 одновременных.
Нет
> Коллеги пиздят, что быстрее станет из-за асинхронности,
Да
> но я что-то сомневаюсь, ведь нода все равно нихуя делать не будет во время этой асинхронности.
Что значит нихуя не будет делать? Она отправит запросы в базу и будет дальше принимать реквесты, пока не придут ответы из базы.
Так реквестов всего 4, а mysql запросы долгие по 3-4 секунды, значит будет тупо ждать колбэков, и ничего не делать. Короче понял, если бы запросов были тысячи, наверное имело бы смысл, а так просто то же самое будет как в обычном серверном языке, только асинхронно.
> mysql запросы долгие по 3-4 секунды, значит будет тупо ждать колбэков
Нет же, в этом и отличие синхронности пыхи и асинхронности ноды. Нода в ожидании колбека будет делать что-то другое
С параметрами запуска ноды пробовал играться, не? Ну там выставить ключ --max-old-space-size например.
https://twitter.com/tjholowaychuk/status/480753206301966336
Учитывая то, что кроме >>878165 никто ничего путного против не сказал да и то, детская отмаза, которую сейчас разобью ниже - все таки говно на вас.
>>878165
Раз. Я не храню такую информацию в незащищенных тхт-файлах, и уж тем более на рабочем столе.
Два. Я не дал твоему коду доступ на чтение для этого файла и он поломался.
Еще вопросы?
Маня, хватит позорится.
Или узнай для себя, что ни один язык тебе не дает читать файлы. Это делает рантайм.
Будь то либы ОС, или песочница виртуальной машины дергающая в итоге все те же либы ОС.
Потом узнай, что у js сегодня есть как минимум два популярных рантайма. Нода и браузер.
И там и там есть файл апи.
И даже в браузерах, позволяющая читать только те файлы, которые разрешит пользователь.
То что ты не умеешь, это не язык виноват.
А генетика. Это не исправить.
что нужно знать из js чтобы уже начать писать не реакте?
Что значит "из js"? Нормально писать на фреймворке ты будешь тольк тогда, когда будешь понимать как он работает
После прохождения основного курса. А ещё и желательно с этими двумя дополнительными разделами ознакомиться
https://learn.javascript.ru/webcomponents
https://learn.javascript.ru/ajax
спасибо няша
А с ключом "--expose-gc"?
И по интервалу, скажем, раз в час заюзать global.gc() ?
Чисто эксперимента ради, интересно узнать результат. Хотя ты уже делал, наверное.
По завершению обработки данных сборщик мусора запускается ручками (вешает луп на 1 сек, но в целом куча разрастается медленнее), уже пробовал. Я уже забил хуй и переписал на GO, хоть у меня нет никакой квалификации и нормального опыта написания на нем, работает чуть быстрее (только парсинг JSON занимает почти в 2 раза больше времени).
Алсоу, у самого нода на машинке с кентосом шестым и 2ГБ (или 3ГБ, не помню) оперы говносайтик автономный обслуживает. За 3 месяца слилась однажды, ЧСХ форевер не перезапустил инстанс озоза.
В логах ничего не нашел, по всей видимости надъебнулась вместе с осью.
>забил хуй и переписал на GO
СЛАБАК.
На самом деле просто пиздец как интересно было бы разобраться в проблеме. Но по всей видимости в твоем случае трабла платформозависимая, раз под убунтой не течет.
Да я рад бы поковырять сам, только времени нихуя нету, все нужно БЫСТРЕЕ БЫСТРЕЕ. Но спасибо, советы были по делу.
Возможно нужно просто установить нормальное значение оперативки, при котором начинает работать GC, по умолчанию это два гига, попробуй для начала просто форсировать его в коде время от веремени.
Как переписать код, чтобы без этого? Или для жс это норма?
Первый шаг - это изучить Promise, второй шаг async\await. Callback hell уже довольно давно в прошлом
поясни, ибо чтение книжки слишком утомляет, да и опыта написания кода, форматирования не появится в процессе чтения, нежели в процессе выполнения заданий.
http://pastebin.com/vC09HHCY есть скрипт. Саксесс проходит, но значение класса .total-likes/dislikes все равно меняется только после рефреша пейджа. хз, в чем проблема, гуголь не помогает.
ссылки на хтмл и вьюху джанги http://pastebin.com/Jar8b5pe http://pastebin.com/hAdztNyt
*алерт саксесс проходит, т.е. еррор не кидает, и типа скрипт рабоатет. но все ранво ничего не обновляется.
Туда ли ты вкатился тогда, если тебя чтение книжки утомляет, а из всех источников примеров только такое вот поделие для выращивания быдлокодеров? Мхех.
Начнем с того что тебе руки надо оторвать за пихание нескольких элементов с одинаковым id на страницу
Странно, но я всегда считал, что есть несколько методов восприятия информации и каждый человек более предрасположен к одному из видов.
Что-то по делу будет? Я изучил основной курс ресурса learn.javascript.ru и после решил закрепить практикой на другом ресурсе, какие проблемы? Что мои действия слишком рациональны?
Не хотелось бы тебя огорчать, но твои посты схожи с "кококо, не читал, не познал ЯЗЫКА"
Таки не плохой катализатор ты выдумал, что если не читал => быдлокодер, да вот только быдло сейчас ты.
Далее, я вообще не шарю в jq, но чет мне лично стремно за использование $(this) внутри $.ajax success. Как ты считаешь, контекст часом не потеряется?
Я ведь просто хочу научиться владеть данным ЯП, ЧЯДНТ? Не читаю? Вроде как уже 21 век, что за бред
>мои действия слишком рациональны?
>теребить оптимизированные под даунов-аутистов примеры на сайте для сгребания бабла с дурачков с мышлением в духе >>878485
Удачного обучения, сладкий. Многому научишься. 300К не за горами.
походу потеряется. я сам не знаю, второй день ковыряю жквери. вынеси this в варайблы за пределы саксес - дело сдвинулось с мертвой точки. спасибо.
Ну вот и славненько. А надо было всего лишь подумать (ну или js учить прежде чем на либах писать, ну это такое)
Да выучу еще. Мне просто надо для учебного проекта срочно подкрутить немного фронта. Зато теперь немного знаю, как работает аякс, и как с ним работать в связке жквери + джанго.
>теребить оптимизированные под даунов-аутистов примеры на сайте для сгребания бабла с дурачков с мышлением в духе
>даунов-аутистов
новичков?
>сгребания бабла
70% курса бесплатно
Хорошо, предложи альтернативу? Без чтения литературы, которую перевёл лингвистне программист, в которой полезной информации хотя бы 70%, а 30% воды, пускай.
просто читать доки, не? есть куча беесплатных курсов, сейчас на той же https://www.codeschool.com/ все бесплатно целую неделю.
https://www.codeschool.com/ так ведь это тоже интерактивный ресурс и да, там я уже всё выполнил.
Молоток. Я просто не люблю, когда не с той стороны заходят, ну ты понял.
>>878503
Зачем тебе после Кантора сдался codecadamy? Там же задачки для ньюфань, а если ты Кантора прорешал тебе и будет казаться все легким. Сиди пили свои проекты или чего-нибудь поглубже читни, вида YDKJS, либо про тот же es2015 (книгу Акселя - exploring es6), или про функциональщину (Professor's Frisby guide to functional programming/ JS Allonge). Или за фреймворки/либы/языки садись (react/angular/ember/cycle.......) Безграничный простор для самосовершенствования.
Жабаскрипт.ру/MDN (ну или даже MSDN)/StackOverflow для ответов на все охуительные вопросы ньюфага. Это комбо способно покрыть все потребности по изучению клиентского JS для новичка, даже читать-то не так много приходится. Потом экспериментируешь и изобретаешь велосипеды в порядке экспериментов, а не лениво примерчики листаешь, пользы явно будет больше, чем от сайтов, где чуваки с макбуками в видосах рассказывают, как они стали успешными и все телки им дают, после того как те показывают свой профиль на гитхабе или успешный стартап. МММ уровня /pr/.
>>878507
Еще один говно какое-то притащил, лол. Про доки согласен, в принципе.
Я думал разные форматы, вседела, поэтому и решил там порешать.
Мне более интересен ООП, если честно
Ну, это не отменяет всего, что я перечислил.
Так же есть канал на ютубчике прикольный
https://www.youtube.com/channel/UC8A0M0eDttdB11MHxX58vXQ/videos
Можешь его еще глянуть.
Скиньте какой нибудь инсайт, или чего еще интересного.
Есть два знакомых с касперского. Какой тебе инсайд? Учишь ангуляр2 -> пилишь несколько проектов -> идешь устраиваться. Ангуляр2 почему то больше любят в больших компаниях, таких как эти. Реакт выбирают стартапы и конторы их обслуживающие.
Ну понятно, что пишете,но конкретно что? Тудушки? Круды?
Скока примерно времени займёт у меня стать ФУЛ СТЫК дивилапирам, а?
Халявщик короче...
Что ты под этим понимаешь?
Такая http://electron.atom.io/ штука есть.
Какая разница же на язык при работе с десктопными гуями, это же больше про либы.
Ну примерно о том и речь, тот же pyqt требует наличие pyqt и питона у всех, кто попытается запустить мое приложение(pyinstaller и подобные ему не в счет, работают через жопу, у кого то все сразу заводится, а у кого то хуй, я попробовал на 6 разных компах и только на одном удалось собрать экзешник). У js есть вырианты на этот случай, или этот самый электрон должен быть у каждого конечного пользователя?
В экзешник електрона вшиваются все зависимости, вплоть до самой ноды и движка браузера.
Ну, я начну пожалуй с синтаксиса самого js, а уж всякие электроны с ангуларами буду учить по мере дел. Ну и я так понимаю, что 100 мб это на либы, и это хуйня, особенно как писал >>878757, в 2016 уже норма когда приложения по 8 гб весят без плагинов (а у меня когда то была CDRW, я с ней к соседу несколько лет бегал, игори записывали, музыку, и еще место было)
Не плоди сущностей, сука. И вообще, с каких пор bloatware стало чем-то хорошим? Электрон хорош для каких-нибудь МУЛЬТИМЕДИА-РИЧ приложений, но вот утилитки на нем какие-нибудь делать - маразм.
Тратить время на маловажную хуиту, такую как оптимизация размера приложения — куда больший маразм.
Сначала должен быть продукт. И только затем надо думать о его улучшении.
Это сарказм, или среди тех кто начинает вкатываться в js принято сразу учить фреймворки?
Да просто заебали те, которые толком не разобравшись в языке берутся за либы/фреймворки, потом закономерно всасывают и бегут задавать приметивнейшие вопросы, которых бы не возникло, если бы сначала удосужились язык поковырять.
>среди тех кто начинает вкатываться в js принято сразу учить фреймворки?
Да, принято. В результате мы имеем толпу жс-макак, стандарта не читавших.
Хороший слоган для Электрона.
Электрон - это просто бандлер, как и NW.JS.
Для всего остального есть mastercard нода.
Для тяжелых случаев (может быть, как в твоем) есть Node + FFI.
Не спрашивайте, как так получилось.
"Почти все начинают с HTML и CSS. Поверьте моему опыту — сейчас это не так важно. Если вас берут на позицию именно FrontEnd-разработчика, а не “верстальщика с жээсом (c)” — ваша задача показать, что вы умеете решать задачи. Тогда вам простят отсутствие владения “responsive дизайном”, незнание всех хаков для позиционирования элементов на странице и т.д."
Frontend Dev: хороший, плохой, злой. Часть 3: Злой путь
Есть одно оффлайн приложение, написанное на ReactJS + MobX.
Источником данных выступает нода, отправляя через определенный интервал времени пачку данных. Данные эти необходимы для рендеринга таблиц и построения графиков на протяжении всего времени работы приложения. Число пакетов с данными может исчисляться тысячами.
Суть в том, что продолжительность работы приложения заранее точно неизвестна (клиент в режиме получения данных может висеть час, а может и более), посему вся эта каша с каждой новой пачкой данных начинает закономерно лагать все больше (в основном, из-за "observable" стейта MobX).
Сейчас, пока приложение в девелопменте, через MobX React DevTools можно профилировать время рендеринга компонента после обновления данных в стейте, соответственно можно выкидывать на клиенте предупреждения вида "АСТАНАВИТЕСЬ!".
Но что вы посоветуете использовать в продакшне? Допустимо ли оставлять профилировщики в финальном коде, для отлова фризов при рендеринге?
OK.Спасибо.
Учи Dart. Гугол мудохался с TypeScript чтобы быть ближе к народу, но в итоге признал, что лучше Dart ничего не придумали. Все внутренние продукты делаются на нём. Скоро настанет его моментум.
Я не понял, так реально щас пишут? Оно не будет тормозить, если я весь фронтенд напишу, используя эти компоненты с пререндером? Как кешировать? Бэкенд JSON-API.
Если не будет лагать, то просто аллилуя, я джва года ждал нормальных компонентов JS, как в каком-нибудь дотнете.
У меня из опыта разработки только ноджс, а она сейчас никому уже не нужна (почти). Плюс, я смотрю вакансии на удаленку и там много фронтендеров ищут всегда.
> можно найти работу во фронтенде, если я нихуя не умею верстать и не знаю цсс?
>из опыта разработки только ноджс
>сейчас никому уже не нужна
Прости, но ты какой-то очень пизданутый.
я хорошо знаю js. не помню, когда последний раз я устраивался в какую-то фирму, где использовался бы фреймворк с которым у меня был опыт работы(express, backbone, angular, ext). например, последнее собеседование закончилось словами чувака, который делал код-ревью тестового задания: этот парень явно первый раз писал сегодня под angular, но он хорошо знает ванильный жабаскрипт - берём.
хуй знает, это же очевидная истина. если ты хорошо знаешь сам язык, этого достаточно для трудоустройства в фирму с любым стэком основанным на этом языке.
про невостребованность ноды и остальное - просто без комментариев.
блять, я как только в веб девелопменте начал работать, сразу захотел апнуться до кодера и забыть нахуй верстку, как страшный сон. а ты хочешь наоборот? ебанутый, ты не представляешь себе, какая это адская попаболь - верстать.
> какая это адская попаболь - верстать
ну в новых проетах на ие и 12 жоперу уже все хуй кладут
ну теперь надо взять всякую респонсив-верстку, цсс препроцессоры, мутить всякую анимацию с хтмл5.
тебе два человека говорят, что ты пизданутый. забудь про верстку.
Ну такое, на флексах очень легко теперь таки верстать. А в препроцессорах и анимациях нихуя сложного вообще нет. Даже даун за недели 2 разберется.
ну хуй знает, может быть. я-то не верстаю давно. сужу только по нытью тим-лида верстальщиков, который страстно желает перекатиться в кодинг. по-моему, тупо из-за большей зп и меньшего объема работы.
Если коротко, какие области применения у наиболее популярных либ, таких как Jquery, Reac, node, angular?
Можно писать на CoffeeScript с выше перечисленными либами? Или кофе меняет только синтаксис самого js?
И главное, что бы запускать мои хелоуворды, мне ничего не остается, кроме как пихать их в html и запускать уже его?
А что такое, боишься что один из мамкиных вкатывальщиков займет твое место? Ну так ты сразу чемоданы упакуй, и присесть будет на что, как только твои жопку выпнут на вопросы отвечай, пнятненько?
бамп
Нужно просто вставлять форму в нужное место. И причем тут hidden-элементы?
Может тебе стоит начать с азов работы интернета? Потому что без понимания отличий бекенда от фронтенда далеко не уедешь
Сема.
>>878800
Почему никто не посоветовал использовать функцию instanceof. Сидите тут и обмазываетесь своими ангулярами. Фу
ну, было бы просто сделать форму под каждый коммент на уровне бекенда, и просто прятать её.
Дристанул с этого гения.
Почему стыдно? Отрисовка изображений на стороне сервера может быть вполне оправдана.
Стыдно должно быть тем, кто занимается генерацией элементов на сервере. Блядский Java Server Feces, как можно было до этого дойти?
даже алерт не выполняется
Опиши как работаешь. Я не прогромист, но мне нужно правдивую историю что я фриласнер, знаю джава скрипт.
Суть будет в том, чтобы показывать связи между ссылками, то есть в основном между текстовыми объектами.
На чем лучше рисовать? SVG? Бывают вообще приложения полностью на SVG?
Или на дивах все построить и прикрутить какую-нить либу?
Я тут как-то спрашивал в утонувшем >>876146
MindMeister зовется
Там все на дивах. По крайней мере внешне. Не слишком ли это геморно?
Кантора почитай, например
> интерфейс "на дивах"
расскажи, почему так лучше?
> canvas
не хочу канвас. он какой-то стремный.
при том, как я буду те же дивы с текстом анимировать?
>в третьей про точку с запятой так и не написали.
а что про нее писать, пару кейсов asi и норм
Ананы, скажите, вот есть какой-то смысл ваять приложение полностью в SVG? Я не могу найти примеров. Какие могут быть подводные камни?
А вот заюзать какой-нибудь SnapSVG, и заебись. Разве нет? SVG и CSS-ом можно стилизовать. И поддержка в браузерах есть. А анимацию один член яваскриптом делать.
Зачем нужен Canvas? Он же скучный. Пиксели одни.
А SVG с домом дружит. Вроде как возможностей много из-за этого, не?
я бы тебе в рот насрал
Я вон в фотошопе могу и в пэйнте тоже.
Так что, наверное, я тоже в каком-то смысле программист.
3d графон выводить
> пацаны, express-admin можно юзать ?
Почему нет?
> Хули все не как в джанго
Это абсолютно различные фреймворки. Джанго это хуяк-хуяк и в продакшн, экспресс совсем про другое. Если нужно что-то вроде джанго на ноде - смотри в сторону чего-то вроде keystonejs
Разрешаю.
>Хули все не как в джанго
Ты зачем экспресс схватил? Экспресс - это как фласк. Как джанго - это Sails.js или Adonis.js.
>>879812
побоялся что не будет на чем то менее известном вспомогалок типа passport bcrypt и jwt всяких
да я в курсе эт просто крик души был.
алсо keystone попробую, но че то во всех названых админки искаропки не нашел мож не заметил бегло смотрел
Я не понял, так реально щас пишут? Оно не будет тормозить, если я весь фронтенд напишу, используя эти компоненты с пререндером? Как кешировать? Бэкенд JSON-API.
слева на пикрелейтед локальная версия, справа на хостинге.
Код API находится в отдельном js файле.
Если перенести код в html то все блять будет работать и на хостинге какого хуя вообще?
Ребята есть такая замечательная UI библиотека Semantic UI. Есть React-биндинги к ней: http://react.semantic-ui.com/elements/container
Я не понял, так реально щас пишут? Оно не будет тормозить, если я весь фронтенд напишу, используя эти компоненты с пререндером? Как кешировать? Бэкенд JSON-API.
и попутно еще вопрос, там в самом низу есть ссылка "view my full cv" которая при наведении меняется на иконку, я прошелся по всем элементам в блоке и увидел в EventListeners девконсоли нихуя, так же как и в минифицированном файле стилей - как вот это все находить когда надо, а код не твой и при условии что поведение (анимация) может быть реализовано не яваскриптом а стилями?
Хуй знает, костыли это все. По сабжу - испектруй хтмл, много либ остаюсь свои следы там. Например, вью - директивы v- ; Ангуляр - ng- ;
Ебать он тормозит.
Странный ты. jQuery с плагинами там. Плюс самопись некоторая.
jquery: "lib/jquery",
modernizr: "lib/modernizr",
easing: "plugins/easing",
parallax: "plugins/parallax",
smoothScroll: "plugins/smoothscroll",
helpers: "modules/helpers",
metrics: "modules/common-metrics"
Но там интуитивно хочется тыкнуть именно в дырочку.
ага, спасиб братишка, я то поиском ".js" высматривал, а в paths ваще не глянул - тупанул.
во, и как раз requirejs/almond все в бандл таки заворачивает
в общем выходит только сорц только хардкор, и повнимательнее высматривать чо где
> Как джанго - это Sails.js или Adonis.js.
Вообще нет. Sails - это RoR, Adonis - Laravel.
Они такие же джангоподобные, как и экспресс
Файл с кодом api не подгружается, очевидно же
Это что, мне надо городить внутри then, return new Promise, а внутри него еще async.each зафигачить чтоли? Нахуя они нужны тогда вообще, это как-то неэстетично получается. Тогда уж проще юзать async.waterfall + async.each. Или я вообще все неправильно понял?
Юзай promise-версию async'а. Там можно просто return async.each(...) делать и следующий .then получит данные из async'a
https://www.npmjs.com/package/async-q
Господа, посоветуйте жи.
Что юзать в продакшне для контроля скорости рендеринга реакт-компонентов?
Если чистить обсервируемые MobX переменные - среагируют обсервер-компоненты же и срендерят целое НИХУЯ.
Проблема именно что в скорости ренденринга компонентов при разрастании массива данных. Хочу это детектить превентивно.
Нужна внятная помощь по их API
Я не понял, так реально щас пишут? Оно не будет тормозить, если я весь фронтенд напишу, используя эти компоненты с пререндером? Как кешировать? Бэкенд JSON-API.
Осел поддерживает ES5, а большее и не требуется.
Бамп вопросу(я тоже интересуюсь с теми же самыми целями)
Все возрастающие объёмы тупой работы,хочу начать все скриптовать,но не хочу оказаться с vba наедине когда меня выпнут на мороз.
Вопрос -для меня тупенького-JS сможет в задачи быдлоскриптов вордов екселей пдф жпг вместо vba ,как надежда что в будущей профессии позволит кушать?
babel
мимо-фрилансер-300к-в-наносекунду
меня от жквери одного бомбит, я не представляю, какл юди заставляют себя обмазываться ангулярами и прочим дерьмом
JSX HTML COMMENT
JS REGEXP LOOKBEHIND
Ну, я просто привык и мне больше не больно.
учить какой нибудь фреймворк?
Нет каких-то рамок, что и на чем делать. Все можно делать на всем. Понимание что и почему лучше подходит приходит только с опытом и знание технологии.
Понял, спасибо за ответ.
прив, пилю чатик на webRtc и ноде, накатил сейчас в облако релейт https://github.com/priologic/easyrtc
вроде пашет, но похоже что-то со звуком, зайдите кто нибудь плиз для теста https://videochat.red/demos/demo_audio_video_simple.html
пик рандом
>880690
Антон, ну ты где?
смотрю сейчас это http://www.slideshare.net/CiscoRu/html5-webrtc-jabber-guest
кекнул с релейта
>пик2
хуясебе, если сиська не траллит сколько сейчас индусов не впишется в рыночек
Я единственное чего не понимаю, хули WebRTC так заточен под сраные видеозвонки. Мне вот они нахуй не всрались, мне бы просто п2п коннект.
Вообще какое-то время даже пытался писать п2п сеть, но обосрался с шифрованием, либ не было особо(2013) или плохо искал.
Алсо чего я еще не понял, нахуй нужны какие-то токены, токен-серверы, пиздец блять, почему нельзя просто, по человечески, айпишник:порт. Неее бля, на токен сервер постучи, он тебе токен выдаст. Никакой децентрализации, ты че, охуел?
Кабы было так просто, то с помощью WebRTC можно было бы замутить дудос ботнет.
Решил разобраться наконец-то с реактом-редуксом, есть сервер на ноде с вьюхами и отдельно апишка. Приложение средних размеров, логики много, и из туториалов я не все понял. У меня есть пара обьектов которые я забираю из апихи которые я бы хотел чтобы были доступны сразу во многих компонентах. Например, конфги от которых зависит леяут, или модель юзера. И я хз, мне кажется что делать для них отдельный реквест в каждом компоненте где они нужны как-то неправильно. В mvc есть хелперы которые доступны или глобально, или для какого-то контроллера, как можно запилить что-то подобное на редуксе?
Сам думал над вариантом чтобы делать реквест в корневом компоненте, и передавать нужные обьекты ниже по дереву, но все равно сомневаюсь. И вообще мне кажется что там можно просто в стор запихнуть и оно будет везде доступно, но я хз как. Просветите короче чтобы не придумал говна в самом начале приложухи.
Я хз как в редуксе называется эта поебень, но в мобиксе есть провайдер и инжектор.
В провайдер оборачивается материнский компонент и с помощью пропсов передаются необходимые стейты.
Инжектор инжектит указанные тобой стейты в дочерние компоненты.
Все очень просто.
Провайдер вроде есть и в редуксе, по крайней мере я видел как в него запихивали апп. Получается, забираю глобальную инфу для провайдера, и передаю куда надо типа user=this.props.user?
>>880859
Наверное, все так и есть:
https://github.com/reactjs/react-redux/blob/master/docs/api.md
Только в отличие от MobX в редухе не инжект, а коннект.
Что, впрочем, монопенисуально должно быть.
Ан нет, в редуксе через провайдер можно передать только один стор, ибо унисторовая парадигма, да.
>заточен
ноуп. там есть и дата-ченель https://videochat.red/demos/demo_data_channel_filesharing.html
все возможности https://videochat.red/demos/index.html
>почему нельзя просто, по человечески, айпишник:порт
можно https://github.com/cjb/serverless-webrtc
> изоморфного/универсального javascript
Это околомиф. Действительно изоморфным может быть процентов 15 проекта
Ожидал, что как раз 15% будет серверного когда, а все остальное можно будет сделать изоморфным.
Ок. Не стоит заморачиваться, так я понимаю?
> что как раз 15% будет серверного когда, а все остальное можно будет сделать изоморфным.
Для такого делают специальные фреймворки, вроде https://www.meteor.com/
Здравствуй, анон. Помоги с кодом.
Как сделать так, чтобы алерт высвечивался рандомный?
То есть у меня есть кнопка, написанная на хтмле с функцией, есть то, что должна делать эта функция в js. Вопрос: как сделать так, чтобы выпадал рандомный алерт из предложенных?
Случайное число
http://mblogm.ru/blog/randomness-in-js/#_random
Условные операторы
https://learn.javascript.ru/ifelse#несколько-условий-else-if
WebStorm, если что.
Preferences -> Appearance -> Theme ?
вар массивТекстов = ['аааа',бббб','ццццц']
алерт(массивТекстов [Math.floor(Math.random() * массивТекстов.length)])
На рубяшке можно вызвать sample, а на жсе нужно городить рандом в флоре, но это все равно компактнее чем ебашить кондишены. Соответственно и работает только если нужн овыбрать какое-то значение, если нужно выполнить действие, тогда свич
а как это все привязать к кнопочке?
ну есть кнопочка, и она должна выдавать рандомный вариант
вот кнопочка
<button onclick="призач()">Название кнопочки</button>
А. Ок. Думал бойлерплейт пилится на голом экспрессе за пол часа. Может потом еще гляну этот топик - звучит все равно интересно. Спасибо.
<script>
фанкшон призач(){вар массивТекстов = ['аааа',бббб','ццццц']
алерт(массивТекстов [Math.floor(Math.random() * массивТекстов.length)])
}
</script>
<button onclick="призач()">Название кнопочки</button>
Скрипты импортятся в проект а не в идеешку, проще всего ебануть через гугловский cdn
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
зы жиквери кидай перед своими скриптами
зы2 если жиквери код нихуя не сделает, его нужно запихнуть в реди хендлер для документа
Анончик, а ты ещё не знаешь, как реализовать что-то типа системы, которая добавляет n-ое число, в зависимости от того, что срандомило.
То есть изначально копилка 0, и выпало 10, а, в следствии, эта копилка становится 10.
<b>Fatal error</b>: Call to undefined function blahblah() in <b>/blah/blah/blah/blah.php</b> on line <b>51</b><br />
В то время как такой же запрос из Postman работает нормально. Какова вероятность того, что дело в php скрипте?
Это и есть php ошибка, там расширение файла указано. Я просто не пойму, почему ajax работает криво, а в постмане всё норм.
По хорошему тебе код давать не стоит, но я готов на все лишь бы не работать. Что-то типа такого. Первый варик если совсем рандом, второй если пары текст-значение
(function(){
var kopilka = 0;
function clickHandler(){
texts = ['t','t1','t2'];
randomText = texts[Math.floor(Math.random() texts.length)];
randomNum = Math.ceil(Math.random() 100); // 1-100
alert(randomText);
kopilka += randomNum;
}
function clickHandlerTwo(){
texts = [{text: 't', added_value: 1},{text: 't1', added_value: 2},{text: 't2', added_value: 3}];
randomResult = texts[Math.floor(Math.random() * texts.length)];
alert(randomResult.text);
kopilka += randomResult.added_value;
}
})();
На 5-6 строке там проебалось умножение из-за макабы. А вообще то я понимаю что мб у тебя курсач горит или нужно страничку выкатывать, но в будущем пытайся сначала с такими вещами разбираться сам.
Для кого в оп-посте дана ссылка на jsfiddle?
хорошо, постараюсь
Что именно нужно прочекать? Я посмотрел, какие используются во вкладке network, скопировал их оттуда в postman, он всё равно работает.
Если инфа в экшене приходит, а в next state ее нету, я проебался в редусере?
>нахуй вы ваще в /pr вкатываетесь говноеды
Вакансии в моей мухосрани - это пхп, фронтэнд, питон и иногда мобильный устройства.
Работы нет. Надо что-то с этим делать.
Потому и вкатываюсь.
Блять! Ты чего англ не знаешь мудак ? Есть же апворк! Свободно поднимаю 30$/h из своей мухосрани. За год квартиру купил.
Лол, фантазер, если бы ты заработал хотя бы 1/10 от стоимости квартиры, тебя бы уже налоговая схавала с говном.
Жизнь слишком коротка чтобы проверять все, что только можно проверить.
Просто не передавай функцию все дерьмо подряд.
привет, есть какие-нибудь материалы по node версии 6 и 7? Я "сухой" референс/документацию вообще не могу впитать, а вот какие-нибудь чтиво с примерами/разбором с удовольствием впитал бы.
На русский язык даже и не претендую, у нас до сих пор форcят видео туториалы по ноде нулевой версии :pandaredlol
Ну ты бы разобрался сначала чем отличается нода 6/7 от нулевых версий.
В 6-ой добавили поддержку es-2015 и немного сахара. http://learn.javascript.ru/es-modern
В 7-ой async/await без babel.
>Жизнь слишком коротка чтобы проверять все, что только можно проверить.
>Просто не передавай функцию все дерьмо подряд.
Нужно сделать цитатник JS программистов.
так вот для "разобраться в отличиях" хотел обмазаться
Необходимо сделать так,чтобы в <b>таблице</b> на сайте данные были динамичны,т.е подгружались с другого ресурса и сама таблица бы выглядела с динамичным контентом
>>881402
мб выше как-то не так выразился, но я имел ввиду не ES6/ES7, а именно Node.js стабильной 6.9.1 версии и новой 7.2.0
В том посте и написано про версии ноды
Две кнопки - одна "минус", вторая "плюс". Между ними input[type="number"], в котором я через css убрал стрелки. Мне бы теперь при помощи jQuery по нажатию на "минус" отнимать единицу, а при нажатии "плюс" - соответственно прибавлять единицу. Но вот будет ли понимать jQuery атрибуты min="0" max="9"? Если нет, то можно как-то обрабатывать нажатие на плюс или минус как нажатие на стрелки в input[type="number"]?
Зачем тебе там jquery, если браузер и так добавляет кнопки? А если хочешь сделать свои кнопки, то ставь type=text
>>881569
>17:32:39
>Зачем тебе там jquery
>17:32:40
>Зачем тебе jQuery
Чота лол.
По существу:
>если хочешь сделать свои кнопки, то ставь type=text
Если делать type='text', то нужно будет на jQuery писать регулярку, запрещающую все символы, кроме цифр. Это же юзвери. Им обязательно захочется в это поле ебануть слово "хуй" или ещё чего. А мне это потом обрабатывать на php? Не, не горю желанием. А ещё придётся программно ограничивать диапазон чисел, от 0 до 9. type='number' решает эту задачу за меня. Мне нужно просто сделать прибавление/вычитание в type='number' при помощи jQuery таким образом, чтобы оно понимало атрибуты max и min. Пока писал пост - сообразил, что можно просто читать значение атрибутов на jquery.
> то нужно будет на jQuery писать регулярку, запрещающую все символы, кроме цифр...
А чем HTML5 валидация не устраивает?
Вот пример счётчика без jQuery: https://jsfiddle.net/dg35x1kg/
Переменные-айдишники я юзал только для сокращения кода.
>А мне это потом обрабатывать на php?
Ти дуряк. Мамкин хакер тебе прямым запросом этот "хуй" пришлет в твой php.
Валидация на клиенте - это проверка на ошибки, не более.
Код хорош, не спорю. Но у меня всё на jQuery. Не хочу смешивать. Написал на jQuery и вроде бы всё работает, но если таких счётчиков будет несколько в ряд, то возникает проблемес: следующий инпут может иметь значение либо на 1 больше, либо на 1 меньше предыдущего. И почему это происходит?
https://jsfiddle.net/gf89qa8m/5/
>>881595
Я это сказал в контексте type='text'. Текстовое поле для целочисленных значений это... Странно?
>И почему это происходит?
Скорее всего у тебя все завязано там на первый инпут.
Что-то типа такого может помочь https://jsfiddle.net/gf89qa8m/6/
Спасибо, анончик.
Об этом написано у Кантора где-то в "основах"
> или как гуглить?
Я бы на твоём месте гуглил "unary plus js"
Первая же ссылка в гугле: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Unary_plus_()
СПАСИБО! Не знал, что он приводит к числовому виду.
+'123'
+'123.123'
няшечки вы мои, мимими
parseInt, parseFloat, подойдите-ка, мои хорошие.
Вот молодцы... А НУ ПОШЛИ НАХУЙ БЛЯДЬ ТВАРИ СРАНЫЕ КАК ЖЕ ВЫ ЗАЕБАЛИ.
> parseInt, parseFloat, подойдите-ка, мои хорошие.
> Вот молодцы... А НУ ПОШЛИ НАХУЙ БЛЯДЬ ТВАРИ СРАНЫЕ КАК ЖЕ ВЫ ЗАЕБАЛИ.
Я бы на твоем месте не был так категоричен
+'123.45asd'
parseFloat('123.45asd')
Да это понятно, я спрашивал про STUN'ы всякие.
Мне нравится, когда мой код предельно ясен.
Алсо, мне это вообще надо, если я планирую заняться вебразработкой как js/jquerry + html/css +ruby on rails опционально макака с эволюцией в джуна итд вверх по ступеням эволюции?
планирую выучить все в книжуле про js+jq и дальшеьсмотреть node.js, coffescript, параллельно приобретая базовые знания по рельсе. короче реквестую гайд что учить и как
Например, я задаю, что такой-то контейнер содержит элементы с такими-то размерами и такими-то отступами и таких элементов должно быть не больше 3 в ряду. И Js мне подгоняет ширину контейнера, чтобы она была равна ширине 3 элементов + заданные отступы.
Есть ли что-то вроде такого? Альтернативные решения тоже приветствуются.
Пока джун про алгоритмы могут поспрашивать чисто от нечего делать или посмотреть на твою соображалку. С большой долей вероятности ничего экстраординарного делать по работе не придется, это больше к бек энду, когда надо хитровыебанные штуки пилить. Но бывают и исключения.
С мидлов и сениоров уже могут требовать знания алгоритмов даже при фронт энде.
Вообще задача такая:
Внешний контейнер выравнивает внутренний контейнер по центру, а внутренний контейнер выравнивает содержимое по левому краю. Внутренний контейнер не имеет строго заданной ширины в css, при этом в ряду должен отображать не больше n элементов.
имею сертификаты pet с отличием(99 баллов, это на уровень b2, вроде), и ilts, или как его, не полезу ночью искать. Короче, свободно базарю и пишу, особенно в техническое/химическое направление. химик-аспирант в треде, лол
>>881743
т.е стоит все эти дела знать на базовом уровне и дальше соскочить на реальные задачи? Был как то план влезть на фриланс, брать заказы и беспощадно обучаться прямо во время исполнения посредством гугления. Взлетит?
okey
Может я что-то через жопу делал, но на флексе у меня вот примерно типа такого не получилось
Есть смысл пойти в хороший офис на годик-два, что будет проще, так как у тебя всё хорошо с английским. Там и на реальных проектах посидишь, и если повезет, привьют стремление писать качественный код, а также можешь получить опыт программирования в команде.
но в хороший без знаний/опыта не возьмут. Или тема с "нам нужен 25 летний специалист с 30и летним опытом работы в НАШЕЙ компании" тут не работает?
И браузер пилить на нем.
Чтобы и html\css\xml парсер был на js
И рендеринг.
Чтобы как можно меньше было низкоуровневого..
Оставить в низу только виртуальную машину с джитом.
Ну вообще да?
Я наверное сделаю потом на sass + media queries.
Наверное это ближе всего к тому, что я хочу.
Ну тебе и заказы может оказаться брать сложновато без опыта/знаний. Или успешно (чтобы отзывы по итогу работы были хорошие) выполнять.
В офис на стажировку вполне могут взять. Главное хоть какой-то базис иметь.
Почему хочешь писать на руби?
с меня лучи добра!
Не факт, что я знаю лучшее решение твоего вопроса. Или здесь задавай, или заходи к нам в телеграм.
сейчас залечу в телегу, спасибо
"school":[{"numSchool":31, "nameSchool":"МБУ СОШ", "rayonId":2}]};
var rayon = [{"rayonId":1, "rayonName":"ЮВАО"}];
нужно вывести их в html в виде - заголовок - rayonName и если (rayon.rayonId === education.school.rayonId) тогда под этим заголовком вывести все школы из массива education. И так следуюший район и т.д.
>rayon
>rayonId
>rayonName
Будет лучше, если ты переименуешь переменную в district, ключи в districtId, districtName
>что дальше по ваниле читать?
Знать синтаксис и особенности JS — только полдела может и меньше. Теперь пора практиковаться. Полезно смотреть код других разработчиков (хороших). Можешь изобретать велосипеды, в этом нет ничего плохого.
должно быть примерно так
district.forEach(district=> {
document.getElementById('label'+i).onnerHTML=district.districtName;
education.school.forEach(school => {
if (district.districtId=== school.districtId) document.getElementById('school'+j)= school.nameSchool;
})
})
А поподробнее?
Вопрос (эстетики, читаемости) => поддерживаемости кода.
Использую реакт и стейт менеджер.
Где положено хранить логику приложения? Ну все эти фетчи-хуетчи, хендлеры и т.д.
В сторах? Но это не комильфо жеж.
Выносить отдельно в экшоны?
document.querySelectorAll('.className').addEventListener('click', Vertet);
https://codepen.io/Laiff/pen/WGZWvj?editors=0010
Если с п.1 все ясно и понятно, на строке 22
handleClick = () => this.state.count += 1;
исправить на
handleClick = () => this.setState({count: this.state.count + 1});
то п.2 загнал меня в ступор. Решение должно быть простое, потому что на все задание дается 3 минуты. Полагаю, что как-то связано с key.
Помогите, реактобоги.
хм, звучит здраво твоя идея, спасибо большое. :)
Руби нравится своим синтаксисом и магией рейлса. Буквально денек поковырялся и сделал себе минимальный сайт с функцией микропостов, создания/удаления юзеров и постов, логин/логофф скрин и пару страниц еще.
Но я потом дропнул, потому что у меня по сто ошибок с нетипичным решением вываливалось при том, что я делал минимальные отступы от книжечки. При чем решения лютые, вплоть до введения в конфиги апплета-сайта совершенно иных гемов/связок/добавление новых не туда, куда надо, а наоборот куда не надо.
А сейчас на жс я просто пишу себе прогу на каждую главу учебника. Прочитал вайлы и функции - создал себе считалку факториалов.
Ну и т.к руби хоть как то понимаю и нравится больше питона, буду с ним копаться. Может, если устроюсь фуллстак-боярином, выучу еще дарт.
На 37 строке нужно поменять key={idx} на key={item.id}.
А вообще лучше забей, csssr та еще клоака.
>csssr та еще клоака.
Анон, а по-подробнее можно, а то хотел к ним попробовать, но так и не писал им. Расскажи че там, чтоб в будущем не вляпаться если че.
мимо
ну я ведь и сказал как минимум. Дальше в индексах проблемма
анончик, ты мой Б-г! Благодарю!
в ру комьюнити используется питон, в англоязычном - руби. Я посмотрел заказы на фрилансах и досках объявлений и сделал свой выбор.
Если ты такой умный, ты мог бы посоветовать, а не вести себя как биомусор типичный обитатель /б/.
Что посоветовать? Чекать инфу, полученную от фантазеров, которые делают вывод об отрасли на основе двух своих галер?
> не вести себя как биомусор типичный обитатель /б/
Но ведь не я тут бросаюсь в крайности и фантазирую, а ты
Я не работал у них, но мне довелось работать в команде, которая пыталась делегировать им задачу psd -> верстка. Было это около года назад, так что некоторые детали я мог подзабыть, но основные проблемы постараюсь перечислить:
Явно указали им, что нужна только поддержка ИЕ 10+ и что бы использовали активно верстку flex-ами, в итоге на несколько тысяч строк стилей display: flex встречалось раз 5, плюс костылы для старых ИЕ.
Просили их написать все на sass, они написали все на stylus, да еще и с использованием какой-то библиотеки для адаптивности.
Просили их использовать slim вместо html, тут они, к счастью, не обосрались и использовали slim, но мы просили их придерживать определенного стайлгайда в форматирование slim-a и тут, ну ты понял, они обосрались.
Сами стили были написаны так себе, они явно используют какую-то утилиту для конвертации psd в разметку и то, что получилось уже допиливают руками. Из-за этого там встречаются такие охуительные трюки, как прописывание всему body font-size: 0 и последующие его переопределение почти для каждого элемента.
Со сроками тоже обосрались, но не сильно.
В итоге создалось впечатление, что там все очень поставлено на поток сомнительного качества, хотя инструменты они достаточно современные используют, насколько я смог увидеть. Возможно с клоакой я погорячился, но контора явно средненькая.
> Что такое promise?
Колбеки для людей
https://learn.javascript.ru/promise
> Почему я все время вижу в коде где не обьявлен промис директиву .then к обычным функциям?
С чего ты взял, что промис не объявлен и это обычная функция?
JS все равно популярней.
Я не спец по рельсам, но если ты что-то не туда совал, чтобы всё заработало, то ты возможно что-то делал не по философии рельс.
А вообще скипай свои рельсы и иди кодить на питоне.
Ну я видел у них стартовые шаблоны на стайлусе и паг, так что удивительно, что они паг выпилили раз препроцессор не тот и поддержку старья оставили. Про конвертацию конечно ппц.
Ну то такое, было бы интересней узнать как там дела обстоят с тем же реактом, но все равно спасибо за ответ. Хотя это больше из любопытства спрашивал
или автор книги - конченный мудак, который использует версии гемов, устаревшие на 3 года. при редакции книги 2016 года.
И таки нет, сейчас в практическом применении тех примеров используется все примерно так же, как я делал, чтоб решить трабл. Не знаю короче, ну его нафиг, я ЖС учу пока что и не хочу заморачиваться еще год как минимум.
вот окажусь в уютном офисе, обрасту плесенью, отращу бородку и буду размышлять над проблемами языков, шипеть или майнить, или вообще учить си.
Хм. Ну тогда я рад, что обошел рельсы стороной. Когда кодил на питоне, никогда не приходилось городить костыли, все нормально и логично делалось.
Я бы сказал на JS чаще приходится костыли впихивать, но так как JS сам по себе один большой костыль, то это норма.
Что лучше выбрать для изучения Angular или React, что на рынке(российском) лучше котируется?
60/40 примерно. Без разницы
На втором Ангуляре есть божественный тайпскрипт
pandaa
AngularJS
Посмотрел на жидхабе в различных проектах, контроллеры запихивают прямо в стор. Хендлеры хранят в родительском компоненте, передавая в дочерние ссылки на них через пропсы.
Это и есть бестпрактиклз?
Если сможешь осилить спеки жс - то да. В книгах обычно расписано человеческим языком
Читай драфты от ECMA, сможешь в уме запускать V8.
Нечет - учу ануляр 2
Дабл - курю алгоритмы, основы и пишу на чистом
Делай лучше демку алгоритмов с использованием чистого JS на (так как чет) реакте.
Потому, что не работает с примитивами.
Двачую адеквата.
Нахуя ты rems-то глобальной функцией сделал? Добавь в прототип строки же.
>>879683
Вообще, да.
Но SVG, как и всякий старый диалект XML, может иметь туеву хучу разных проблем в разных браузерах. Когда ради обучения пили либу для SVG - убедился в этом, хотя подробностей уже не помню - давно это было.
Короче, самое сложное что тебе придётся делать в SVG - это <path> и я искренне желаю тебе удачи с этим дерьмом, ибо нормальных материалов на русском ты не найдёшь, это я тебе гарантирую.
>JS REGEXP LOOKBEHIND
А что такого? Как по мне, годное предложение, если RegExp'ы не сильно лагать будут, надеюсь, примут. А вот предложение с переменными внутри RegExp'а - вот это пиздец.
Двачую адеквата.
Нет слушай этого долбоёба, пожалуйста.
> боишься что один из мамкиных вкатывальщиков займет твое место?
Только если в качестве гей шлюхи ему понравится работёнка.
> Все правильно сказал?
Абсолютно. По большому счету в этих книгах поясняют за циклы и классы для совсем уж дебилов.
Двачую этого.
Как-то решил после Кантора прочесть "JavaScript: Шаблоны" и охуел от того, что в книге (я думал, что для новичков книги не пишут) подаются основы.
В общем, онлайн-учебников именно по JS (исключая всякую классику про алгоритмы, что не касается конкретно языка) вполне хватает.
>ФБ на реакте
Потому что они его и сделали, лол.
И я не говорил, что на Реакте не пишет никто. Я говорю, что на нативном JS тоже пишут, и ещё как пишут.
>не сможешь сделать лучше подсосников Марка?
Судя по ФБ, даже Макака сделает лучше. И в плане дизайна, и в плане функционала.
Фронт-энд - смогу, ещё как.
А вот бэк-энд - не смогу, ибо хайлоад на PHP вообще не писал ещё.
Это да, но пока ты будешь выдрачивать дизайн и юзабилити, марк просто использует методологию scrum/agile хуяк-хуяк, и заберет твое бабло.
var b = [];
b = a.forEach(function(stringN) {
if (stringN.length>4) {
b.push(stringN);
}
});
Пробовал так же через ретурн, но очевидно что не будет работать. Что сделать?
Без map.
Что сейчас должен знать и уметь js мидл?
Есть ли какие-нибудь топ видосики\книги, где разрабатывают йоба сложный сайт с нуля, но чтоб не для ньюфань?
Но зачем? Денег меньше (плюс из-за переката дополнительно временно просядешь), ебатни столько же или даже больше. Если ты уже в энтерпрайзе, то лучше, как мне кажется, добавлять какую-нибудь хорошо оплачиваемую специализацию, например, scala/spark, ебля с оракловской бд, ну ты понял.
redux-form однозначно. После версии 6.0 апи стал удобным. Вкупе с реселектом и иммутабл, даже огромные формы летают. К использованию надо просто чуть привыкнуть
Хочу написать юзерскрипт для контактика. Код написал, но он вызывается только один раз, при загрузке страницы. Но подгрузка новых страниц происходит через аякс. Какое событие можно использовать что бы при переходе на другие страницы скрипт вызывался ещё раз?
Ну эээ. Ты же можешь просто вызвать свой код при успешной подгрузке новой страницы?
Не скажи плюсов много Может денег и меньше
>ты уже в энтерпрайзе
В самом начале галерного бодишопа, как вкатился так и выкатываюсь, нахуй мне это не нужно. Да и вообще изначально планировал в js вкладываться, просто подвернулась возможность на яве макакировать.
Так что снова реквестирую advanced годноты
onreadystate срабатывает, спасибо.
. electron тоже не работает, в добавок npm наплодил папок в 15 разных местах, хуй знает где он лежит, где что. Анальная вакханалия, верните мне мои простые интуитивно понятныe lisp и с
Вешаю на document - срабатывает только один раз. Почитал, оказывается нужно вешать на объект. Но как это реализовать если объекты создаются динамически?
Как ты хочешь вообще запускать свой юзерскрипт для ВК? Я сначала подумал, что понял чего ты хочешь, но сейчас понял, что не понял лол.
У меня там серьезный затуп с контекстом, форма как и коннект, возвращает свой обьект, и когда мне нужно в 1 вьюхе иметь доступ к двум экшенам, один забирает инфу, второй обрабатывает сабмит. Везде где смотрел, эти экшены вызывают через пропсы обьекта, у меня их там нету, вызов по имени работает но кажется что-то делаю не так.
В любом случае.
Я немного поковырялся в исходниках vk, если бы я решал подобную твоей проблему, когда нужно внедрить свой код в чужую страницу, то делал бы это наверное как-то так:
var x = ajax._receive.bind(ajax)
ajax._receive = function(cont, html, js, bench, params) {x(cont, html, js, bench, params); console.log('truba shatal!!11')}
Посмотри как в VK устроен объект ajax, в частности метод _req
посмотри метод addEventListener, и объект XMLHttpRequest
Разобрался, сделал все красиво. Но бля, взяли меня сомнения. Если в двух словах, у меня был проект в котором было море интерфейсных костылей и все советовали перекатываться на реакт. Сейчас выкатили бету, соответственно у меня появилось время разбираться с реактом, но пока дошло до беты, интерфейс причесали и костылей почти нету, все что осталось я могу запилить и на обычных рельсах.
Теперь вопрос, нужно ли гнаться за модой и нужно ли это вообще, если на рельсах я конечно буду все делать быстрее, зато реакт редукс это чень 2015 и все такое?
Ну, я юзал на текущем проекте стандартный jQuery + Cocoon. Но чето формочки разрослись, и стало вообще не в кайф. Переписываю сейчас на реакт. Думаю вообще вебпак заюзать, неудобно очень без import.
Много бойлерплейта, но код чище. Бойлерплейт можно потом отрефакторить.
Короче, все зависит от сложности интерфейса. Если от тысячи строк кода и будет расти, думай о Reactе. У меня в принципе не очень сложный проект, без редукса обхожусь пока.
Задача: нужно сделать динамическое наполнение заранее подготовленной страницы. Допустим, я хочу сделать описание всех аэропортов мира и я для этого сверстал шаблон страницы. Но я не хочу ручками заполнять каждую страницу, а хочу, чтобы система сама определяла, информацию о каком аэропорте запрашивает пользователь и в соответствии с его запросом наполняла страницу нужным пользователю контентом.
Техническая сторона: допустим, у меня есть кнопка на главной странице <a href="#" data-airport="Sheremetyevo">Шереметьево</a> и есть страница example.com/airport. Я хочу, чтобы по нажатию на эту кнопку JS брал значение атрибута data-airport и:
1. Отправлял пользователя на страницу example.com/airport?=Sheremetyevo
2. Отправлял на эту страницу значение атрибута data-airport таким образом, чтобы я в последующем мог к нему обращаться. Ну или вывести куда-нибудь его.
Вопрос: какой фреймворк поможет мне с реализацией этой магии? Спрашивал тута раньше и мне подсказали, что ReactJS умеет такое, но я искал в доке и толком ничего не нашёл. Ткните носом недотёпу.
Распечатываю лог варнингов линтера с чужого кода, и вешаю на входную дверь бюро с подписью "Так пишет Имярек".
Базарю, действенно.
const foo = function bar() {...};
Обязательно ли использовать разные имена для функции и переменной? Если да, то что это дает? Есть ли недостатки в такой записи?
const foo = function foo() {...};
Почему когда я ввожу отрицательное значение пишет not defined
Если уберу -- будет тоже самое, ни ноль, ни отрицательные он не воспринимает.
Просто напиши нормально его
Просто я ебанутый, никогда не читаю пост до конца, прежде, чем ответить. Думал, у него там какая-то логика выполняется после выборки значений массива.
>никогда не читаю пост до конца, прежде, чем ответить
Алсо, очень стыдно от этого.
Но щито поделать, здесь подтирать посты за собой нельзя.
Спасибо, братишка, а то я все не в ту сторону гуглил.
Странный ты. Мне жить давно стыдно.
Невыносимо осознавать тот факт, что я особь этого никчемного вида, как человечество.
const foo = (bar) => {...};
не ругаются мол "НУ ЕТО ЖИ РИКАМИНДАЦИИ А НЕ ПРАВИЛА НУ ГОВНОКОД УДОБНИЕ НАХУЯ ВЫ ЕТО ПРИДЕЛОЛИ"?
>>883579
Серьёзно? Вот я включил себе линтер в IDE, а он начал ругаться, что я использую var для каждой переменной на новой строчке, вместо того, чтобы писать кашу из
var a = 1,
b = 2,
и так далее. Это же неудобно, удалил верхнюю переменную - нужно дописывать var, ещё брейкпоинты в отладчике на такие переменные по отдельности поставить нельзя.
Предлагаете отключать такие проверки в конфиге?
Внезапно, линтер можно настроить.
Настрой наконец свою IDE, чтобы можно было использовать последовательность цэ, таб => const, если тебе так важно жкномить время при вводе лишнего символа.
И какбэ времена ES6 уже наступили, можно же через деструктор ебаную кучу переменных захерачить, как то тебе нравится.
Нет. Вообще никаких проблем. Может это связано с тем, что мы и так более-менее придерживались стайлгайда. Я особо и не помню ошибок, кроме длинных строк и инконсистентных отступов проект на кофе. Ну или может у нас просто конфиг очень добрый.
>
Например для рекурсии или для передачи ее в другую переменную.
Вопрос в том, является ли антипаттерном вторая запись?
Сам пиши конторам, что ты вот такой-то такой хуй с горы и хочешь набраться опыта, любишь учиться и кидаешь им своё портфолио со словами, что готов работать за творог с залупы помощника вебмастера.
Научился верстать, верстать адаптивно, быдлофронтить.
Тимлид поставил такую задачу, превратить набор говнокода моего хоуми прожект, из списка функций и переменных в полотно вида:
https://jsfiddle.net/Leqsjqah/
Я писал на реакте одно время, и там подобного вида модульность мне казалась более логичной + технически обоснованной (не знал почему).
Тут же я вообще не понимаю. Допустим зачем нам инициализировать window.app = new App(); ? Что это даст?
Вообще не против дать фейкопочту, дабы мне кто-то пояснил за ООП архитектуру жс приложений.
Ок. Но зачем это нужно? Для глобальности самой высшей абстракции - приложения?
Ну это же просто пример, нужно смотреть реальный код.
>>883845
Читни про паттерны в JS.
Скотч хорошо пояснили за эту тему: https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know
Мельком читал про html/css, но это было реально мельком на уровне dom. Стоит ли углубляться в css или сразу изучение жс можно начинать?
Благодарю.
Vue и vue-roter к нему
Спасибо, но я бы и сам справился, если бы мне захотелось поебать глаза об спеку.
Спасибо, похоже на искомое.
нет, не является
>Dr. Axel Rauschmayer
Норм мужик. Много полезной информации по JS публикует на своем ресурсе ②ality.
https://jsfiddle.net/0avy4gwf/2/
Тут два инпута, забиваем в оба по числу, складываем, получаем ответ. Если в значении инпута не число, выкидывает р с ошибкой.
Проблема в том, что я никак не могу понять как сделать так, чтобы в случае нечислового значения у обоих инпутов выдало по ошибке каждому. (По одному все, вроде работатет).
Спаси-помоги, Анон
Если делать через pg-promise - можно сделать, допустим, 10 одновременных запросов по 10к строк за раз (типа пул). Когда один из запросов завершится, посылать следующие 10к строк. Это хорощая идея?
Ты один и тот же элемент <p> дважды вставляешь. Создавай по <p> на каждый инпут
Хочу на что-то очень простое посмотреть, а потом зарисовать схемку, чтобы окончательно разобраться уже - что куда и откуда идёт.
Точно, спасибо
Это копия, сохраненная 15 декабря 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.