Этого треда уже нет.
Это копия, сохраненная 5 августа 2022 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
image.png89 Кб, 1050x1050
JS Thread #243 /js/ 2290355 В конец треда | Веб
Предыдущий тред: >>2279665 (OP)

Больше пары строк кода в посте или на скриншоте ведут в ад.

Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs

Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если/когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.

Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript
2 2290367
>>0355 (OP)
Стоит ли использовать бессерверные вычисления для бекенда на ноде? Это дешевле чем vps или нет?
3 2290371
>>0367
Дешевле если ты не умеешь администрировать vps.
Иначе дороже.
4 2290392
Как мягко отказать работодателю A, если меня уже принял к себе работодатель B так, чтобы через какое-то количество времени при увольнении с B работы, работодатель A не обиделся и не послал меня нахуй за тот отказ?
5 2290393
>>0367
Считай бесплатно
6 2290396
>>0367
https://dev.to/azure/is-serverless-really-as-cheap-as-everyone-claims-4i9n

Если у тебя не миллионы запросов в час, то копейки, либо вообще бесплатно. Жаль только ноду используешь. Это говно отжирает дохрена ресурсов и человеко-часов.
7 2290414
>>0371

>Дешевле если ты не умеешь администрировать vps.


Не умеешь что именно?

>>0393

>Считай бесплатно


Толстовато. Как насчет хабраэффекта или дидоса?

>>0396

>Если у тебя не миллионы запросов в час, то копейки, либо вообще бесплатно


Как понимать это ваше "бесплатно"?

>Жаль только ноду используешь. Это говно отжирает дохрена ресурсов и человеко-часов.


Наоборот же по ресурсам не плохо. Почему человеко-часы отжирает? Наоборот же быстрая разработка. Что предлагаешь использовать?
8 2290415
>>0371
>>0393
>>0396
Очень боюсь модели оплаты за ресурсы, потому что кто знает что произойдет, вырастет внезапно потребление и деньги потекут. Вот есть у меня желание создать сервис. В RU сегменте есть распиаренный аналог. Боюсь они сразу же начнут меня дидосить. Как тогда все это будет работать? Ведь повысятся запросы и я могу попасть на соти или тыщи баксов в сутки.
image.png387 Кб, 1120x549
9 2290435
>>0357 (Del)
Петя это что за хуйня блин)
10 2290437
Сап анчоузы.
Решил вкатиться в веб, начал смотреть про эти ваши хтмл цсс жс, и решил тут уточнить.
Сколько вообще занимает обучение сайтошлёпству до приличного уровня?
Ибо я смотрю на html -- ну там всё, грубо говоря, интуитивно понятно, ощущение, что за пару дней всё можно выучить.
Как дела обстоят с CSS?
Сколько учить JS в среднем?
Просвятите ньюфага...
11 2290463
>>0437
Выровняй-ка див вертикально и горизонтально, двухдневный ты наш.
12 2290467
>>0463
Ну я образно сказал, анон.
Может, пару недель, в крайнем случае?

Наверное, мне в ньюфаготред надо было сначала, да протупил, каюсь-каюсь.
yoba.PNG82 Кб, 315x153
13 2290473
>>0467
можно вкатиться на 100к джуна за месяц, если ты не ленивый
14 2290475
>>0473
Ну анонче, давай без тролльфейсинга, я тут просто новый ньюфаг и хочу примерно прикинуть, сколько займёт html+css+js+какой-нибудь реакт...
15 2290484
>>0475
год
16 2290501
>>0414
да кому нужен его сервис?
17 2290511
Фронтовая работа: хочу сделать запрос на апиху и только после этого засетить стейт в другое значение. Пишу await на апиколл, вскод пишет что никакого эффекта от этого не будет. Сделал через промис - работает как надо. Почему так если async/await суть промис?
18 2290546
>>0511
скрин
19 2290554
>>0435
Хочет растянуть пенсию.
20 2290572
>>0511
Потому что ты не записываешь результат промиса в переменную с await
21 2290579
>>0392
Жопой на заборе сидеть нельзя, спрыгнуть все равно придется
22 2290580
>>0357 (Del)
Чувак, внешка у тебя не такая крутая, как тебе кажется, не стоит акцентировать на ней внимание, будто ты инстаграммная телка
24 2290620
>>0437
12 месяцев и больше - 70%
3-12 месяцев - 29%
до 3 месяцев - 1%
123.jpg16 Кб, 310x280
25 2290645
Почему используются квадратные скобки для ключей в объекте?
26 2290649
>>0645
Чтобы в ключ попало значение переменной
27 2290653
>>0649
Константы скорее.
28 2290655
Пиздец, какой же я дизмораль ловлю, когда вижу какой-нибудь красивый и сложный ui с детальными эффектами, от того что я такое не смогу написать.
29 2290656
>>0655
Сможешь если захочешь.
30 2290687
>>0511
Наркоман, await только в теле ассинхронных функций работает.
31 2290689
>>0653
Константы тоже переменные.
32 2290698
>>0655
Шутка юмора таких свистопердящих юай в том, что их делают для удовлетворения кабанчика/дизигнера. А потребителям потом это тормозящее говно тысячи часов жрать.
33 2290703
почему у меня так долго грузится документация mui
34 2290704
>>0649
>>0653
Спасибо!
35 2290711
>>0655
А ты учишься веб-разработке или веб-дизайну? Почему дизмораль?
36 2290713
>>0511
Пишешь криво значит, нет никаких подводных тут.
37 2290716
>>0703
Ну так сперва должны все рекламные трекеры прогрузиться, гуглобилиотека же.
38 2290754
Вкатился в говнокодинг ради денег и трактора из пынь-сэсэсэр. А анон мне грит что в приличную страну реально скорее фуллсраком или беком, фронтов редко релоцируют. Жеваный крот этой жизни... опять превозмагать и перекатываться.
39 2290777
>>0754
Так можно же с годом опыта работы в Пiльшу без образования съебаться. А в другую Европу вероятность, что будут требовать вышку, высокая.
40 2290799
Можно ли как-то тыкнуть на компонент через девтулзы чтобы этот компонент в вебшторме открылся?
41 2290802
>>0799
Форкай расширение для браузера и добавляй свою фичу.
42 2290882
>>0616
>>0620
Спасибо за ответы, но можно хотя бы на глаз, сколько по-отдельности займут html, css и js+react?
Например, хтмл -- от x до y недель/месяцев, css -- столько-то, нувыпонели.
20220208173555.jpg63 Кб, 640x480
43 2290890
>>0435
Это как автомобили. Если я еду на дачу сажать огурцы, мне не нужен спортивный супер-кар. И, если мы начнем разделять рынок по задачам, а не по крутости, дизайну, мощности и прочему, то мы не только увеличим темпы развития экономики но удовлетворим потребности рынка.
44 2290891
>>0882
Я тебе ответил в нюфажном треде
45 2290897
>>0882

> html, css


Ну месяца за 3-4 можно освоить на приемлемом уровне, чтобы уметь не только статику под десктоп верстать.
Столько же на JS, остальное на реакт и тайпскрипт, это от 2 месяцев
46 2290899
>>0882
Откуды мы блять знаем, сколько тебе займёт? Может ты тугодум и будешь html год осваивать?
.png420 Кб, 1435x444
47 2290901
>>0891
Пикрил ты?
Видимо, кукла шалит, не светит мои ответы.

>>0897
И смогу ли я с таким набором пойти зарабатывать какие-нибудь копейки на хлеб и интернеты?
Как вообще у сайтошлёпов и веба в принципе с удалёнкой, как быстро на неё выходят?

Эх, влажные мои мечты о работе удалённо за гроши, но в мамкиной квартире в Сибири...
48 2290904
>>0899
А я не для себя спрашиваю, чел
Я курсы запускаю и вот надо расчитать насколько программу делать, чтобы мне деньги платили сразу за весь период
20220208174727.jpg582 Кб, 1920x2560
49 2290909
>>0901
Чувак, посмотри мои видосы и ты вкатишься за две недели
Git — это в общем консольная программа, там нужно знать две строки: "сохранить" и "загрузить". За 10 минут можно выучить. Figma — у меня ушло минут 8, чтобы научиться собирать страницы на основе макетов из неё. SASS, весь курс длится 18 минут...
50 2290910
>>0901
Ну копейки на хлеб можно и на фрилансе зарабатывать, просто это сильное унижение, с каждым клиентом самостоятельно общаться, выяснять детали. Зато можно побыстрее освоить это, там реакт не надо, жс только для всякой хуйни вроде слайдеров, вордпресс, бутстрап для быстрой верстки.
Можешь посмотреть вакансии верстальщика, что там просят и сколько плотют.
16365257434690.png925 Кб, 1080x1614
Когда я уже вкачусь? 51 2290911
Ребят, могу ли я с таким портфолио уже устроиться хотя бы членососом джуном или стажером хоть куда-то?

https://vertically-challenged.github.io
52 2290912
>>0910
А чем вы тут вообще на жс занимаетесь?
Ну, я к тому, что всё равно жеж надо зать хтмлцсс, разве нет?
Так что +-первый год обучения будет как у сайтошлёпа, либо я что-то не понял.
Объясни, пожалуйста, Анон.
53 2290919
>>0912

>всё равно жеж надо зать хтмлцсс, разве нет?


Надо, конечно, весь жс-то по итогу либо возвращает разметку, либо работает с событиями на всяких кнопках, либо манипулирует элементами на сайте.
54 2290930
>>0911
наверное сможешь ну судя по рассказам в чатике одном, то достаточно любого приложения на реакте со стейтом хоть прогноз погоды, но это же всё пизженное ты сам хуй такой код с нуля напишешь, я угадал? тик так то ваще в доке реакта есть, вот если бы ты вебсокеты прикрутил ещё к тиктактое. да ещё и двач - это ваще кринж
1524361414359.png33 Кб, 540x891
55 2290936
>>0911
Лол, ты просто сделал пример из шаблона cra с редуксом, но чуть хуже?
16396734926670.mp42,5 Мб, mp4,
576x1024, 0:12
56 2290937
тоже думал фрилансом заняться, но у меня рука не поднимается даже. ты заходишь на любой сайт фриланса, а там борьба за дошики буквально конкуренция дикая ну на вид так, мб можно пробиться но кажется будто это невозможно. те, кто этим занимается, я же прав или не прав? скажите
57 2290942
>>0930

>всё пизженное ты сам хуй такой код с нуля напишешь, я угадал?


Нет, все сам писал, но естественно читал справку, смотрел ролики на ютубах, конечно же я что-то учил перед тем, как сесть и напичать все это

А можно просто взять и пройти собеседование с чужим кодом?

> тик так то ваще в доке реакта есть


