ITT обсуждаем:
- общие вопросы по Frontend
- работу Frontend специалистом
и всякое токое
===
Инструкция для начинающих (guide for newbies):
https://github.com/acilsd/wrk-fet
Карта развития (roadmap):
https://roadmap.sh/frontend
Я сижу на Debian 12. Если пытаться установить обычный playwright, то когда скачивается webkit, происходит ошибка где сказано, что playwright не поддерживает webkit на debian 12.
Это уделали в версии canary, которая включает в себя новые фичи, которых пока нет в stable.
Webkit в Canary устанавливается без проблем.
Но если попытаться открыть сайт в webkit через Test generator, то есть используя команды
npx playwright codegen --browser webkit
То он работает очень плохо. Если по-нажимать на кнопки и по-открывать списки, то отрендеренный сайт исчезает. Некоторые сайты вообще не рендерятся. Если в настройках попробовать включить поддержку всяких фичей, то это не помогает, а в некоторых случаях можно сделать даже хуже - тот сайт, который рендерился, перестанет рендериться.
При этом в chromium все работает хорошо, то есть без проблем можно смотреть верстку в Microsoft Edge.
Также если запустить тест через GUI, то есть используя команду
npx playwright test --ui
и написать в нем тест, что нужно клацнуть на элемент, после клацанья на который сайт пропадает в режиме codegen, то тест отработает как надо и на скриншотах будет показан отрендеренный сайт в webkit и ховер или клик по проблемному элементу.
Вопросы:
1) Как запустить рабочий webkit в playwright в Debian 12?
2) Все ли работает без проблем в Debian 11?
3) Я зашел в папку, куда скачиваются движки и оказывается их можно запускать отдельно, не используя playwright. Ситуация такая же: chromium работает как надо, в webkit проблемы. Можно ли в таком случае использовать этот chromium без playwright по закону, учитывая, что скачивание происходит с сервера playwright: playwright.azureedge.net ? То есть вопроса о легальности 2, можно ли использовать этот билд не нарушая 2 лицензии playwright и chromium. И то же самое касательно движка webkit, если возможно его пофиксить. Алсо, возможно ли вообще скачать рабочие движки с оригинальных сайтов и использовать их коммерчески без лишней возни с лицензиями? Беглый осмотр сайта webkit говорит о том, что его нужно еще сбилдить, готового для запуска движка там вроде нет.
https://www.youtube.com/watch?v=3jgAcUKTyKw
https://codepen.io/mdusmanansari/pen/BamepLe
Я правильно понял или нихуя не правильно?
Причем нарисовал его какой нибудь синиор даун, вспомнив все что можно. Кто это говно вообще будет читать кроме шизиков готовящихся дома всю жизнь ?
Ни один адекват так код не учил.
Нормальные люди просто начинают делать проекты и так познают все.
Поясните плес про babel плагины Я правильно понял что сейчас в к году уже устарел плагин @babel/plugin-proposal-class-properties и вместо него надо использовать @babel/plugin-transform-class-propertiesЯ правильно понял или нихуя не правильно?
Надо учить алгоритмы, паттерны проектирования, веб безопасность, как защищать свой сайтик, как пользоваться Docker'ом, typescript(я ещё не приступал к нему), учить UI/UX ,фреймворки vue, nuxt, библиотеки тестирования к ним, всякие там побочные инструменты для валидации форм и компоненты UI, css in js. Всякие надо учиться анимации делать gsap. Надо руку набивать несколько пет проектов написать. И учитывая, что я работаю на дноработе по 8-12 часов 5-6 дней в неделю за 20к рублей. То времени на вкат в кодинг остается мало. А вкатываться ещё очень долго, надо прорабатывать очень многие аспекты.
Ле Маман орёт скандалит ты бальной!!!!!!!!!! Тебе нужен психиатр!!!! Ты будешь до старости изучать технологии, оттачивать их знание, гнаться за прогрессом и появлением новых инструментов. А потом просто умереть, так и не устроившись на работу!!!!! Быстра АТРАВЛЯЙ РЕЗЮМЕ!!!!!!!! АТПРАВЛЯЙ РЕЗЮМЕ!!!!!! Я СКАЗАЛА АТПРАВЛЯЙ!!!!!!!! РЕЗЮМЕ!!!!!!!!
Да, я под её давлением даже пытался устроиться. Итог закономерен, что почти везде мне отказали. В одном месте в какой-то странной веб студии, которая выглядит как полный кидняк меня сразу за пеку усадили и сказали на ларке и на vue, nuxt заебашить систему учета, чтоб к 1С-ке подрубалась. Естественно я нихуя не осилили, я ж не знаю ни ларку ни вьюшку нихуя. Ушел оттуда с ебалом лягушки.
Этот пример с вебстудией только лишь утвердил мою веру в то, что я прав, что надо перед первой работой задрочить тот список, что я выше указал.
Потому что я увидел воочию то что я ожидал увидеть, а именно, что никто подсказывать не будет, сразу за задачу посадят и давай сам как-нибудь делай. Я так и думал изначально, что так оно и будет. Просто Ле Маман меня ором и скандалом вынудила пойти. Она думает, что если я не знаю laravel и vue, то если на меня крикнуть чем сильнее, тем больше в моей голове начнут появляться знания по laravel и vue. Она думает, что учеба для лохов, а реальной Ле Маман достаточно громко крикнуть и тогда у сычика сразу в голове знаний появятся про vue и laravel. По методике Ле Маман учеба не нужна, время затрачивать не нужно, достаточно просто громко крикнуть и всё будет ок.
>устарел
Когда что то устаревает тебя npm об этом предупреждает.
"Мой сосед работал на стройке. Не знаю, как его угораздило, но он упал с четвёртого этажа недостроенного дома и сломал себе позвоночник. В то время ему только исполнилось 29 лет, и у него уже была жена и двое детишек.
Сперва всё не казалась таким уж безнадёжным, он долго лежал в реанимации, потом в хирургии и в терапии, потом какой-то его друг детства выбил ему бесплатную квоту в московский реабилитационный центр.
Сосед к тому времени давно пересел в инвалидное кресло, но ходить не мог, у него атрофировалась вся нижняя часть туловища. Жена поначалу не отходила от него, разрывалась между больницей, детьми и работой, ужасно похудела и вымоталась.
Он же наоборот сильно растолстел и от лекарств, и от сидячего образа жизни, да, и стресс заедал огромными порциями каши или картошки. Человек он по природе неласковый и угрюмый, жену и раньше добрыми словами не баловал, а тут вообще замкнулся, ушёл в себя. И жена сдалась.
Не знаю, может, он и сам подтолкнул её к разводу, но только после реабилитационного центра он переехал жить к своей маме, оставив ей с детьми двухкомнатную квартиру. Говорят, у жены появился новый мужчина, но к моему соседу она ходит часто, и дети забегают.
Я-то сама старше его на 12 лет, знаю его давно, хороший парень, в компьютерах шарит, даже зарабатывать взялся на их ремонте. Не знаю, как там у него по мужской части, но когда я помогаю его матери пересаживать его в инвалидное кресло, то чувствую, что он свою руку то на бедро ко мне положит как бы невзначай, то щекой к груди прикорнёт.
Иногда он зовёт меня к ним в гости кино посмотреть или чай с тортиком попить, по телефону стал звонить часто. Я понимаю, что первый шаг он сам делать не станет, будет ждать, что я решу. А я и сама не знаю, что мне решить, ведь я не люблю его, а жалею, а вдруг у меня тоже сил не хватит, как и у его первой жены. Вот, и маюсь уже который месяц в раздумьях, как поступить."
Так, чтобы по нажатию кнопки или вводу команды с определенными параметрами, можно было бы получить оптимизированные JPEG, WEBP, AVIF для всех указанных разрешений с необходимыми настройками качества?
Начал разбираться с sharp, но это node.js модуль, которые не встает сходу на vite, потому что в vite убрали поддержку nodejs модулей из коробки. Каждая попытка прикрутить sharp к vite плагинами, выдает все новые ошибки.
Возвращаться к grunt не хочу, потому что еще 1 конфиг с настройками для определенного инструмента, мне кажется, лишнее в 2023. Хочу, чтобы это все работала в vite после установки пары пакетов.
Чтобы это все собиралось и оптимизировалось в момент генерации бандла, наверняка, можно настроить, но думаю, что это будет долго, сложно и с выходом нового расширения/алгоритма оптимизации/инструмента опять все придется перенастраивать, поэтому, думаю, что это нужно сделать на входе в разработке приложения и работало в development. Поправьте, если ошибаюсь.
Алсо, у кого-нибудь занимается этим дизайнер? То есть оптимизирует всю графику как им надо и дает фронтендеру с комментариями, что картинки никак трогать уже не нужно и они оптимизированы под конечный результат?
Я правильно понимаю, что в 99% случаях картинки просто проходят оптимизацию с базовыми настройками, чтобы пройти тесты на загрузку? Или тенденция изменилась в 2023 как-то?
бамп прикольным цветочком на csshttps://codepen io/mdusmanansari/pen/BamepLe
А мог бы выучить sql на уровне первого семестра первого курса универа и пойти дб-макакой за 35к
>никто подсказывать не будет, сразу за задачу посадят и давай сам как-нибудь делай
Спрашивай - подскажут или направят туда, где можешь сам что-то найти (алсо учись гуглить). Если не спросишь - не подскажут, конечно.
Мне кажется это паста, но на всякий случай отвечу, хз, что там у молодых в голове.
>20к рублей
Где сейчас столько платят? Кроме лахты.
>Надо учить алгоритмы, паттерны проектирования, веб безопасность, как защищать свой сайтик, как пользоваться Docker'ом, typescript(я ещё не приступал к нему), учить UI/UX
Не надо.
Вообще не знаю для чего учить алгоритмы в обычном фронтенде за 100 наносек. Думаю, что это пригодиться, когда ты будешь миддл+ и если вкатишься в какой-нибудь огромный портал со сложным api, лэгаси видео-плеерами или в какую-нибудь узкую специализацию.
паттерны проектирования - напишешь свое, после работы пару вечеров посидишь, почитаешь патерны, найдешь тот, который сам написал, поправишь, чего не хватает. Я имею ввиду патерны проектирования стейта, админки простой, логина. Если имеешь ввиду архитектуру приложения, то тебе это пока что не нужно.
веб-безопасность - чтобы полностью изучить кибер-безопасность, нужно года 3. Так никогда, никуда не вкатишься. Тебе это не нужно, если только не будешь отвечать за данные других пользователей.
как защищать свой сайтик - это не вкат во фронтенд, это открытие своего бизнеса
как пользоваться Docker'ом - это бэкэнд
typescript(я ещё не приступал к нему) - выбирай работу без него.
учить UI/UX - зачем? ты верстаешь по макету
>всякие там побочные инструменты для валидации форм
это и есть паттерн проектирования. напиши сам, потом найди похожий патерн, поправь в своем, если что-то не понравится
>css in js
1 команда, чтобы установить плагин в сборщик
2 команда, чтобы настроить в сборщике
Но с инструментами сейчас правда какая-то боль, после того как cra закрылся. Решается курсом в 1-2 недели по вебпаку, ролапу и т.д.
>Всякие надо учиться анимации делать gsap.
Какие? Используя, :hover { opacity: 1 } и onClick addclass keyframes, можно решить 99% задач. CSS лучше для производительности и удобней. Не могу сходу сказать в каких случаях нужна тащить в проект тяжелую библиотеку с анимациями, может быть если ты хочешь огромный живой портал, а денег на разработку мало.
>Надо руку набивать несколько пет проектов написать.
Верстаешь лендос, и 1-2 интернет магазина для вакансии верстальщика. И 2 пет-проджекта, тудушку и какой-нибудь поиск по API для фронтендера.
>А вкатываться ещё очень долго, надо прорабатывать очень многие аспекты.
Много всего надо знать поверхностно, конечно, но прорабатывать и зубрить не надо.
6-12 месяцев на вкат в верстку без работы, 8-18, если с работой по вечерам учить.
Потом либо работаешь год верстальщиком, либо нет.
8-14 месяцев на js с фреймворком
> Выбрал самую легкую сферу фронтенд.
Думаю лет 5 назад это утверждение было справедливо. Но не могу сказать точно, потому что в другие области не вкатывался. Если иметь ввиду только верстку, то да. Если иметь ввиду фронтенд в целом, то он стал сложней раз в 1.3-1.5. Ты мог бы вкатиться в верстку, а потом параллельно изучать js и фреймворки.
>Ле Маман орёт
>под её давлением
Попробуй потратить 1 день, чтобы объяснить, в чем будет заключаться твоя работа. Если не захочет слушать, то съезжай от неё скорее. Ну и вообще не слушай никого никогда, что делать со своей жизнью.
>я ж не знаю ни ларку ни вьюшку нихуя
как ты вообще туда пришел, зная, что от тебя это потребуют? Почему заранее не выяснил?
>Потому что я увидел воочию то что я ожидал увидеть, а именно, что никто подсказывать не будет
Когда ты изучишь верстку хотя бы, ты поймешь, что спрашивать то на работе особо нечего. Ты уже будешь знать как сверстать макет.
Все, что ты будешь спрашивать на работе - это графику для верстки, апи для приложения. Если у тебя в проекты какие-то специфичные небольшие инструменты или скрипты, которыми ты не знаешь как пользоваться, или как быстро подключить библиотеку на фронте к бэку, чтобы не читать 2 дня, то тебе конечно же все объяснят. Если инструменты сложные или большие, ты просто говоришь, ребят, я их не знаю, мне нужна неделя/месяц, чтобы их выучить, чтобы с ними работать. Тебе либо дадут это время, либо скажут поделай пока другую работу и учи то, что нужно параллельно. Если скажут, что нужно увольняться, тогда нужно было действительно обговаривать заранее на каких технологиях ты будешь работать и либо забей и ищи другую работу, либо, если виноват тот, кто тебя собеседовал, качай права и говори, что тебе нужно время, чтобы найти другую работу, почему я на вашу галеру время тратил и пообещай оставить отрицательный отзыв в интернете.
>По методике Ле Маман учеба не нужна
Фронт очень быстро устаревает, если ты вкатываешься во фронт, ты всегда будешь что-то учить.
Ну и вообще всю жизнь нужно что-то учить, развиваться.
node.js модули он тоже из коробки не поддерживает.
Чтобы заставить react router на нем работать, тоже нужно каких-то пару строк написать в настройки, но это решение еще нужно найти.
Какой в нем смысл вообще тогда, если на его настройку тоже нужно тратить время, как и на настройку вебпака или ролапа? Существуют какие-то аналоги cra сейчас, которые позволяют создать оптимизированный билд и поддерживают все мейнстрим библиотеки без лишних настроек?
>Где сейчас столько платят?
Если быть честным там не 20к, а около 23к. Так что шикую.
>как ты вообще туда пришел, зная, что от тебя это потребуют? Почему заранее не выяснил?
Ле Маман с The Batya приказали отправлять резюме и идти туда. Я и пошел. Хоть знал, что ничего не получится, ведь я нихуя не знаю.
Спасибо большое за ответ.
>Если честно последнее время чет депрессивный стал. Хуй знает, что дальше делать.
Можешь попробовать следующей весной перейти Волгу.
Очень дурная. По сути ты присваиваешь себе чужую интеллектуальную собственность. Площадка, на которую ты их повесишь, может размещенный тобой лендос забанить по обращению правообладателя, а правообладатель может подать на тебя в суд.
> Все умные и хотят верстальщика с длинным списком проетов
никто. 1-3 достаточно.
Да нихуя не достаточно им
>>Площадка может размещенный тобой лендос забанить по >>обращению правообладателя
А как? Я как-то искал по куску кода и нашёл сразу несколько человек, выложивших его
У меня товарищ с вышкой ИТМО и с двумя фуллстэк проектами на гитхабе не может найти работу уже четвертый месяц. А кому нахуй нужны джуны?
Пиздец вы ебанутые....
Я вкачусь, вот увидите. Я буду лучше, чем твой друг из и-ПТУ.
>Да нихуя не достаточно им
Делай по-больше откликов
>А как?
Смотря какой кусок кода, если это кусок кода из лицензионной библиотеки, то, очевидно, можно получить иск в случае просто его присвоенного обнаружения. За кусок верстки никто преследовать не будет, да и установить будет невозможно скорей всего.
И смотря какой лендос ты имеешь ввиду. Из-за лендоса за 10к никто не будет ничего делать мне кажется, а если лендос стоит 500к, то вполне. По лендосу за 500к будет понятно, что ты его где-то взял и на тебя стуканут. Если ты его еще и коммерчески будешь использовать, то хозяин, наверняка мониторит конкуренцию и зеркальные бизнесы и быстро найдет тебя на 1-й странице гугла.
Я нет, но подобное ощущение появилось. Вроде как успешный айтишник (правда не в данный момент), но возникает вопрос, почему я не наукой занимаюсь а какие-то компоненты делаю.
Не хочу руками ничего делать, нужно чтобы команду ввести и все картинки оптимизировались. А тут надо лезть в фотошоп, открывать картинку, сохранять, потом в тайнипнг жать её, фигня полнейшая.
>Делай по-больше откликов
Куда отклики делать? вакансий нет нихуя.
В нашем регионе уже даже мидлов никто не ищет.
>Где сейчас столько платят? Кроме лахты.
Я в лахте видеомонтажером работал, платили 85к, какие нахуй 20
Потому что он додик? Уволилась с работы 300к/мес в мае, при том что до этого нашла работу за $6к в апреле
Я правильно понимаю, что такие комментарии в билде - это неправильно сделано?
В лицензии MIT написано:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
Копирайт из лицензии и это разрешающее уведомление должно быть включено во все копии и существенные порции программы.
Включено же не означает, что лицензия должна быть прописана в файле программы.
Чтобы было правильно, нужно в билде создавать отдельную папку и класть туда все лицензии, так ведь?
Почему тогда vite сделали такую фигню? Размер бандла же у всех увеличен, кто использует его, чтобы билдить приложения для продакшена. Все коментарии должны из бандла удаляться. При этом они нарушают лицензию, они же не добавляют в билд текст самой лицензии как сказано здесь:
and this permission notice shall be included
Посмотрел, что было в cra. Там тоже есть копирайты, но нет самих лицензий. Но там копирайты вынесены хотя бы в отдельный файл. Это в билде.
При этом лицензии на сами программы cra и vite есть в установленных глобально пакетах, но они не копируются в саму программу, которая собирает проект. Хотя по идеи этот аутпут должен являться существенной порцией программы, поскольку он собирает бандл.
Не получается ли так, что передавая заказчику проект, собранный на вайте, я отдаю сам вайт без лицензии и все программы в бандле?
Что и откуда может прилететь вообще за недобавление MIT лицензии?
>Хотя по идеи этот аутпут должен являться существенной порцией программы
Нашел. Судя по обсуждению это уже аутпут и можно самому выбирать лицензию.
https://github.com/vitejs/vite/issues/5034
https://www.fonts.uprock.ru/fonts/lato