А он не на реакте написан, все приложения, написанные на нем стоят с тегом #React, эта же штука написана на css, даже без использования JS
58 2290946
>>0936
Ну да, по сути это всего-то hello world на redux, а действительно чего-то стоящие проекты, по моему мнению, в первой строке, их всего-то два
59 2290949
>>0946
бля поиск на дваче не работает, убери вообще двач из портфолио ну что за кринж броу
60 2290951
>>0949
Да работает он, просто слишком долго ищет...
Попробуй вбить #OP .png - он быстро найдет все заглавные посты на доске
61 2290954
>>0911
Я тоже хотел хуюмболу для двочей сделать, но потом подумал что будет стыдно показывать работодателю оранжевый сайт с колобками.
62 2290956
Игра блэкджек как пэт проэкт норм?
уже каркас написал
63 2290957
>>0954
А я все стыдные доски заблокировал, эта штука работает только с правильными досками
1588552504607.png28 Кб, 512x761
64 2290962
>>0951
Ну хоть спиннер добавь чтобы было видно что оно что-то делает и что кнопка вообще нажалась.
>>0957
Не знаю, мне кажется тут не доски, тут сайт не очень правильный.
65 2290963
>>0951
а, работает. а чё он мне посты показывает, мне же нужны только картинки или файлы...
66 2290964
>>0911
Хуйней занимаешься. Берешь несколько макетов, верстаешь, публикуешь и ищешь работу
67 2290980
>>0963
Ну он ищет посты, в этом случае заглавные посты с картинками
68 2290986
>>0980
но все посты .jpg он не нашёл((
69 2291023
>>0911
Чееел, если бы на ванильном джс всё это написал и сам, ещё бы куда не шло. А на реакти запили клон какого нить сервиса нормального. Крестики нолики и тудушки работадателю нахуй не нужны.
70 2291037
>>1023
А какой сервис можно запилить без back-end?
71 2291047
>>1037
щахматы
72 2291048
>>0930
Даже на таком уровне берут?
73 2291067
>>1047
А если нарды?
74 2291083
>>1067
Пили уже с вебсокетами на 2х игроков
75 2291086
>>1083
А если игроками будут армяне, вебсокеты подойдут как решение?
76 2291092
Зачем нужен switch/case, когда у нас все кейсы известны?
Можно же просто использовать константный объект, у которого ключами будут кейсы. Я чего-то не учитываю здесь?
77 2291109
Это нормально, что сеньоры в моей команде, получающие 3к+ бачей, юзают useMemo на булеаны, а другие такие же "сеньоры" это аппрувят?
78 2291112
>>1092
Никто не заставляет тебя использовать свитч, и никто не мешает тебе попробовать и узреть подводные камни, если они есть.
79 2291135
Пацаны, как быстро освоить современную вёрстку? Сам я бэк, знаю жс, работал с фронтенд-фреймворками на проектах, но вот вёрстки с нуля до результата не знаю. Какие сейчас подходы используются, когда можно применять флексы, когда более старые подходы, как тестировать в зоопарке браузеров, на какие из них ориентироваться при разработке и прочие практические вопросы. Не покупать же интенсив академии. Какой-нибудь бы обучающий проектик с фидбеком, есть такие?
80 2291137
>>1109
Да
сеньор
81 2291144
>>1109

>useMemo на булеаны


Чево нахууу? Можешь нормально объяснить?
82 2291145
>>1135

>Не покупать же интенсив академии


То есть, тебе надо максимально структурированную информацию, но бесплатно?
83 2291146
>>1144
вкатишься в реакт - поймёшь
84 2291154
Аноны на каких проектах лучше всего понабивать руку? Стек React+Redux+TS, готов учить все что около них, а так же бек. На ютубе уже попробовал много чего, но переписывание кода под бубнеж явно не очень продуктивно сказывается на моей обучаемости.
Какие пет проекты пробовать делать с таким стеком? Тудушки, рецепт аппы, имдб это очевидно и неинтересно :(
85 2291155
>>0882
Если ты на скинутой странице не увидел кол-во часов под каждой темой, то программирование (где надо быстро читать горы доков и усваивать из них инфу) ты не осилишь никогда.
86 2291159
>>1145
Нет, я не про платно/бесплатно, а про то, что я вряд ли осилю курсы с основ "вот это браузер, вот это див, а в нулевых верстали вот так". Ищу что-то типа сжатой переквалификации на модерн фронтенд. Если посоветуете академию, то я не против, но у них там ближайший интенсив в конце весны, и длится долго, а я бы хотел за месяц уже включить вёрстку в резюме, потому что только её не хватает.
87 2291163
>>1154

>Аноны на каких проектах лучше всего понабивать руку


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

Можно усложнить структуру. Типа не просто юзеры, а юзеры в организациях. Или ещё сложнее: юзеры, которых можно добавлять в группы, а из групп состоят организации, и каждую сущность можно редактировать/удалять/создавать. Много чего можно придумать. На реальной работе что-то подобное по своей природе обычно и пилишь.
88 2291166
>>1163
Не буду скрывать, на работу это принести тоже планирую (ведь что-то принести нужно?).
Просто неужели меня возьмут на работу с скилом написания CRUD? Неужели этого уже достаточно? В любом случае спасибо, похоже и правда нужно двигаться в сторону модернизации простых сервисов.
89 2291167
>>1159
Ну тебе, раз ты не хлебушек, могу вот такое посоветовать. Там проверки есть, конечно, но не так дотошно, как на синхронных курсах. Но зато при большом желании можно за месяц всё вообще пройти. Много лишней инфы, но лайвы можно будет не смотреть, достаточно материалов почитать и демонстраций.
https://l.htmlacademy.ru/frontender-diy
90 2291170
>>1166

>Просто неужели меня возьмут на работу с скилом написания CRUD?


Да, а почему нет? Почти все пишут на работе CRUDы, никто ракеты в космос не запускает. Ещё, как вариант, можешь придумать систему пермишенов. Типа создаёшь юзера и задаёшь, может ли он создавать тудушки/удалять/редактировать и в зависимости от этого показывать в приложении те или иные кнопки. Тоже очень часто встречается такое в жизни.
91 2291182
>>1167
Спасибо огромное, то что надо!
92 2291189
>>0435
Ну резиновый пенис проще в инете брать, выбор больше, и может у него в городе вообще секс шопов нет
93 2291211
>>1067
Армяне засудят.
16336510894230.png511 Кб, 600x600
94 2291225
Анончики, дайте пожалуйста подробную инфу, как реакт рендерит мои компоненты. Вот прям с момента написания компонента и рендера его. Что там происходит, че за виртуальный ДОМ и т.д. Очень хочется разобраться с этим, из имеющего нашел лишь статью на хабре от отуса (и то первую часть, долбанные коммерсы не выложили вторую часть).
95 2291227
>>1225
Двачую реквест
96 2291228
Я фронтовик, хочу написать небольшую приложуху, что-то по типу сайта местного кинотеатра, где есть админы и юзеры. У админов есть: создание сеанса с фильмом и количество свободных мест. У юзеров соответственно запись на фильм. Как намутить все это без использования бэка, онли реакт. Неужто все сохранять в локалсторадже, или есть какие-нибудь ухещрения?
98 2291266
>>0937
Я вообще хз кто там работает. Иногда кажется, что там стдят люди, у которых денежные потребности ограничиваются оплатой интернета и покупки чипсов с колой.
99 2291269
У кого-нибудь бывал страх создания/выкладывания пет-проекта? Не всякой хуйни в песочнице, которую высираншь просто чтоб понять как работает фича или библиотека. А полноуенный проект, который ты покажешь работодателю. Дико очкую почему-то этого.
100 2291278
>>1269
На твой гитхаб никто не будет смотреть, ни у кого нет времени на это. Пробьешься или нет - от удачи зависит в основном
101 2291285
>>1228
Никак.
102 2291306
Братцы, посоветуйте ньюфагу расширения в вс код, чтобы кайфово и комфортно училось
103 2291308
Это норм, когда ты решил задачу, но сам нихуя не понял как решил? Сначала высрал что-то невнятное, но рабочее, потом немного привел в божеский вид, но все равно не ебешь, как оно работает.
Например с матаном у меня такого не было. Если ты понимаешь, то можешь решить, не понимаешь - не можешь
мимо нюфаг
104 2291312
>>1225
>>1227
Гуглите на английском. Юзайте переводчик (удобно юзать плагин для браузер).

https://ru.reactjs.org/docs/rendering-elements.html
https://www.google.com/search?q=how+react+render+works
105 2291313
>>1306

>посоветуйте ньюфагу расширения в вс код


Чтобы что делало?
106 2291332
>>1313
Заебись.
107 2291337
>>1308
не норм
16419068157890.jpg45 Кб, 500x500
108 2291344
Аноны, тут много тех, кто больше года изучает жабоскрипт и верстку, но до сих пор не вкатился?
109 2291350
>>1344
ну я js начал месяца 4 назад, до этого почти год пытался вкатиться по c#. Щас уже возле вката так сказать(собесы збс прохожу, вот щас ответ жду от пары компаний)
110 2291351
>>1344
алсо, ты неправильно вопрос ставишь. За год можно как 200 часов потратить на это, так и 1500. Зависит от человека, я например бывает в 10 утра сажусь кодить и до 12 ночи с перерывами на покурить и поесть.(для вката как по мне достаточно 500 часов, если это будут 500 часов качественного изучения)
111 2291352
>>1308
Иногда норм, когда слишком дохуя новой инфы за день получаешь. А так тебе нужно сесть, проанализировать что ты сделал и попытаться сделать это еще раз с нуля(не копи паст, а по памяти).
112 2291353
>>1313
ну чтоб ты такой садишься как джун, а с разширением ты такой как стронг мидл. Чтоб охуенно делало крч
113 2291361
>>1351
Какую мазь от геморроя посоветуешь?
114 2291362
>>1344
начал с питона в 16 году, ковырялся с ним год. Потом затишье до 19. Решил начать изучать js. С js ковырялся полгода. И около года с реактом. Затем вкатился на джуна за 20к рупий. Зп постоянно поднимали и я постоянно новое учил. Сразу говорю, я много с чем ковырялся: и с webrtc, банковскими модулями оплаты, очень много ноды, ну и сам реакт. 3 месяца назад начал ходить по собесам на миддла. Сейчас уже есть несколько офферов. Самое малое, что среди офферов - 250к на руки.

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

Нужно работать, много работать и все будет
115 2291368
>>1362
Ну ты базовичок. Вот мне кажется те, кто долго ковыряются, вкатяться на 300к в сек, а те кто за 3 месяца вкатываются пиздаболы
116 2291369
>>1368
вкатятся*
117 2291376
>>1344
Да, есть, просто я только начал реакт и пока хоть что-то не смогу сделать, даже отклики не спамлю. Месяц, максимум два и начну активный поиск.
118 2291381
>>1376
>>1362
>>1351
>>1350
Спасибо за ответы, аноны. Насчет программистов в целом есть мысль. Почему многие из тех, кто работает хотя бы пару лет и имеет больше 200 к не пробуют приумножить деньги, вкладываясь хотя бы в малый бизнес, хотя бы в свой сайт, чтобы получать пассивный доход. Ведь возможностей куча, но все равно у многих проскальзывает мысль - что вот заебала однотипность, вроде профик, вроде бабло есть, но остаюсь только ради больших денег.

Но если работаешь ради денег, то почему бы не делать доход пассивным.

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

Если что вкатываюсь как раз для того, чтобы на бизнес накопить, и постоянно встречаю недоумение, когда задаю такой вопрос прогерам. Некоторые даже отвечают - ну а какая разница, получать деньги работая на кого-то или ты чтобы на тебя работали
119 2291403
>>1361
Промисы
120 2291405
Есть вот такой скрипт создания кнопки, он выполняется внутри форма, стартДата и ендДата разные, но почему-то когда доходит до исполнение дата всегда такая же, я хз почему
на втором скрине должно быть 17:00-17:30 и как бы хтмл со мной согласен, и айди и контент внутри правильный

Так вопрос вот в чем : почему жс в консоли и хтмл не согласны даже на тему того какой айди у елемента?
image.png65 Кб, 1275x282
121 2291408
Отклеилось
122 2291416
>>1405

>почему жс в консоли и хтмл не согласны даже на тему того какой айди у елемента?


Потому что срабатывает событие на одну кнопку первоначальную. Надо работать с evt.target
123 2291422
>>1416
всм? я же создаю новый елемент а не переписываю старый, и создаю для него новую функцию, я просто глупенький не понимаю почему это должно так работать а не как я написал?
16443929907840.png119 Кб, 736x736
124 2291430
>>1351

>учиться красить кнопки 500 часов

16443936253520s.jpg4 Кб, 200x200
125 2291436
>>1430

>чтобы покрасить кнопку, нужно импортировать цвет из библиотеки через нпм

126 2291439
>>1381
200к в масштабах бизнеса - копейки. Плюс не всем охота разбираться с пыневичками.
>>1405
classList.add() если что принимает список строчных аргументов.
image.png106 Кб, 1191x525
127 2291440
>>1416
Ну предположим вот так надо по книжке? ну ладно а как тогда параметры передать? вот мне надо даты передавать? как я через евент передам? мне надо целую отдельную функцию создавать для этого?
Это точно так должно быть по задумке языка?

>>1439
Костыль какой-то... я не верю что так и задумывалось...
image.png177 Кб, 1118x497
128 2291453
>>1416
Заработало спасибо!

>>1439
Спасибо ты дал мне идею, вот так работает, надеюсь не сильно костыльно
129 2291463
>>1453

>Заработало спасибо!


Бля лол, чистейшая интуиция
130 2291466
>>1453
Да у тебя там костыль на костыле. Балуешься крестамии небось?
131 2291476
>>1453
Бля чел используй jquery какой-нибудь. в глазах рябит от такого говна
132 2291483
>>1453
Если что,
element.classList.add("first","second","third")
>>1476
Судя по варам и последним двум строкам, он там и так есть, просто он не пользуется.
133 2291508
>>1466
>>1476
А что конкретно плохо? Где поправить?
Это лучшее что я смог придумать учитывая ответы в этом треде

>>1463
То что евент для запрограммированной кнопки почему-то один для всех не совсем очевидно, очевидно было бы так кака я сначала написал.

>>1483

>element.classList.add("first","second","third")


не совсем понял к чему это
134 2291510
>>1483

>element.classList.add("first","second","third")



Сейчас понял что ты имеешь виду, но зачем? Это выглядит как-то странно, и длинно..., мой вариант выглядит как-то более читабельно? разве нет?
135 2291517
>>1510

>мой вариант выглядит как-то более читабельно? разве нет?


Нет, нихуя никому не надо удобно на каждой строчке читать, какой ты класс добавляешь, нужно прочитать этот блок как "ага, добавить нужные классы"
136 2291520
>>1510
а ты в курсе что в js можно переносы строки использовать?

let div = document.createElement("div");
div.classList.add(
'class1',
'class2',
'class3')
137 2291523
>>1517
нужно прочитать этот блок как "ага, добавить нужные классы" - так и читай, дело же в удобности, если все таки надо будет читать легче же читать вниз

>>1520
let div = document.createElement("div");
div.classList.add(
'class1',
'class2',
'class3')
вот это выглядит очень не красиво, вот это точно сложно для читабельности, уже лучше все в одну строку писать ей богу чем искать где эти кавички начинаются, что к какому блоку относится, вот смотри пример из товего же кода

let div = document.createElement("div");
div.classList.add(
this.getAttribute("startDate"),
GetFormatedTime(new Date().getTime())
$('#TimePickerStart').timepicker('option', newdate(
getBookingDate()
) ))
new Date(testDateE).getTime(),
new Date(
testStart.setHours(minHour, minMinutes, 0)
))

div2.classList.add(
div2.getAttribute("startDate"),
GetFormatedTime(new Date().getTime())
$('#TimePickerStart2").timepicker('option', newdate(
getBookingDate()
) ))
new Date(testDateE).getTime(),
new Date(
testStart.setHours(minHour, minMinutes, 0)
)
)

что это по вашему читаемо?
не лучше когда код всегда выглядит ОДИНАКОВО, тогда его и понимать и скипать спокойнее, зачем мозолить себе глаза поиском кавычек, скобок, фигурных скобок, смотреть что где чего закрывает если можно написать нормальном человеческом стиле 1 строка одна команда без всяких там переносов

Ну удобно же не? да строк получится больше, но читабельность выше!
137 2291523
>>1517
нужно прочитать этот блок как "ага, добавить нужные классы" - так и читай, дело же в удобности, если все таки надо будет читать легче же читать вниз

>>1520
let div = document.createElement("div");
div.classList.add(
'class1',
'class2',
'class3')
вот это выглядит очень не красиво, вот это точно сложно для читабельности, уже лучше все в одну строку писать ей богу чем искать где эти кавички начинаются, что к какому блоку относится, вот смотри пример из товего же кода

let div = document.createElement("div");
div.classList.add(
this.getAttribute("startDate"),
GetFormatedTime(new Date().getTime())
$('#TimePickerStart').timepicker('option', newdate(
getBookingDate()
) ))
new Date(testDateE).getTime(),
new Date(
testStart.setHours(minHour, minMinutes, 0)
))

div2.classList.add(
div2.getAttribute("startDate"),
GetFormatedTime(new Date().getTime())
$('#TimePickerStart2").timepicker('option', newdate(
getBookingDate()
) ))
new Date(testDateE).getTime(),
new Date(
testStart.setHours(minHour, minMinutes, 0)
)
)

что это по вашему читаемо?
не лучше когда код всегда выглядит ОДИНАКОВО, тогда его и понимать и скипать спокойнее, зачем мозолить себе глаза поиском кавычек, скобок, фигурных скобок, смотреть что где чего закрывает если можно написать нормальном человеческом стиле 1 строка одна команда без всяких там переносов

Ну удобно же не? да строк получится больше, но читабельность выше!
138 2291529
>>1523
$(hoursFilterBtn).addClass("btn btn--outline-success btn-block ...")
выглядит проще. у тебя там жиквери жи есть
image.png138 Кб, 1118x497
139 2291530
Мой же код в этом плане выглядит ровным, симметричным, красивым, понятным, блочным, утилитарным, даже если добавить все то что я написал выше он таким и останется
140 2291531
>>1529
а именно классов генерировать надо? хотя в данном случае ты прав, но я люблю когда весь код выглядит одинаково, код который иначе отформатирован бросается в глаза
141 2291532
>>1530
>>1531
слушай заебал катись нахуй со своей какашкой утилитарной.
142 2291533
>>1531
А если имена классов генерировать надо* быстрофикс
image.png324 Кб, 521x604
143 2291535
144 2291537
>>1533
addClass(`${class1} ${class2} ${class3}`)
литералы изобрели
145 2291542
>>1530
Ты блять обработчик на кнопку вешаешь, какая нахуй утилитарность? У тебя обычное процедурное говнецо, причём даже не удосужился разбить его на функции. Алсо `startDate` и `endDate` - не атрибуты интерфейса HTMLButtonElement.
146 2291549
>>1542

>Ты блять обработчик на кнопку вешаешь, какая нахуй утилитарность?


А в чем предява? я делал как показано в примере документации, такие задачи должны решаться по-другому?
да и внутри хандлера все как бы уже разбито на функции, там же только берем параметры, кормим функциям, так что мне кажется ты просто злой какой-то
147 2291553
>>1537
ну не знаю, проблема с тем что выглядит длинно или что надо переносить на новые строчки никуда не делась пофакту, может быть не прям тут но в других местах это точно не приемлемо, а я хочу что бы весь код был отформатирован одинаково
image.png47 Кб, 540x629
148 2291562
Вечер в ноду, программеры!
JS в радость, темлпейт в сладость!

Помогите разобраться как правильно разложить страницу в pug-е.
Нужно сделать несколько одинаковых по структуре страниц продукта, каждая со своим продуктом.
Как это грамотно разложить по extend-ам, include-aм и mixin-ам?

Сейчас сделал так:
- Темплейт, с хедером\футером и блоком под контент
- Экстенжу его в странице товара и в блок пихаю вызовы миксинов с параметрами конкретного товара

Но правильно ли это? В этом случае мои миксины получаются довольно здоровые и пихать в них контент не очень удобно. Подскажите, бывалые, как это грамотно делается.
149 2291573
>>1562

>Как это грамотно разложить по extend-ам, include-aм и mixin-ам?


Инклюды нужны только для импорта миксинов.

>Но правильно ли это? В этом случае мои миксины получаются довольно здоровые и пихать в них контент не очень удобно.


Что тебе мешает в миксине миксины вызывать? И про какой "контент" ты говоришь? Миксины пишутся по такой же логике, как и чистые функции/тупые компоненты рякта - получают аргументы и высирают разметку с минимумом сайд эффектов.
150 2291588
>>1573

>Инклюды нужны только для импорта миксинов.


Почему только миксинов? Ими удобно "набивать" шаблон любой статикой. Например общими для всех страниц линками на стили. А еще ими можно добавлять "подшаблоны", которые будут содержать в себе свои block-и. Разве нет?

>И про какой "контент" ты говоришь?


Я написал миксин, который будет выводить блок с описанием, кнопкой с линком и линк на картинку.
Соответственно, мне нужно передавать в этот миксин эти три значения: desc, buyLink и imgLink.

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

Чтобы это победить я передаю в миксин объект. Паг позволяет описывать объекты на нескольких строчках и это, в общем, решает вопрос. Но кажется, что это выглядит как-то костыльно-велосипедно.
151 2291602
>>1573

>Инклюды нужны только для импорта миксинов.


А я так разбивал просто страницу на модули, там не миксины были, а просто разметка
152 2291608
>>1530

>Мой же код в этом плане выглядит ровным


Ага, очень ровно, когда в коде вары и смесь нормального жс с жквери. И при этом всратая конкатенация вместо шаблонных строк. Мгновенно детектится копипаста 7-10-летней давности с форумов.
153 2291609
>>1588

>Почему только миксинов? Ими удобно "набивать" шаблон любой статикой.


Что тебе мешает в шаблон эту статику запихнуть?

>Например общими для всех страниц линками на стили.


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

>А еще ими можно добавлять "подшаблоны", которые будут содержать в себе свои block-и.


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

>Чтобы это победить я передаю в миксин объект.


Кажется ты начинаешь что-то подозревать.

>Но кажется, что это выглядит как-то костыльно-велосипедно.


Костыльно-велосипедно это как раз позиционные аргументы передавать.
154 2291621
>>1608
шаблонных строк.?
155 2291623
>>1609

>Что тебе мешает в шаблон эту статику запихнуть?


Ничего не мешает. Но декомпозиция же. Зачем делать из шаблона портянку.

К тому же шаблонов ведь может быть несколько. Один для статических страниц. Другой для страниц товара. Третий для страниц категорий. Пихать одну и ту же статику в каждый шаблон как-то не очень. Понадобится ее изменить - придется менять в каждом шаблоне. Такое себе.

>Это делается на уровне блоков первичного шаблона. Который потом экстендится. И тут ты уже начинаешь пиздеть, так как для глобального навбара тебе нужно знать нынешнюю страницу, чтобы подсветить нужную ссылку.


Про навбар я вообще ничего не говорил, это ты что-то попутал.

>То есть хуй проссышь, что там за говно в инклюдах высирается.


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

>>Чтобы это победить я передаю в миксин объект.


>Кажется ты начинаешь что-то подозревать.


Ты намекаешь, что все данные для конкретной страницы товара будет правильно запихнуть в объект и потом хуячить его в вызовы нужных миксинов, которые раскладывать по блокам заэкстенженого темплейта - я тебя правильно понял?
156 2291626
>>1621
Да, их самых.
157 2291629
>>1626
Это как? можешь привести пример? или где почитать?
image.png29 Кб, 542x128
158 2291632
>>1629

>или где почитать?


Троллинг тупостью
159 2291638
Почему везде пишут ООП, а на реакте хуй забили и пишут функции?
160 2291696
>>1549

>А в чем предява?


В том что ты свой говнокод называешь красивым и утилитарным
161 2291742
Аноны, хотел спросить по верстке. Я правильно понимаю, что в таблице внутри <th> автоматом ставится text-align: center? Уже битый час не могу понять почему строки в ячейках смещены относительно друг друга, хотя в CSS у них одинаковые стили.
162 2291743
Подскажите как учить верстку, если не далась хтмл-академия? Просто засыпаю с этой хуйни. Тренажеры пробовал, вообще ничего не запоминается.
163 2291749
>>1696
а можно конкретнее что не так? а еще лучше пример как лучше?
164 2291750
>>1742
Типа того. Поменяй на лефт и будет совпадать
165 2291766
>>1742

>Я правильно понимаю, что в таблице внутри <th> автоматом ставится text-align: center?


Да, там же написано. Да и по-моему это нормально, когда заголовок по центру.
15789223928330.jpg84 Кб, 772x842
166 2291779
Аноны, поясните за Bootsеrap ньюфагу. Я так понимаю это какой-то CSS фреймворк, который за счет магии позволяет быстро фигачить простую верстку? Почему его тогда хейтят? Из-за этого становится невозможно писать "нормальный" фронтед?
167 2291780
>>1623

>Ничего не мешает. Но декомпозиция же.


Композиционировать можно и миксинами.

>Про навбар я вообще ничего не говорил, это ты что-то попутал.


Навбар это единственный случай статичного списка ссылок. И даже он зависит от контекста. В остальных случаях списки ссылок на 100% контексто-зависимы, то есть проблема неявного контекста не пропадает.

>Но, с другой стороны, что высирается в миксине ты тоже не узнаешь, пока не заглянешь внутрь миксина. Поэтому тут вроде как пофиг чего именно не знать.


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

>Ты намекаешь, что все данные для конкретной страницы товара будет правильно запихнуть в объект и потом хуячить его в вызовы нужных миксинов, которые раскладывать по блокам заэкстенженого темплейта - я тебя правильно понял?


Нет, это тебе ограничение синтаксиса облегчило работу. У объекто-аргумента есть ключи, которые надо объявить явно, чтобы вызвать миксин и порядок ключей не влияет на их обязательность.
Допустим у тебя есть условный mixin Example(arg1 = "val", arg2 = 4, arg3). Чтобы его вызвать, тебе в любом случае придётся передавать значения arg1 и arg2. То есть с позиционными аргументами необязательные аргументы должны идти строго после обязательных. Если же ты захочешь добавить условный arg4 = {} и arg5, то передавать придётся уже пять аргументов. При объекто-аргументе же тебе достаточно будет передавать { arg3: value1, arg5: value2 }. Ну а если начнёшь баловаться спредами аргументов, то там объект намного проще концептуализировать.
image.png97 Кб, 1487x580
168 2291793
>>1780
Вот, глянь, насколько это кошерно, на твой взгляд. Вроде норм?
169 2291795
>>1766
Я правильно понимаю, что там написанно именно так?
170 2291797
>>1743
Делай проект и гугли все что не понимаешь. Так не только html но и все остальное учится. То что ты там читаешь/смотришь нихуя вообще не значит, даже те проекты которые ты по видосам делаешь нихуя тебе толкового не дадут. Вообще это главный совет всем кто вертится пытается . Берите долгий проект и хуярьте его попутно обучаясь нужной хуйне, желательно чтобы это был долгий проект, на месяца 3-4(сразу учите в связке html/css/js) как только закончите его, ебашите ещё один крупный проект на React/Angular/vue(выбрать нужное, мой личный совет берите вью) на это все уйдет примерно 6-10 месяцев, если ебашить хотя бы 4 часа у день. Зато по итогу у вас РЕАЛЬНО изученные технологии, у вас РЕАЛЬНЫЙ(почти) опыт и что ещё более важное, у вас два завершенных проекту, джуном за 40-60к как нехуй возьмут.
171 2291805
>>1779
Бутстрап норм. И даже тейлвинд норм. Главное использовать его там где нужно и не использовать там, где не нужно.

Хейтят, когда сталкиваются с ограничениями, которые в таких вещах неизбежны.

Еще хейтят нюфагов, которые вместо того, чтобы выучить css, выучили классы бутстрапа и потом ничего нормально сделать не могут.
172 2291812
>>1779
Ну вообще это библиотека, чтобы тебе не прописывать самому дизайн для кнопок и прочей хуйни. Ну и по мелочи всякие аккордеоны и слайдеры. Просто прописываешь 3-4-5 классов своей кнопочке и тебе не надо цвет подбирать, размер, выравнивание текста.
Штука хорошая, наверное, но не гибкая, ты под нее подстраиваешься.
173 2291813
>>1797
Приведи пример таких проектов. Как ты сам делал? Брал готовый дизайн и ебашил по нему?
174 2291814
>>1797
а я бы посоветовал наоборот делать простые проекты, потом смотреть как их делают другие люди на ютубе. потом уже браться за сложные
175 2291832
>>1793
Так ты верстаешь серверсайд или всё это билдишь в обычный html? Слишком мелкий сэмпл чтобы что-то сказать.
176 2291844
>>1313
Хз чо делало, облегчило работу, та хотя бы подсветку текста, их куча
177 2291906
>>1832
Билжу просто в html статику. Все данные будут прямо в файлах.
178 2291937
>>1906
Тогда похуй как делать.
179 2291940
>>1937
Похуй-то похуй. Но хочется, чтобы было по бест практису же.
Screenshot from 2022-01-22 15-35-57.png7 Кб, 444x51
180 2291942

> Suppress some nodejs internal cache. Makes your solution less dependant on previous solutions.


Чё это значит и как делается? У меня нет доступа к серверу. Могу только джейсоны ему слать и инъекцию как на пике сделать. Нужно прочитать какой-то файл. А я так тольк опервую страку любового файла прочитать могу. В какую сторону копать? У кого есть идеи?
image.png27 Кб, 449x220
181 2291966
хелп, как нормально reduce для массива объектов написать?
182 2291987
>>1966
на первый взгляд выглядит нормальным. Что именно не нравится?
183 2291993
>>1844

>хотя бы подсветку текста


В vscode это из коробки. Еще из коробки плагин emmet (очень удобная вещь). Много чего из коробки.
184 2291995
>>1966
Прочитай плес ошибку компилятора и доки по reduce
185 2292002
>>1966
>>1987
А хотя не, у тебя ошибка в типах.
У тебя в первиус валуе должен быть объект, а из редуса ты возвращаешь число
186 2292037
Как часто вы верстаете целые макеты из psd на работке?
187 2292097
Адово провалил собес на миддла после 1 года работы, просто каждый вопрос как на подбор с подъебкой, а еще была парочка моментов, где я на 100% знал ответ, но из-за волнения начал тупить как тварь последняя. Настроение такое, что хочется пойти прогуляться по железной дороге с закрытыми глазами и в наушниках
188 2292101
>>2097
Не держи в себе, поделись вопросами. Сам только готовлюсь стать джуной, хочу узнать какой адок меня ждет на пути к миддлу
189 2292141
>>2097

>после 1 года работы


Это трейни -> джун
190 2292144
>>2141
Ну в компании текущей у меня грейд миддловский, просто я в другую компанию собес не прошел и провалил как тупорылый даун просто
191 2292152
>>2144
Ну тут есть вероятность что они хотели помидора по цене мидола. Не унывай, теперь ты знаешь куда дальше двигаться, потом будешь на собесах рычать и двигать тазом
192 2292155
>>2152

>помидора по цене мидола


Да нет, я на такой лютой хуйне подскользнулся и обосрался, что мне даже писать на анонимном анимешном форуме для девочек стыдно
193 2292181
>>2097
Как у тебя самолюбие. Тяжело тебе будет.
194 2292218
>>2097

>Настроение такое, что хочется пойти прогуляться по железной дороге с закрытыми глазами и в наушниках


Это либо с непривычки стресс такой, и еще и самобичевание из-за объективно плохих результатов, либо комплекс отличника
195 2292237
Реклама курсов: 98% наших студентов находят работу
@
За три месяца сделаем с вас стронг джуна
@
Записался
@
Собрали группу 65 человек
@
В чате вопросы:
Как достать из строки цифру
Если Обьект !== обьект, ретурн фолс - почему не работает
У меня не работает команда git man

Принимаю ставки, сколько людей смогут найти работу?
399-39996454394359-pepe-support.png123 Кб, 820x580
196 2292238
Ребят, умоляю, делаю бэкэнд тестовый проект и чтобы не быть идиотои, надо сделать одну вещь. js только учу, без вас никак. Времени у меня мало, готов даже деньги кинуть.
Простейший код

Как вы видите по ссылке ниже, я просто передаю каждый элемент на бэкэнд по
name="dishIdQuantityMap[айди блюда]"
value= что ввел в input.
Блюда подругружаются из БД, их количество может меняться.

Я написал топорный JS который увеличивает на 1 input, когда пользователь нажимает +, но на эти 2 вещи снизу у меня знаний не хватает, я в полном отчаянии.

2 ПРОБЛЕМЫ:
1. Когда пользователь перезагружает страницу, то пропадает input. А сортировка сделана через перезагрузку страницы и изменить нельзя.

Может, можно в localstorage как-то это дело засунуть и чтобы при нажатии кнопки отправки формы ( confirm order ) он очищался.
2. Надо посчитать сумму заказа до отправки формы, чтобы пользователь видел, сколько ему надо заплатить ( value * price ).

https://codepen.io/IgorKaspersky/pen/NWwjGjW

БУДУ НЕВЕРОЯТНО РАД ВАШЕЙ ПОМОЩИ
197 2292239
>>2238
Если поможете, то скиньте номер карты, отблагодарю
198 2292273
>>2237
Ты б лучше скриншоты из чата сюда кидал
Стикер255 Кб, 512x512
sage 199 2292282
>>0355 (OP)
Чюваки, у меня есть вопрос.
Вот допустим есть у меня функция, которая применяет стили к элементу:

applyStyles(element);

Она возвращает true/false в зависимости от того, были ли применены стили к элементу. Суть в том, что мне не всегда нужно знать применились стили или нет. Насколько корректно просто вызывать такую функцию, даже если не нужно её возвращаемое значение?

Т.е. я пишу вместо:
const stylesIsApplied = applyStyles(element);

просто:
applyStyles(element);
200 2292284
>>2282
Что за ебанутый вопрос? Если в ней нет сайд эффектов, то нахуй её сайд эффектом вызывать?
sage 201 2292288
>>2284
В ней есть сайд эффекты в виде применения стилей. Суть в том, что где то мне нужно отслеживать применились ли стили, а где то ненужно.
202 2292297
>>1813
Да вообще любой, главное не стандартную хуйню типа мувисерчев, а ченить более сложное, например ебани ченить по типу funpay, ебани парсер для телеги который будет выводить каналы в твоем приложении по сортировки, да че угодно( я понимаю что ты щас сидишь и такой думаешь, ебать, как я это сделаю я же нихуя не умею, нужно просто все гуглить.
>>1814
Не, мелкие проекты типа тудушек(офк если это не топ хуйня с самописным драгндропом и подобным) полная хуйня

Вообще, мой совет был для тех, кто реально с 99% гарантией хочет вкатится хотя бы за год, ибо щас джуны нахуй не нужны, а там где типа нужны на самом деле ищут мидлов которые себя джунами считают. Так что для вката нужно по знаниям быть мидл уровня, тогда на зп в 40-60к почти точно возьмут, а для этого нужно сложные задачи решать. Да что там говорить, щас на стажировки бесплатные ищут мидлов с 1-2 года опыта )
203 2292299
https://denonbu.jp/

Ну вот, а говорили что японцы в сайты не могут..
204 2292300
>>2299
Ну так и есть. сайт говно из картиночек и мультиков как в нулевые делали на флеше)
205 2292313
>>2297

>Не, мелкие проекты типа тудушек(офк если это не топ хуйня с самописным драгндропом и подобным) полная хуйня


я имел ввиду такой подход: сначала делаешь туду просто на реакте, потом прикручиваешь тайпскрипт, потом добавляешь туда свистоперделки всякие типа темной темы, потом делаешь из всего этого фанпей
206 2292317
>>2313
Ну так я по факту по те же яйца только в смятку. То есть понятное дело вкатыш сразу не начнет хуярить систему jwt авторизации у себя на проекте, сначала начнет делать всякую легкую хуйню. Просто подход должен быть таким, чтобы изначально определиться каким проект должен быть по финалу, а не делать одну хуйню, потом прикручивать к этой хуйне еще одну итд.
207 2292320
>>2317
Ну я кстати посмотрел пару видосов про авторизацию, всё вроде понял, но забыл уже на следующий день всё. чё делать, заучивать что ли?
208 2292324
>>2320
Вот в том и суть, то что ты видосы смотришь это все хуйня полная, нужно брать и делать на практике. Найди в инетике паблик api где используется jwt авторизация и поиграйся с доступом, отправкой токенов, запросом данных итд. Это кстати полезный опыт будет, с jwt авторизацией часто работаться придется. Хотя от компании зависит, много где просто сохраняют переменную в localstorage типа isLogged )
209 2292333
>>2324
То ли дело jewt токен хранить в локалсторедже.
210 2292347
Нахуя использовать нечитабельный Sass, если можно использовать понятный Scss?
211 2292379
>>2347
Его и не используют. Он может быть был норм в древние времена, когда не было кучи шортхэндов для всяких атрибутов.
212 2292390
>>2347
Ну на всяких форумах, в группах и на курсах все говорят sass, а подразумевают scss
213 2292417
>>2238
1. Да, добавь localStorage.setItem (prodId, qty) в ф-ции инкремента и декремента кол-ва. При клике сэнд очищай через localStorage.clear

2. Напиши функцию, которая будет получать список всех single-menu через, например, menus = document.querySelectorAll ('.single-menu').

Потом проитерируйся по каждому элементу списка, находи в нем цену и количество, перемножай и сохраняй в сумму: sum += menus.querySelector (селектор цены) * menus.querySelector (селектор количества)

Потом выводи эту сумму куда тебе нужно. Запускай функцию при загрузке страницы и при каждом клике на + и -.
214 2292419
>>2282
Конечно можешь. Ты же можешь просто с нихуя писать в коде любые значения, тут будет считай та же фигня.

let a = 10;
"хуй пизда"
100500
true
console.log(a);
215 2292430
>>2390
Это ясно, я говорю про реальные проекты, которые пишутся на sass. Своими глазами такие видел.
216 2292446
>>1995
Прочитал, вот я долбоеб
217 2292451
>>2430
Ну а что поделаешь, если не самые компетентные люди сидят на местах, которые единолично принимают решение. До сих пор пишут сайты на жквери, вот и сасс туда же.
image.png49 Кб, 1148x257
218 2292459
>>1966
>>2446
Нет, все равно не понял, теперь то что ему не нравится, к аккумулятору числовому прибавляю
числа
219 2292464
>>2459
не задал начальное значение аккумулятора в редусе
220 2292468
>>2459
Сука блять прочитай уже сигнатуру редюса. А если совсем тупенький, то не выёбывайся и инлайни колбэк.
image.png25 Кб, 624x180
221 2292471
>>2464
точно, заработало, спасибо

>>2468
Да что-то туплю
sage 222 2292495
>>2419
Да, я понимаю, просто вопрос был насколько корректно так делать? Вообще по рукам бьют за такое или нет?
223 2292504
>>2495
Вполне корректно
Например, есть метод splice. Он, кроме мутации массива, еще возвращает удаленные элементы. Но обычно они нах не нужны. Поэтому то, что он что-то там еще возвращает все просто игнорят и пишут просто
arr.splice ( ... )
224 2292505
>>2471
И кстати с отдельным написанием колбэка ты сделал код менее читабельным, так как не совсем очевидно, что сравниваешь summarySize c userSpace, без взгляда на тело колбэка.
225 2292530
>>2505
А если вместо reducer назову findSummarySize?
226 2292538
>>2530
if (totalSize(files) > userSpace)
image.png43 Кб, 623x291
227 2292541
>>2538
Типа так, но функцию в хелперы вынести? Спасибо
Стикер220x205
sage 228 2292546
>>2504
Вообще да, справедливо. Спасибо анончик, что помог разобраться
229 2292555
>>2530
А если не выёбываться и заинлайнить весь редюс, а сравнивать уже результат?
399-39996454394359-pepe-support.png123 Кб, 820x580
230 2292583
>>2417
Извини меня, я настолько топорный в JS, что даже такое не напишу.
Я поэтому и предлагаю деньги за помощь, у меня просто нет выбора.

Я не знаю, к кому даже обратиться за этими строками кода, всю жизнь учил java c# и помогал другим в чатиках и стаковерфлоу и в итоге так пососал.
231 2292608
Что происходит, когда я не добавляю какую то функцию в зависимости useEffect? Например я не хочу чтобы эффект вызывался, когда обновилась функция, зачем мне вообще в таком случае её добавлять? Почему реакт всегда на такое ругается, или это только варнинг, который можно в некоторых ситуациях игнорировать, и ничего плохого не произойдёт?
232 2292610
>>2583

> Я поэтому и предлагаю деньги за помощь, у меня просто нет выбора.


Но тут тред обсуждения языка программирования, а не выполнения заказов. Тебе в /web/ за этим.

>Я не знаю, к кому даже обратиться за этими строками кода


Обращайся к Mozilla Developer Network.
233 2292615
>>2608
Если у тебя изменилась ссылка на функцию, то реакт считает, что ее содержание так же могло измениться, а значит нужно пересчитать этот эффект с новыми данными. Правильный способ это решить в реакте - это засунуть ту функцию в useMemo, чтобы отразить тот факт, что она реально не изменилась, но отразить его на уровне функции, а не на уровне эффекта, который эту функцию использует, потому что это явный говнокод.
234 2292627
>>2583
Вот тебе считалка стоимости заказа:

// Считаем стоимость при загрузке страницы
window.onload = function() {
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}

// Ф-ция подсчета общей стоимости заказа
function calcOrder() {
let result = 0;
const menus = document.querySelectorAll('.single-menu');

for (let i = 0; i < menus.length; i++) {
const price = Number(menus.querySelector('.price').innerText);
const qty = Number(menus.querySelector('input').value);
result += price qty;
}

return result;
}

function stepperDecrement(btn){
const inputEl = btn.nextElementSibling;
const calcStep =inputEl.step
-1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}
function stepperIncrement(btn){
const inputEl = btn.previousElementSibling;
const calcStep = inputEl.step * 1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}
234 2292627
>>2583
Вот тебе считалка стоимости заказа:

// Считаем стоимость при загрузке страницы
window.onload = function() {
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}

// Ф-ция подсчета общей стоимости заказа
function calcOrder() {
let result = 0;
const menus = document.querySelectorAll('.single-menu');

for (let i = 0; i < menus.length; i++) {
const price = Number(menus.querySelector('.price').innerText);
const qty = Number(menus.querySelector('input').value);
result += price qty;
}

return result;
}

function stepperDecrement(btn){
const inputEl = btn.nextElementSibling;
const calcStep =inputEl.step
-1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}
function stepperIncrement(btn){
const inputEl = btn.previousElementSibling;
const calcStep = inputEl.step * 1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице
}
235 2292629
>>2583
>>2627
Не забудь добавить в HTML блок, куда будет выводиться

<!-- Общая стоимость -->
<div class="total-price" style="background-color: red; color: white;"></div>
236 2292633
>>2615
Если у меня функция в другом месте используется, и у неё есть свои зависимости, то при оборачивании её в useMemo/useCallback функция обновится и useEffect тоже посчитает, что нужно выполнить эффект еще раз, чего в моём случае как раз делать не нужно, у меня по сути в коде никакой связи между обновлением этой функции и её использованием в эффекте нет, вот я и не понимаю, почему реакт пишет о том, что функцию обязательно нужно включить в список зависимостей? Аргументы я в неё передаю сам, мне это обновление функции для эффекта вообще не нужно
237 2292634
>>2615

>то реакт считает, что ее содержание так же могло измениться, а значит нужно пересчитать этот эффект с новыми данными.


Вот в том и дело, что у меня такое не происходит, щас проверю еще раз, видимо там лютый говнокод. А где про это почитать? Я в доке про это не нашел, или проебался
238 2292639
>>2633
Звучит как проблема архитектуры, а не юзэффекта. Так что правильно тебя палками по рукам линтер пиздит, так как ты там говно городишь с колбэками, которые передаются непонятно откуда непонятно куда и непонятно когда могут переназначится.
239 2292651
>>2639
Да если бы я сам городил, я правки вношу
240 2292654
>>2583
Вот типа вместе с сохранением значений инпутов в localStorage
Не тестировал, но общая мысль думаю понятна

// При отправке формы
// (которой у тебя в разметке, кстати, нет, поэтому отслеживаем событие нажатия кнопки)
// очищаем localStorage
const submitBtn = document.querySelector('button[type="submit"]');
submitBtn.onclick = function() {
localStorage.clear(); // очищаем localStorage
}

// При загрузке страницы
window.onload = function() {

// Считаем стоимость при загрузке страницы
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Берем данные из localStorage и распихиваем по инпутам
// Находим все инпуты в элементах single-menu
const allInputs = document.querySelectorAll('.single-menu input');
// Итерируемся по инпутам
allInputs.forEach(input => {
// Если для этого инпута в localStorage есть запись
// Присваиваем ее значению инпута. Иначе присваиваем 0.
input.value = localStorage.getItem(input.name) || 0;
});
}

// Ф-ция подсчета общей стоимости заказа
function calcOrder() {
let result = 0;
const menus = document.querySelectorAll('.single-menu');

for (let i = 0; i < menus.length; i++) {
const price = Number(menus.querySelector('.price').innerText);
const qty = Number(menus.querySelector('input').value);
result += price qty;
}

return result;
}

function stepperDecrement(btn){
const inputEl = btn.nextElementSibling;
const calcStep =inputEl.step
-1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Сохраняем в localStorage пару name и value из input-a
localStorage.setItem(inputEl.name, inputEl.value);
}
function stepperIncrement(btn){
const inputEl = btn.previousElementSibling;
const calcStep = inputEl.step * 1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Сохраняем в localStorage пару name и value из input-a
localStorage.setItem(inputEl.name, inputEl.value);
}
240 2292654
>>2583
Вот типа вместе с сохранением значений инпутов в localStorage
Не тестировал, но общая мысль думаю понятна

// При отправке формы
// (которой у тебя в разметке, кстати, нет, поэтому отслеживаем событие нажатия кнопки)
// очищаем localStorage
const submitBtn = document.querySelector('button[type="submit"]');
submitBtn.onclick = function() {
localStorage.clear(); // очищаем localStorage
}

// При загрузке страницы
window.onload = function() {

// Считаем стоимость при загрузке страницы
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Берем данные из localStorage и распихиваем по инпутам
// Находим все инпуты в элементах single-menu
const allInputs = document.querySelectorAll('.single-menu input');
// Итерируемся по инпутам
allInputs.forEach(input => {
// Если для этого инпута в localStorage есть запись
// Присваиваем ее значению инпута. Иначе присваиваем 0.
input.value = localStorage.getItem(input.name) || 0;
});
}

// Ф-ция подсчета общей стоимости заказа
function calcOrder() {
let result = 0;
const menus = document.querySelectorAll('.single-menu');

for (let i = 0; i < menus.length; i++) {
const price = Number(menus.querySelector('.price').innerText);
const qty = Number(menus.querySelector('input').value);
result += price qty;
}

return result;
}

function stepperDecrement(btn){
const inputEl = btn.nextElementSibling;
const calcStep =inputEl.step
-1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Сохраняем в localStorage пару name и value из input-a
localStorage.setItem(inputEl.name, inputEl.value);
}
function stepperIncrement(btn){
const inputEl = btn.previousElementSibling;
const calcStep = inputEl.step * 1;
const newValue = parseInt(inputEl.value) + calcStep;
if(newValue >= inputEl.min && newValue <= inputEl.max){
inputEl.value = newValue;
}
const totalPrice = calcOrder(); // считаем стоимость
document.querySelector('.total-price').innerHTML = totalPrice; // выводим на странице

// Сохраняем в localStorage пару name и value из input-a
localStorage.setItem(inputEl.name, inputEl.value);
}
241 2292663
>>2633
useEffect - это не "сделать любую хуйню, когда я захочу", это способ выполнить действие декларативно, т.е просто объявить, от чего зависит выполнение этого действия, и оставить сам процесс выполнения на усмотрение реакта. Но если твое действие зависит от какой-то функции, а при изменениях данной функции ты его выполнять не хочешь, то ты по сути всю эту декларативность посылаешь нахуй, поэтому реакт и ругается, что ты явно делаешь какую-то хуйню, которая идет против всей модели хуков. Единственный случай, в котором реально можно опустить все зависимости в useEffect - это когда тебе нужно выполнить эффект один-единственный раз при первом рендере, потому что в дефолтной библиотеке реакта нет такого способа и тебе надо либо писать свой useEffectOnce, либо тащить его из сторонней библиотеки. Во всех остальных случаях, если у тебя появляется желание убрать какую-то зависимость из списка, то ты наверняка пытаешься наложить говна и проблему надо решать другим способом.
image.png29 Кб, 583x244
242 2292666
>>2555
вот так имеешь ввиду?
243 2292680
>>2627
Ты даже не представляешь, как я тебе благодарен анон, для тебя это может быть 20 минут, а для меня эта задача заняла уже 2 дня и края не было видно.
244 2292702
>>2680
Рад, если оно оказалось полезным
Учись - все будет. Удачи
245 2292712
ну да я вкатываюсь уже больше года и что и чего
Стикер255 Кб, 512x512
sage 246 2292722
>>2712
У меня брат старший начал вкатываться. 26 лет человеку. Надеюсь ещё не поздно
247 2292726
>>2712
У меня в марте будет год, пилю добротный пет-проект, еще месяцок и закончу, буду им всем тыкать. Ну и наверстал 2 сайтика с адаптивом.
248 2292817
Почему такой сумасшедший разброс требований при трудоустройстве на ждуна? Где-то тебе почти просто так готовы взять, а где-то тебя так заебут на собесе, что поседеешь.
Стикер512x468
249 2292826
Почаны, есть нетривиальный вопрос.

Есть ли какое-то API или библиотека (для ноды или другого языка), которое может редактировать аудиофайлы? Например наложить на музыку какой-то эффект? Ничего не могу найти по данной теме, кто-нибудь сталкивался с таким?
250 2292829
>>2826
ffmpeg
sage 251 2292833
>>2829
А оно точно подойдёт? Прочитал бегло либу, в основном оно предоставляет доступ к работе с видео, а у меня немного другое, всё таки
https://github.com/damianociarla/node-ffmpeg
252 2292834
>>2817
Очевидно же ты аутист, который видит список требований и считает их источником истины. На деле он может быть составлен как херочкой, которая джаву от джаваскрипта не может отличить, так и каким-нибудь пердоликом. Так что его отношение к реальности варьируется между компаниями и не факт, что вакансия с меньшими требованиями означает меньше мозгоёбства в работе.
>>2826
В браузере есть апиха дёрганья звуков:
https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API
sage 253 2292836
>>2834

>В браузере есть апиха дёрганья звуков:


Спасибо бро. Почитаю на досуге. Не уверен, что у неё широкий функционал, но, кто знает, может получиться сделать то, что мне нужно
254 2292839
Короче говно ваш жаваскрипт, учите хаскелл

https://www.youtube.com/watch?v=xJkhxWGIfQ4
255 2292875
>>2833
Ищи просто ffmpeg, это command-line тулза, а ты скинул устаревшую и неподдерживаемую обертку над ней.
256 2292882
>>0355 (OP)

>console.log(700 / 0.14); //4999.999999999999


Как фиксить эту хуету?
257 2292884
>>2882
Math.ceil
258 2292888
>>2882
Math.round
259 2292889
>>2882
x.toFixed(n)
260 2292900
Пытаюсь скачивать файлы на сервер, хочу чтобы когда в самую верхнюю папку закидываем, вместо parent приходил null, но приходит зачем-то. Мб кто-то знает как пофиксить?
parent: [Object: null prototype] {}
261 2292929
>>2884
>>2888

>Math.ceil


>Math.round


А если там 5000.00000000001 будет или что-то вроде этого, надо же в меньшую сторону будет округлить, а не в большую.
>>2889
Вроде робит, и должно бы с 5000.0000000001 тоже работать.

А схулей такой хуёвый калькуль в жабаскрипте?
image.png30 Кб, 542x214
262 2292936
>>2900
Все, я сам разобрался, нам приходит объект с form-data и я этот объект записывал в свою переменную, а надо было это записывать в объект и затем брать свойство объекта
263 2292943
>>2834
Причем тут вообще эйчарочка, дубина? Ты приходишь на один собес и тебя берут после вопроса тимлмда "Что ты вообще умеешь?", приходишь на другой собес, а тебя спрашивают как мидла.
image.png4 Кб, 449x55
264 2292966
265 2292968
>>2929

>А схулей такой хуёвый калькуль в жабаскрипте?


https://0.30000000000000004.com/
266 2292980
>>2936
>>2900
>>2541
>>1966

Прямо налицо, как статическая типизация помогает в разработке.
267 2292988
>>2839

>Написал челик, отправивший пост с помощью джаваскрипта.

268 2293018
>>2980
да я долбоеб просто, на самом деле иногда помогает, особенно автокомплит свойств объектов радует
269 2293025
>>2980
Причём здесь типизация? Дебил даже в сигнатуры не может и игнорирует ошибки, которые конпелятор ему высирает, а в жопу насрал тайпскрипт конечно же.
270 2293065
>>2980

> как статическая типизация помогает в разработке


Всё так. Никак не помогает.
271 2293161
В чём разница между parcel и webpack?
272 2293183
>>3161
парсел под простые случаи не требует конфигурирования
запускается тупо npx parcel src/index.html
273 2293306
А что лучше - parcel или gulp?
Насколько вообще галп живой?
274 2293313
>>3306
Vite
275 2293319
>>3306
>>3161
Блядь, ну что за идиотские вопросы, нахуя это спрашивать без уточнений
276 2293325
>>3319
Ну ок, ответь тогда хотя бы живой gulp или уже устаревшая хрень наподобие jquery, который будет полезен только в легаси?
277 2293354
>>3325
Живой.
В отличие от жквери смысл в нем не пропал никуда, препроцессорные файлы надо компилировать, картинки оптимизировать и свг собирать в спрайт. Ну просто представим, что свет клином на рякте не сошелся и css-in-js или styled-components вообще не везде используется и даже не везде нужно.
А жквери это ты просто стер строку, написал ее на жс белого человека и все работает, как раньше.
А, да, еще в вакансиях я ни разу не видел необходимости знаний чего-то другого. А значит в реальной жизни parcel и vite либо не использует никто, либо после галпа легко переехать.
278 2293356
>>3354
Спасибо за пояснение. Значит продолжаю разбираться дальше в галпе не беспокоясь о том, что тулза устарела и нужно юзать что-то более современное/молодежное
279 2293360
>>3356
Да там особо нехуй разбираться, чаще всего берется чужая сборка и немного допиливается или переписывается, если инструкцию выложили года 3 назад, например, а там ужо все обновилось и по-другому надо писать. Я бы сильно не углублялся, на твоем месте, а познал основы галпа и другой сборщик попробовал, чем одним галпом, но глубже.
280 2293436
Сап, фронтаны, нубский вопрос:
как вывести несколько параметров объекта через запятую, допустим

axios.get('https://www.cbr-xml-daily.ru/daily_json.js?data')
.then(function (response) {
console.log(response.data.Valute.USD.Value);
});

Вот такой гет запрос есть, но хотелось бы не только Value получить, но еще и Name
281 2293437
>>3356
продолжай разбираться в хуйне 9 летней давности)
282 2293438
>>3436
axios.get('https://www.cbr-xml-daily.ru/daily_json.js?data')
.then(function (response) {
console.log(response.data.Valute.USD.Value +','+response.data.Valute.USD.Name);
});
15976935223850.jpg245 Кб, 735x736
283 2293439
>>3438
Спасибо!!!
284 2293450
Есть какой-нибудь годный стейт-менеджер?

И чтобы оно глобальное было, хочу типо с сервера получть json и хуярить сразу в стор, а оно само разбирало что куда прилетело какое обновление. Такое бывает?
285 2293456
>>3450
npm install @zaebis/global-store
286 2293471
>>3456
Серьезный вопрос вообще-то. Это же довольно очевидная и нужная хуйня
287 2293485
>>3437
Ну так епт, вас же по нормальному и спрашивают - устарел не устарел, осваивать его или уже что-то другое. Есть что посоветовать - посоветуй же
288 2293500
>>3485
Ну хочешь осваивай,но вродь как вебпак стандарт дефакто уже много лет. просто нахуя гульп если везде куда не глянь вебпак
289 2293512
>>2722
Не поздно, я в 27 вкатился с нуля, учил всё только по урокам на ютубе, по книгам и в инете, без курсов, так что это вполне реально
290 2293513
>>3450
Так это зависит не от годности стейт менеджера, а от твоей архитектуры, это в любом см можно сделать
Если хочешь что-то новое попробовать, попробуй это https://github.com/pmndrs/zustand
291 2293518
>>3513
И популярность у него кстати нормально так растёт, когда я нашел его в первый раз года 2 назад, там что-то около 5к скачиваний в неделю было
292 2293538
>>3500

>нахуя гульп если везде куда не глянь вебпак


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

Скажем, нужно ли мне ебаться с вебпаком (или парселом), чтобы затранспилить статический проект pug\scss\js. Будет ли это лучше, чем хуйнуть все через gulp.
293 2293539
>>3538
Бля ну гульп это таск-менеджер, вебпак сборщик
если надо верстку собрать можно гульп
что то серьезное-нормальные сборщики
я ж ниебу чем ты там занимаешься

если ты верстак галимый вообще поставь prepros и не парься
294 2293540
Тащемта даже вебпак только пердиксы используют. Чёткие парни уже лавно перешли на esbuild, а соевые педики - на swc.
295 2293545
>>3450

>само разбирало


graphql наверное
296 2293546
Та архитектура приложений, которая показывается на курсах по фреймворкам и которая применяется, при создании прототипа бойлерплейтом, соответствует реально применяемой на практике?
297 2293568
>>3539

>я ж ниебу чем ты там занимаешься


Забей на меня, похуй чем я занимаюсь. Я же про тулзу спрашиваю - актуальная она или нет. Я не спрашиваю юзать ли МНЕ эту тулзу.

Если тулза актуальная - буду юзать в соответствующих случаях. Если тулза мертвая - спрашиваю чем пользуются вместо нее.
298 2293576
>>3568
define "актуальная"
пока обновляется и кто-то ей пользуется актуальная
299 2293587
>>3513

> Так это зависит не от годности стейт менеджера, а от твоей архитектуры,


У меня нет особо архитектуры, никаких реактов, просто переменные с нодами el = document.createElement, и функции для изменения нод - (){el.textContent = "текст"}. Т.е. нужен тупостейт который бы все функции запускал и всё. Переписывать это быстро в случае чего.

> zustand


Вроде нормально, но не то, еще и на тс, а у меня чистый жс.

>>3545

>graphql


Забыл об этой хуйне. Какие там клиенты есть самые годные? Хотя может там любой клиент подойдёт.
300 2293594
>>3576

>define "актуальная"


Ну, епт, как обычно - чего тут может быть непонятного

Актуальная - это когда является лучшим (или равным с другими) решением для своих задач (при этом сами задачи тоже должны быть актуальными). Если существует заметно лучшее решение - то актуальным становится оно.

Пример: jquery - не является лучшим решением для актуальных задач (если не разводить срач из-за корнер-кейсов). Следовательно - jquery не актуальная технология, использование которой ограничено поддержкой легаси и специфичных задач.
image.png38 Кб, 569x562
301 2293602
>>3540

>Чёткие парни уже лавно перешли на esbuild, а соевые педики - на swc


По вакансиям что-то это нихуя не заметно.
302 2293603
>>3594
единственная задача жиквери - писать стандартные функции манипуляции с dom короче и с возможностью вызова этих функций цепочкой. знаешь лучше-скажи. я не знаю

gulp как таск менеджер может лучший, но там все надо прописывать руками,в то время как современные сборщики могут работать вообще с нулевой конфигурацией,сами определяя что и как нужно собрать
но их все таки их напрямую сравнивать некорректно, это немного разная хуйня. поэтому надо исходить из задач
https://www.educba.com/gulp-vs-webpack/
303 2293605
>>3602
Как ты определил кто тут четкий а кто соевый по вакансиям?
304 2293610
>>3603

>единственная задача жиквери - писать стандартные функции манипуляции с dom короче и с возможностью вызова этих функций


Это уже не является актуальной задачей. Иначе говоря - всем на это похуй, пишут на ваниле.

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


Полностью согласен.
305 2293614
>>3610

>Это уже не является актуальной задачей. Иначе говоря - всем на это похуй, пишут на ваниле.


jquery это и есть ванила. обертка для стандартных функций, даже не фреймворк. с чего ты взял что манипуляция dom-ом не является актуальной задачей?
306 2293619
>>3605
Четкие пацаны работают над проектами и ищут помощников, соевые же педики сидят только пет-проекты пилят на чем нравится, а не что выбрал кабанчик.
307 2293620
>>3619

>Четкие пацаны работают над проектами и ищут помощников


Это айти-греча
308 2293622
>>3614
Это стандартное исправление недостатков жс и кривостей браузеров на тот момент. Сейчас жс поравняли немного, а браузеры почти вымерли в угоду хромогу, так что все стандартно и он больше не нужен.
309 2293623
>>3603

>стандартные функции манипуляции с dom короче и с возможностью вызова этих функций цепочкой


Можно наглядный пример? Хочу увидеть, где это делается удобно на жквери и неудобно на нормальном жс.
310 2293625
>>3614

>с чего ты взял что манипуляция dom-ом не является актуальной задачей?


Я имел в виду, что всем стало похуй на удобство манипуляций с dom через jquery и все пишут на ваниле. jQuery остался в легаси и в случаях, когда требуется какой-то специфичный UI-шный плагин.

Сама задача манипуляции с домом, понятно, будет актуальна, пока существует дом.
311 2293628
>>3622
>>3623
>>3625
у них девиз write less do more
потому что
$('#id') короче чем document.getElementById(id)
а $(el).prev короче чем el.previousElementSibling

если стоит задача манипуляция домом то проще взять что-то jquery-подобное, если название не нравится можно взять cash.js или umbrella, там по сути либы на пару килобайт
312 2293633
>>3546
Бамп.
313 2293635
>>3633
Какая архитектура показывается на курсах?
314 2293638
>>3635
Такая же, как и в бойлерплейте, чел. Подключение стора, разбиение на компоненты, раскладцвание по папочкам, вот это вот всё на реальном проекте также делается? У меня просто только легаснопарашный опыт, там фреймворк неправильно используется.
315 2293647
>>3628
Да можно, конечно, взять. И будет покороче, конечно. Но уже не принципиально короче и не принципиально удобней. Поэтому всем похуй и поэтому доля jquery падает.

Для небольших манипуляций сойдет и ванила. А если требуется взъебывать дом по-крупному - там уже всеми любимые фреймворки со своей реактивностью и пр.
316 2293652
>>3628
Ясно, у меня к счастью такой проблемы нет, вебшторм мне все подскажет после пары букв, а для querySelector я свой dqs написал
317 2293661
>>3647
Есть кстати еще alpine.js неплохая тулза чтобы реактивно ворочать обычный дом
>>3652
Да у меня тоже так то
318 2293673
Как в реакте лучше сделать, чтобы инпут менял свои стили, если валидация прошла успешно, но при этом чтобы при первом рендере он не выглядел прошедшим валидацию?
319 2293677
>>3673
Ну у тебя после успешной валидации может что-то возвращаться, какой-то стейт назначаться. Когда этот стейт будет true например, тогда назначай стиль, который будет работать только когда true
320 2293834
>>3673
При первом рендере никакой валидации и не было. В этом случае тебе надо показывать требуемые поля.
321 2293864
Есть какие-то нормальные способы запретить ввод в инпут больше двух цифр после запятой, чтобы это было чисто функцией на ванильном js? везде на форумах какие-то жиквери бляд и по 3 строки кода в самом теге инпут
322 2293968
>>3864

>аллоу у вас тут функции не ванильные!


>напишите функции сами


>кто, я??

323 2294067
>>3864
Ну вообще есть онлайн-конвертеры из жквери в нормальный вид, но они чутка кривые. Хочешь сюда кинь рабочий вариант, может там несложно будет и расшифруем. Ну или сам в доку жквери залезь и переделай.
Там регулярку бы, конечно, обязательно и проверку на длину.
324 2294094
>>0355 (OP)
Есть две кнопки. У одной цвет текста черный, бекгроунд оранжевый, у другой цвет белый и бекгроунд черный.
У текста один размер, но размер все равно выглядит иначе.
Кто сталкивался, как фиксить?
325 2294108
>>4094
в инспекторе глянь чому так
326 2294124
>>4094
Я, конечно, начинающий вкатывальщик, но мне кажется, что это просто такое восприятие цвета текста и цвета фона, если текст 100% одинаковый. Короче, тебе просто кажется
327 2294125
>>4094
Шрифт потолще поставь.
328 2294129
>>4094
Попробуй у черной кнопки слева фон поменять, может тебе визуально только кажется, что размер разный
329 2294137
>>4129
Ну да, так и есть, второй скрин как демонстрация. Если активно тыкать цвета, то разница прям очевидна. Будто цвет белого в черном толще.

>>4125
Ок, попробую.

>>4124
Не совсем, посчитал пиксели и у белого в черном больше. Тоже сначала думал, что кажется. Но похоже браузер как-то особенно рисует.

>>4108
Из-за цвета. Что еще можно глянуть?
330 2294146
>>4094
>>4137
Еще такая хуйня из-за сглаживания текста возникает. Просто поиграйся с шрифтами и цветами фона.

> Но похоже браузер как-то особенно рисует.


Субпиксельное сглаживание. На телефона и пека с большим DPI разницы видно не будет.
331 2294147
>>4137

>посчитал пиксели


Не знаю зачем, но мне понравилось.
332 2294149
>>4146

>поиграйся с шрифтами


Второй Анон советует, ок, сейчас займусь.
333 2294150
>>4149
Да не, я всё первый.
image.png11 Кб, 373x194
334 2294185
Че за звездочки в sass шаблонах? в документации ничего не написано
16234094008520.png195 Кб, 785x629
335 2294197
>>4146

>поиграйся с шрифтами


Более толстый шрифт на фоне, где происходит магия, помогает.
Загадка была сложная, а ответ так прост. Выпью за тебя можителя.
336 2294204
>>3673
:valid же
337 2294209
У вас тоже такая хуйня бывает, что когда вы играете в игру, или заходите на какой-нибудь сайт, и видите какой-либо эффект или элемент интерфейса, вы думаете, как бы вы реализовали это в своем коде? Как это фикситься? Похоже на шизу.
338 2294216
Sass-переменные или CSS-переменные?
339 2294218
>>4197

Хм, а вот тут еще одна загадка. Мы же видели один и тот же размер, одну толстоту шрифта, 'ошибка' была в сглаживании, в случае с экранами с магией dpi текст разве останется тот же? Логично же, что он там увеличится относительно той кнопки, где нет более толстого текста. Дать всем кнопкам более толстый текст магию не отменил. Возможно еще стоит попробовать другие шрифты.
Хм, думаю завтра отпишусь как потестю.
340 2294219
>>4218
Оставь как есть, нахуя ты с этим дрочишься?
341 2294221
>>4219
Я и оставил таску, сказал все чотко, просто цвета говно.
А самому интересна что за магия.
342 2294222
Аноны, знаю, что вам уже 100500 раз задавали этот вопрос, но все же, просто интересно, через сколько времени после вката вы нашли свою первую оплачиваемую работу(ну, и сколько платили, если не секрет)?
343 2294229
>>4221
Чекни на экранах с большим DPI для полноты картины.
А решается это тупо толстым шрифтом, я так сделал и не парился. Тонкий шрифт просто следует нормально подбирать, вместе с бэкграундом, можно нормально подобрать на самом деле.
344 2294231
>>4222
Так вкат это когда ты находишь оплачиваемую работу.
345 2294235
>>4231
Разве? Ну значит с момента начала изучения веба, ладно
346 2294237
>>4222
Анон ниже уже тебя поправил, в культурном обществе термины следует знать.
Полтора года. 50к.
347 2294253
>>4235
Да, тут все мечтают войти или вкатиться в айти. А это ты просто учишься
348 2294291
>>4222
Ну я до сих пор на неоплачиваемых работах. 10 лет уже примерно.
349 2294295
>>4235
Если будешь по 8-12 часов в день изучать и работать - за три месяца на джуна насобираешь. Хорошего такого джуна. Ну и примут тебя в какую-нибудь донную работку. Через год нормально вообще будет, почти мидл.
photo2022-02-1121-43-20.jpg5 Кб, 794x114
350 2294473
Мне не у кого спросить.

Делаю авторизацию на сайте с помощью steam openid.
Node.js на 3001 порте, react - 3000.

респонс приходит по адресу 'localhost:3001/' , как мне его отправить в реакт и обработать?

https://jsfiddle.net/tjc54nb1/ - код index.js в node.js
351 2294529
>>4067
$("#hours").keyup(function(){
let num = parseFloat($(this).val());
if ( num >= 99999.9)
{
$(this).val("99999.99");
}
let number = ($(this).val().split('.'));
if (number[1] && number[1].length > 1)
{
let salary = parseFloat($("#hours").val());
$("#hours").val( salary.toFixed(1));
}
});

))
352 2294611
>>4185
color: blue; / all browsers /
color: blue; / IE7 and below /
_color: blue; /
IE6 and below */
353 2294612
>>4611
Перед вторым звезда стерлась, отдельные свойства под ie
354 2294664
>>4222
Первые деньги появились примерно через 5 месяцев, около 30к в месяц. Через год 65к. Через 1.5 - 130к. Чувствую себя полным долбоёбом, который нихуя еще не умеет и вообще самозванец, которого скоро расскроют, причём началось это только примерно месяц назад, до этого такого ощущения не возникало.
355 2294895
>>4067
const current = +this.value;
if (current • 100 % 1 ! == 0) {
this.value = this.value.split(“”).splice(0, this.value.length - 1).join(“”);
return;
}
this.value = this.value.replace(/(?<=[.,]\d{2})0+/g, “”);
356 2294897
357 2294924
>>4895
Передал твой высер в стрелочный колбэк, проверяй.
358 2294953
359 2294966
>>4216
Обе, потому что у них разная механика.
360 2295043
>>4216
Ты бы хоть немного конкретизировал, в чем твой вопрос.
Если sass не подключен, то и нахуя его подключать ради одних только переменных, а если подключен, то я даже не пробовал использовать нативные переменные.
361 2295095
>>4664

>Чувствую себя полным долбоёбом, который нихуя еще не умеет и вообще самозванец, которого скоро раскроют


С первого дня такое. В дедстве была окрочка, но поборол, а сейчас такое чувство, что шиза прогрессирует. Неприятное говно.
362 2295150
>>4664
Это как раз говорит о том, что ты действительно что-то знаешь и умеешь. Как раз если ты самоуверен, то навыков у тебя скорее всего недостаточно. Это очень хорошо видно на примере залетных бэкодебилов из других языков, которые почитали js по диагонали, чтоб прикрутить какую-то простую, гуглящуюся за 5 минут херню на страницу и которые рассказывают, что жс это легкотня, учится за два дня.
363 2295158
посоветуйте вкатышу за верстку
очко горит от этих падингов, хуядингов, дисплей блоков, инлайнблоков
2 часа пилил серч бар, вставил внутрь иконку, вроде нормально вышло, вспоминил шо надо завернуть эту хуйню в форму, все поеблось, и все по новой. жопа в огне
как учиться верстать и не гореть ?
364 2295191
>>5158
Пройди какой-нибудь говнокурс по хтмлу, хватит будет.
365 2295197
>>5158
Верстка нетвоё
366 2295198
На что влияет размер Maximum Heap Size? Если у меня много оперативки остается незанятой, это на что-то вообще влияет? Или оно нужно на тот случай, если оперативка кончилась?
367 2295199
>>5198
Забыл написать, речь идёт о webstorm
368 2295207
>>5197
спасибо

>пошел обратно на завод

370 2295221
Аноны, у меня есть скрипт для node который парсит данные и записывает их в файл. Хочу запускать его через кнопку на сайте. Для сервера решил использовать express, но вот что-то я вообще не пойму, как мне подружить его с имеющимся у меня скриптом. Как можно запустить скрипт из express и выдать результат скрипта как ответ на запрос в фронтенд? Промежуточные обработчики это то, что мне нужно для решения этой задачи?
371 2295478
>>5221
Импортировать скрипт и запускать его в колбэке эндпоинта.
372 2295483
Хочется лучше понимать, сколько ресурсов уходит на каждый завпрос. Не знаете, можно ли как-нибудь "дешево" в прометеус засунуть метрику, сколько памяти и проца потребил тот или иной запрос?
373 2295632
Я читал, что с React для SEO используется Next.js с серверным рендерингом или генерацией статики. Однако, я ещё читал, что какая-то такая хуйня есть типа браузера на сервере. Если поисковый робот заходит, то сначала React выполняется на сервере в какой-то хуйне типа браузера, а результат отдается поисковому роботу. Насколько эта хуйня типа браузера на сервере удобная и распространенная?

Если проще то такой вопрос - обязательно ли учить Next.js или можно обойтись только React' ом когда ищешь первую работу?
374 2295645
>>5158
используй готовые компоненты, которых до жопы
все уже сверстано до нас, в 2022 можно не верстать.
375 2295658
почему у Material UI такая сложная документация?
376 2295659
У меня ваще 4 гига оперативки, когда открываю вкладки и вебшторм, становится 8 гигов)
377 2295778
>>5645
Угу, ставь говнолибу и читай к ней документацию, чтобы прокинуть атрибут.
>>5658
Это типичная реактолиба со "всё включено". Поэтому там ехали пропсы чрез пропсы.
378 2295786
>>5658
>>5778
Как на ваш взгляд у React-Bootstrap сложная дока?
379 2295790
>>5658
>>5778
Я видел видеокурс по реакту часов на 30, где автор хуярил css-стили простым bootstrap в реакт-компонентах. Хотя можно же было React-Bootstrap.

Как считаете, простым boostrap проще наговнякать? Чем курить доку по React-Bootstrap?
380 2295799
А че сложного? Ищешь нужный элемент и добавляешь, что в MUI, что в рякт бутстрап. Или там какой-то подвох, с которым я ещё не столкнулся?
381 2295809
Посоны, посмотрите плз, правильно ли написал верстку по БЕМ-у (будь он неладен)?
382 2295834
>>5778
ну ты про верстку говорил а не про реакты-хуякты.
tailwind заебись как по мне
Снимок экрана 2022-02-13 в 13.04.24.png77 Кб, 932x391
ПАМАГИТЕ!!! 383 2295842
Почему такой код не работает? Как в TypeScript использовать цикл for...in?
384 2295845
>>5799
там есть customization и system и много чё ещё есть, всё блять ехала скобка через скобку а внутри какой-то palette ваще хуй знает откуда, а ещё есть тайпскрипт
385 2295846
>>5842
Нормальный массив сделать с lenght и всё.
386 2295847
>>5842
key as keyof typeof FIELDS )))
387 2295848
>>5809
Вроде норм. Но я полтора раза бэм читал, так что не точно.
388 2295851
>>5809
Есть же бэм-валидатор.
389 2295854
>>5846
Но мне нужен ключ для каждого из значений...
390 2295860
>>5847
Спасибо ^^
Но почему так все сложно...
Снимок экрана 2022-02-13 в 14.37.27.png58 Кб, 811x325
391 2295882
>>5847
Опять ничего не понимаю, как добавить объекту новое свойство?
392 2295898
>>5809
Неправильно, так как блок у тебя в данном случае - ul элемент.
393 2295899
>>5882
Можешь выйти в окно.
394 2295901
Почему не сделать просто currentObj = {...FIELDS}
395 2295902
396 2295917
>>5898
Разве не может быть, что блок ul содержит в себе другие блоки (li)?
397 2295929
>>5854
Значит у тебя хуевый дизайн. Нельзя просто взять и перебирать всякие ключи, хуйчи и прочие вещи, которые по факту не итерабельны. Крайне медленно, ебануто и вообще.
Сделай массив и перебирай в массиве.
398 2295939
>>5917
Да, в этом случае li будет одновременно элементом ul блока и своим блоком.
Но в данном случае у тебя не какой-нибудь генерик ul, а вполне себе список категорий. Так что li в этом случае не имеет смысла выносить в блок.
image.png100 Кб, 1024x521
399 2295964
>>5939
Как тогда будет правильней — все привязать к блоку ul? В этом случае классы становятся какими-то совсем длинными, считается ли это нормально?
400 2295994
>>5860
В тайпскрипте тип ключа объекта у всех js-методов - string, поэтому всегда приходится тип приводить через as. Хуй знает, почему они так сделали, но это сильно раздражает.
401 2296005
>>5994
В жс у нормальных объектов ключи - строки, такие объекты превращаются движком v8 в hidden классы, а объект с числовыми ключами это разреженный массив - с такими объектами v8 пердит и лагает. К тупоскрипту это наверно отношения не имеет, но остерегайся пользоваться разреженными массивами
[,,,3,,5,,,,,]
402 2296013
>>5964
Нет, так нельзя делать. Думаю, анон имел в виду "categories-list__category", "categories-list__img" и т.д. Так как li не существует сам по себе, он существует неразрывно от ul.
403 2296020
в коде наткнулся на такую штуку, в чем прикол передавать в then setData без аргумента?

const [data, setData] = useState(null);

/../
.then(setData)
/../
404 2296023
>>6020
.then(setData) это то же самое, что и (newData => setData(newData)), только короче.
405 2296025
>>6023
Интересно, спасибо
406 2296034
>>6020
Сетдата это функция, then ожидает функцию, вот ему её и дают.
407 2296035
>>6034
Это да, но я не знал что аргумент передается из предыдущего элемента цепочки
408 2296041
>>5478
Да что-то я вообще не вижу чтобы кто-то запускал скрипты со стороны в экспрессе. Смотрел видосы на ютубе, там такого не делают, почему-то. Может я туплю и не вижу очевидного (скорее всего), но все еще не понимаю как это сделать блин
409 2296049
>>5632

>Насколько эта хуйня типа браузера на сервере удобная и распространенная?


Неудобная, без неё жить проще.

>Если проще то такой вопрос - обязательно ли учить Next.js или можно обойтись только React' ом когда ищешь первую работу?


Next.js мало где нужен, забей. Если что, на работе выучишь. Не еби себе этим голову, никто обычно от тебя знаний некста не ожидает, тем более от вкатывальщика.
410 2296056
>>5632
Я вообще без реакта устроился, просто html css js
411 2296067
>>6013
А почему нельзя как на моем последнем скрине? У меня вроде ж так и есть - есть блок categories-list и внутри все остальные теги описаны «плоско» и являются его элементами: categories-list__category, categories-list__<то>, categories-list__<се>. Я что-то неправильно понимаю?
412 2296076
>>6067
У тебя в некоторых местах categories-list__category-<то> так нельзя. Смотри 2 пункт.
https://dev.to/visuellverstehen/common-mistakes-when-writing-css-with-bem-4921
413 2296087
>>6041
С какой стороны? Если у этого скрипта отдельная репа уже, то подключаешь её гит-модулем к своему серверу, импортируешь его входную точку и вызываешь скрипт, когда надо.
>>6067

>У меня вроде ж так и есть - есть блок categories-list и внутри все остальные теги описаны «плоско»


А не пиздишь? categories-list__category-... тогда что?
414 2296100
>>6076
>>6087
Разве названия элементов не могут состоять из нескольких слов, разделенных одиночным тире?

Типа:
categories-list // блок
&__category-img // элемент

&__category-то // элемент

&__category-се // элемент

По идее можно было бы обойтись и без слова «category», но я подумал это будет добавлять семантики.
415 2296107
Сейчас РАБотаю джуном на ангуляре.
Стоит ли учить рякт или вью чтобы вкатиться в какую-нибудь большую компанию? Ангуляр особо не видел в вакансиях больших компаний.
image.png51 Кб, 1011x456
416 2296123
>>6087
Сейчас все выглядит как-то так. Есть функция runParser которая экспортируется из другого файла, она возвращает массив json по итогам своего выполнения.
Но я не могу понять, как мне по запросу на "/" отобразить этот json. Страница загружается быстрее, чем срабатывает скрипт.
417 2296137
>>6107
Конечно стоит, хотя много где в требованиях знать любой фреймворк, подразумевают, что дадут время свитчнуться на их технологию.
Ангуляр долго учил? Почему именно его? Легко было найти работу джуном ангулярщиком?
Мне так, для общего развития.
418 2296138
>>6107
Ангуляр нигде кроме крупных компаний не используется, скорее всего ты попал в галеру которая продает тебя как контрактора.
419 2296141
>>6100

>Разве названия элементов не могут состоять из нескольких слов, разделенных одиночным тире?


Это нужно исключительно в случае конфликта имён.

>По идее можно было бы обойтись и без слова «category», но я подумал это будет добавлять семантики.


Это наоборот нарушение БЭМовской семантики.
>>6123
Ты doParse() синхронно вызываешь. Алсо колбэки должны возвращать значение, а не передавать мидлвари.
420 2296155
>>6137
Учил вью. Про ООП, ангуляр слышал только в калометании жс тредов.
Взяли несмотря на абсолютное незнание ангуляра.
В целом там все тоже самое что и в других фреймворках, просто немного не так ну и типизация.
Идет второй-третий месяц, делаю таски, логику правлю, более-менее справляюсь.

>>6138
Хз, возможно. Сам по себе прроект большой, но по коммитам не вижу, чтобы кто-то вне коллег коммитил.
421 2296156
>>6141

>Это нужно исключительно в случае конфликта имён


Но ведь так понятнее. Если написать просто categories-list__img, то фиг его знает, что именно за img. Может это img из внутреннего списка товара или еще какой-то. А если написать categories-list__category-img, то сразу понятно, что это за картинка. Это ведь не влияет на каскад и наследование. Чисто для людей, чтобы было понятней?

>Это наоборот нарушение БЭМовской семантики.


Не могу понять как это нарушает БЭМ-овскую семантику, поясни, если не трудно
422 2296163
>>6155
До сих пор не открывал доки, кстати. Думаю я плохой джун.
423 2296206
>>6156

>Но ведь так понятнее.


Нихуя не понятнее, ты говнокодишь псевдоблок, которых в БЭМе не существует.

>Если написать просто categories-list__img, то фиг его знает, что именно за img.


Да ты что? Вообще-то само название уже говорит, что это элемент img блока categories-list. А если у тебя два разных картинкоэлемента, то они и называться будут по-разному. Точнее сам их назовёшь по-разному, когда стили поедут.

>Не могу понять как это нарушает БЭМ-овскую семантику, поясни, если не трудно


Никто тебе не будеть ничего пояснять. БЭМ он для написания компонентов, а не наименования вложенностей разметки. Пока ты не поймёшь, как разделять контексты компонентов, ты не поймёшь БЭМ.
424 2296303
>>6206
Походу ты сам не шаришь
Почитай документацию. Там четко сказано как можно называть элементы
425 2296315
>>6303
Твою мамку тоже можно шлюхой называть, что технически не запрещено документацией, но чёт я не вижу, что к ней так обращаются.
426 2296324
>>6315
Охуенный довод. Продолжай в том же духе.
427 2296340
>>6324
Продолжил твоей мамке, проверяй.
image.png52 Кб, 1021x417
428 2296415
>>6141
Я ничего не понял анон(
Вот мой эндпоинт это app.get (правильно ведь?)
Дальше там идет колбек async function
В нем я запускаю функцию, она начинает работать, да, я вижу это в консоли. Но она ничего не возвращает, как мне достать из нее данные которые она сгенерировала?
429 2296422
>>6340
Лучше документацию почитай
image.png34 Кб, 606x358
430 2296439
>>6415
>>6141
Ок, я понял, я сунул функцию как колбек, но она все еще ничего толкового мне не возвращает кроме страницы с ошибкой ERR_CONNECTION_RESET, но и то лишь из-за того, что nodemon перезагружает сервер, наверное
431 2296501
>>6439
Ок. А доку когда читать собираешься?
432 2296527
>>6439
Почему у тебя runParser, но express? Почему не runExpress? Или почему не parser? Чем ты руководствуешься? Почему такое неконсистентное именование?
433 2296533
>>6527
??? какая разница какое название в данной ситуации?) ранпарсер, потому что он запускает парсер.
>>6501
Анон, я прочитал доку, посмотрел все видосы на ютубе и вывод к которому я прихожу говорит о том что экспресс обычно так не используют. Из него не вызывают сторонние функции, насколько я понял. Я готов почитать доку если там есть объяснение на мой вопрос, может ткнешь меня в него? сделай милость
434 2296541
>>6533

>какая разница



Огромная. Это одна из всего двух основополагающих проблем программирования. Если ты задаешь такие вопросы, то ты законченный дебил.
435 2296546
>>6049
>>6056
Огромное спасибо, буду знать
436 2296557
Цсс модули какая-то хуета без задач
437 2296569
438 2296572
Хочу написать простого бота, алгоритм действий: зайти на сайт, авторизоваться, нажать какую-то кнопку в личном кабинете. Что для Ноды использовать для реализации такого? В направлении каких библиотек и т.д. копать?
439 2296578
>>6572
puppeteer
440 2296585
В преимущество указывать ссылки на изображения на cdn, вместо того чтобы просто хранить изображения внутри проекта?
441 2296588
>>6585
чтобы снизить нагрузку на сервер
442 2296590
>>6572
Сейчас же капча везде, твой бот разве не соснет от этого?
443 2296591
>>6585
cdn может иметь много точек присутствия в разных частях мира, плюс дешевле траф.
444 2296592
>>6588
>>6591
А весь статический фронтенд разве тогда не должен на cdn храниться? Тогда получается изображения, которые лежат внутри проекта, тоже и так будут передаваться по cdn.
445 2296593
>>6592
Я имею ввиду целиком проект с html, js, вся хуйня. Его ведь выгодней тогда по cdn передавать
446 2296595
>>6593
Это не настолько критично, как медиа. Плюс он кешируется у юзера.
447 2296611
>>6593
Что будешь делать, если CDN отвалится/зареджектит запрос на скрипт?
448 2296631
>>6611
Отдавать с своего сервера, очевидно же.
449 2296980
Что вы больше на работе делаете? JS-код пишите, или верстаете?
450 2296986
>>6980
Пешу жс-код и верстаю.
мимо петухон-бэкендер
451 2296988
>>6986
Съебал из треда
452 2296991
>>6988
Нет ты.
453 2296992
>>6986
Небоось еще технический дизайн делаешь? Патаму что зачем дизайнера нанимать, если есть кодер...
454 2296996
>>6992
Нет, только пилю бэк и фронт, ну ещё иногда учу аналитиков писать тз.
455 2297000
Так какие задачи у цсс-модулей?
Получение возможности срать уебищными ничего не значащими .nav и .wrapper по 10 штук на проект?
Локал скопинг, у которого кроме подтирания говна в класснеймах какие задачи?

>No more conflicts.


>No global scope.


За несколько проектов с БЭМом не было ни одного конфликта и о глобал скопе даже не думал

>modular and reusable CSS!


>Explicit dependencies.


То есть эта свистоперделка — в первую очередь о CSS как таковом?
Эти "modular reusable и с dependencies" каким образом архитектурно впихнуть в независимые инкапсулированные компоненты?
Если это к уровню компонентов никакого отношения не имеет и относится чисто к CSS: в чём заключается "модульность цсс "модулей" в сравнении с любым цсс препроцессором?

На практике вижу:
1. Замену длинных блок__елемент--жирный на import {elementGovna} cn={elementGovna}
2. Неадекватный пердолинг отваливающихся иде и тайпскрипта
3. Нуль сколько-нибудь объективно полезных улучшений

Я не гуру фронтенда, но эта хуйня выглядит тотально бесполезным говном в проруби между цсс-ин-жс и обычными современными цсс процессорами
456 2297011
Для сборки sass и релоуда использую вебпак, хотя типа модно галп для верстки. Мнение?
457 2297013

>галп


>модно

458 2297022
1). Как в slick slider сделать плавную прокрутку слайдов, с полным контролем движения слайдов пальцем(имеется ввиду с мобилки) и без рваных анимаций.
2). Как в slick slider задать фиксированное число дотов вне зависимости от кол-ва слайдов. Чтобы не приходилось ограничивать их число скриптом
3) если всё это нельзя реализовать в slick slider, то в какой библиотеке можно?
459 2297047
Где можно захостить небольшой парсер на десять строчек, чтобы не разворачивать какие-то хостинги, облака и прочую залупу?
Даже какой-то жсфиддл бы подошел, но там кросс-ориджин, да?
460 2297088
>>7047
Дома под кроватью.
Закинь на vercel
461 2297092
>>7088
Так на верцеле же облака и лямбды.
462 2297096
>>7000
БЭМ - это неудобный костыль, который был неплох и не имел хороших аналогов в свое время. Сейчас он не нужен. Просто ты скорее всего привык с ним пердолиться, вот и бугуртишь от модульных новшеств.
463 2297156
>>7096
У тебя несколько компонентов с непохожей функциональностью, но единым дизайном. Запилишь свою систему классов? Чем она будет лучше БЭМ?
464 2297160
>>7156
Пердед, в любом шаблонном языке можно компоненты композировать как тебе в голову всбредёт. БЭМ в этом случае сводится к менеджементу неймспейса стилей.
465 2297167
>>7160
Пиздец, ты даже не понял о чем речь. Компоненты это одно, а стили это другое. Проблема даже со styled components не исчезает. У тебя те же стили могут использоваться вообще вне твоего js фремворка. Вот захотят часть приложения на рельсах написать.
466 2297185
>>7167

>Компоненты это одно, а стили это другое.


Вот только БЭМ сам по себе компонентный подход продвигает.

>У тебя те же стили могут использоваться вообще вне твоего js фремворка.


Причём здесь БЭМ, наркоман? Я так же могу сказать, что за пределами твоего проекта намного проще конфликт неймспесов словить, так как у тебя нет контроля над ними. А CSS-модули можно на любой проект завезти, где хотя бы краем уха о вебпаке слышали. И они никогда не будут конфликтовать.

>Вот захотят часть приложения на рельсах написать.


А если захотят тебя выебать в жопу, будешь бегать смазывать на всякий случай? Пиздец блять, рельсы - лютая некрофилия.
467 2297188
Как вы стилизуете свои пет-проекты? Хочется, чтобы было не всрато, но в то же время не хочется подключать ui фреймворки. Верстать могу, но верстал всегда макеты в фигме. Получается, что для того, чтобы сделать свой пускай и простой дизайн надо еще учиться делать макеты в фигме?
468 2297196
>>7188
На фрилансе закажи макет, практически за еду сделают.
469 2297276
>>7188
Еще кстати не понятно насколько большим и сложным должен быть пет-проект. Если я сделаю сайт прогноза погоды, который будет дергать апишку м показывать погоду при выборе города на сегодня/завтра/три дня и отрисовывать в табличках этого будет достаточно? Или надо придумывать что-то более навороченное. Я думал делать несколько небольших проектиков, а не один огромный.
470 2297302
>>7276
Можно и небольшой написать, просто чтобы там по максимуму было напихано технологий, которые ты знаешь.
471 2297331
Есть ли что то похожее на этот курс - https://www.educative.io/path/ace-front-end-interview только дешево/бесплатно?
Нужно чтобы прогнали по всяким залупным моментам html/css про которые спрашивают на собесах и по всяким задачкам в стиле "задизайните нам твиттер". Если есть курс для повторения html/css то тоже сойдет.
image.png17 Кб, 576x150
472 2297335
Анон подскажи как сделать так , что бы при закрытии страницы на бэк отправлялся запрос. Я сделал вот так и оно не работает.
Еще посоветйте годных курсов на ютубе по скрипту , пожалуйста.
473 2297340
>>7096
По БЭМу допускаются композиции, в ридми цсс-модулей точно такие же композиции
Какое "модульное новшество"?
474 2297342
>>7335
beforeunload?
477 2297577
Кто подскажет годный видос по пропсам, понятный для тех, кто совсем не в теме? Вроде простейшая херня, передал пропс от родителя, передал обратно, но в документации как-то всрато описано, без реальных примеров и непонятно что куда писать. А на видосах какие-то сложные конструкции, и что интересно - у каждого ютубера разные способы.

Слезно прошу, подтолкните в верном направлении, может я как-то не теми словами гуглю и потому не нахожу подробные разъяснения
478 2297583
>>7577
Какой нахуй видос по пропсам, наркоман? Ты не умеешь объекты передавать в аргументы функциям или что?
479 2297588
>>7583
Ну да, не умею
480 2297621
>>7577
читай доку внимательнее
481 2297654
Привет! Делаю пет-проектик - муви лист. Проблема такова: Есть большой компонент MoviesPage, где находится список фильмов и сортировка (по жанрам, году и т.п.). Когда происходит подгрузка списка фильмов (лоадер крутится) все остальные элементы на странице тупо недоступны. Как это можно пофиксить? Из-за чего такое могло возникнуть?
482 2297670
>>7654
Так ты наверное подгружаешь синхронно.
483 2297676
>>7670
Вот как вызываю хук и сам код хука.
Хук асинхронный.
484 2297692
Есть идеи как массив
['1Q2022', '2Q2022', '3Q2022', '1Q2008', '2Q2008', '3Q2017', '2Q2017']
превратить в объект типа
{
2008: 1,2
2017: 2,3
2022: 1,2,3
}
485 2297706
>>7692
это как-то связано с Set
486 2297708
>>7692
Ладно, задача оказалась гораздо легче чем я думал, фиксы приветствуются

let arr = [
"1Q2022",
"2Q2022",
"3Q2022",
"1Q2008",
"2Q2008",
"3Q2017",
"2Q2017",
];

let newArr = arr.map((quarterToYear) =>
quarterToYear.split("Q")
);
let obj = {};
newArr.forEach((item) => {
const year = item[1];
const quarter = item[0];
if (!obj.hasOwnProperty(year)) {
obj[year] = [quarter];
} else {
obj[year].push(quarter);
}
});
console.log(obj);
486 2297708
>>7692
Ладно, задача оказалась гораздо легче чем я думал, фиксы приветствуются

let arr = [
"1Q2022",
"2Q2022",
"3Q2022",
"1Q2008",
"2Q2008",
"3Q2017",
"2Q2017",
];

let newArr = arr.map((quarterToYear) =>
quarterToYear.split("Q")
);
let obj = {};
newArr.forEach((item) => {
const year = item[1];
const quarter = item[0];
if (!obj.hasOwnProperty(year)) {
obj[year] = [quarter];
} else {
obj[year].push(quarter);
}
});
console.log(obj);
image.png18 Кб, 492x130
487 2297709
488 2297712
>>7692
let arr = ['1Q2022', '2Q2022', '3Q2022', '1Q2008', '2Q2008', '3Q2017', '2Q2017'];
let obj = {};
for(let item of arr) {
let year = item.slice(2,6);
let kvartal = item.slice(0,1);
if(!obj[year]) {
obj[year] = [kvartal];
} else {
obj[year].push(kvartal);
}
}
489 2297716
>>7709
Меня не обоссут за такое? Нечитаемо же, но прикольно и емко, спасибо, поразбираюсь
>>7712
Похоже на мое, только я думал !obj[year] нельзя чекать и сделал через hasOwnpropertyKey, спасибо
image.png22 Кб, 485x195
490 2297721
>>7716

>Нечитаемо же


Ты сюда за идей приходишь или за кодом? Двощеры уже не в силах размотать однострочники?
491 2297723
>>7721
ну ненадо ну не стукай
492 2297724
>>7721
Просто с редьюсом я плаваю, а ??= вообще ни разу не видел. Спасибо
493 2297737
Попытался освоить вебпак.
Он не создаёт папку dist с результатом. Почему?
494 2297743
>>7737
У меня все создает! Проверяй у себя!
16106536314130.jpg42 Кб, 550x531
495 2297750
Не понял.png254 Кб, 650x650
496 2297769
Создалось. Надо было npm run start, а я просто npm start писал .
Хотя какая разница?

Хрена я хацкер.
497 2297790
>>7342
не работает :(
image.png361 Кб, 1080x526
498 2297793
Папка дист создалась. Там есть хтмл и жс. А стилей нет. Хотя они работают. Вот как? Стилей я не вижу, а они есть.
За що?
image.png63 Кб, 196x240
499 2297798
>>7793
Однако через элементы в браузере подключен файл main.css. Только на пеке его нигде в папках нет. Вот магия. Что творит, дьявольщина.
500 2297802
Стоп, я же сам всё это в скриптах понаписал.
501 2297804
>>7793
Покажи свой вебпак конфиг ЖС
502 2297816
>>7676
Немного переписал логику, опробовал React.lazy и Suspense. Нихуя не помогает. Сами запросы асинхронные, в консольке всё очень быстро появляется, а вот пока этот список отрендерится (хотя с апи всего 20 фильмов приходит) остальные компоненты так и находятся во фризе. Поведение в принципе понятное, но непонятно как это пофиксить.

Может дело в использовании Material UI?
Безымянный.png26 Кб, 788x736
503 2297825
>>7804
Всё нормально там работает. Это я малость затупил. Отдельный файл должен создаваться при билде, а в дев моде стили в хеад записываются.
504 2297868
Я прошёл курс Шварцмюллера по Реакт на 48 часов. И я обомлел... Там он чисто азы дает и всё нахуй, за 48 часов.

А как мне теперь дальше двигаться, как приложение написать полноценное? Откуда бэкенд брать, чтоб к нему запросы слать? Ещё хотелось бы с авторизацией потернироваться.

Неужели бэк тоже надо самому писать и учить ноджс, экспресс? Неужели нигде в мире нет готового бэкенда на котором можно натренироваться и чтоб там с авторизацией можно было натренироваться?
505 2297874
>>7737
npm run build пробовал запускать?
506 2297899
>>7868
Берешь какой-нибудь miragejs или msw и не нужен никакой бэк.
507 2297915
>>7899
Благодарю, большое спасибо, буду значит этими штуками пользоваться
246-2466681tool-wallpaper-hd.jpg422 Кб, 1920x1080
508 2297938
Всем привет!
Ребят посоветуйте пожалуйста ресурс где могут помочь по теме создания телеграм ботов на NodeJS. Может есть специализированный чат какой-нибудь.
А еще лучше подробный гайд где разбирали бы взаимодействие JS с api телеграма, разные ивенты и особенно асинхронность, как правильно организовывать код. Все уроки которые нашел (наверняка плохо искал) сводятся к 10 минутному описанию самых базовых очевидных вещей.
Видел хорошие уроки на питоне, но не теряю надежду что на JS тоже есть.
509 2297948
>>7938
Если кто-нибудь годноту не подскажет, то придется на питухоне лабать - если хорошие есть на питухоне
510 2297953
>>7938
Чем создание ботов на поле отличается от создания ботов на питоне?
511 2297968
ПЕРЕКАТ >>2297966 (OP)

ПЕРЕКАТ >>2297966 (OP)

ПЕРЕКАТ >>2297966 (OP)
Тред утонул или удален.
Это копия, сохраненная 5 августа 2022 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /pr/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски