/web/ - Front-End Thread ∞

Front-End Thread ∞ Аноним 11/06/24 Втр 18:04:42 № 138811 1

Здесь собраны ссылки на базовые ресурсы по Front-End-разработке и вёрстке сайтов.

Что такое вёрстка?
Вёрстка - создание рабочего прототипа сайта. Статичной страницы, без каких-либо скриптов, в основном при помощи знаменитой связки HTML + CSS.

Для чего этот тред?
Чтобы ты, анон, не заблудился. Здесь можно задать любой вопрос, касающийся Front-End-разработки, и, возможно, даже получить на него ответ.

Платиновые пасты
1. 2.
FAQ

Как учить React Как учить JavaScript Руководство по HTML Руководство по CSS Теория продвинутых курсов HTML Academy

Смежные треды в /wrk/ для вкатунов.

Прошлый тред в архиве.

Аноним 20/06/24 Чтв 22:42:41 № 138833 2

САП сениоры и мидлы! У меня проблема с vscode( В частности с расширением Vue - Official

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

в output Vue Language Server после создания и открытия новой компоненты вылазит ошибка

> [Vue Named Pipe Client] No server found for /home/baken/dev/pet/saveup/src/components/AppFooter.vue

Искал, гуглил и в общем нашел только тут похожий случай и откатил до версий 2.0.6, и не помогло.

Такая же ошибка на Linux, Windows, Wsl. Только макинтош не пробовал

https://github.com/vuejs/language-tools/issues/4256#issuecomment-2094000739

Аноним 09/07/24 Втр 18:53:00 № 138846 3

изображение.png 37Кб, 964x196

Реактирую. Есть чекбокс с лейблом, к которому не подкручены никакие скрипты и хуки, и он (через CSS) работает. Но если поставить по дефолту checked (просто checked или checked="checked"), чекбокс нельзя отжать. Если убрать атрибут, то можно и нажимать и отжимать. Чому так?

Аноним 21/08/24 Срд 13:03:48 № 138910 4

Куда обращается браузер, когда обрабатывает тег iframe?

Была мысль, что браузер изначально обращается к серверу, с которого скачана содержащая тег iframe страница, а уже потом этот сервер делает запрос на тот сервер, что указан в src, а уже потом пересылает браузеру ответ, но такая схема выглядит глупой, однако не нарушает политику одного источника.

Аноним 22/08/24 Чтв 06:26:39 № 138913 5

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

Сколько времени занимает натренироваться чтоб pixel perfect быстро нахуяривать научиться?

Аноним 30/08/24 Птн 21:06:21 № 138937 6

>>138913
а нахуй pixel perfect? Я так JS изучаю пока что ;(

Аноним 30/08/24 Птн 21:08:32 № 138938 7

>>138846
надо курсором мыши по синей галочке попасть

Аноним 06/09/24 Птн 12:31:34 № 138950 8

>>138846
потому что нужно defaultChecked, есть такой аттрибут. если ставишь просто checked, это значит, что ты убираешь всю дефолт логику чекбокса (т.е. должен где-то хранить в отдельной перемнной состояние true/false + привести хэндлер для изменения [onChange])>>138846

Аноним 10/09/24 Втр 16:34:18 № 138959 9

>>138913
Открываешь инструменты разработчика и пишешь там марджины/паддинги, после высчитываешь в %, если тебе нужен адаптив. Не забывай смотреть на то, какой ширины тебе дали макет и подстраивай в девтулзах ширину экрана.

Откуда брал учебный макет?

Аноним 16/09/24 Пнд 17:00:11 № 138964 10

Как можно показывать видео без тега video и всяких штук из прошлого(к примеру flash или java-апплеты)?

Аноним 21/09/24 Суб 07:25:36 № 138967 11

Ищу работу. Любую
Знаю html, css, svg, js, php
Телега @one312

Аноним 21/09/24 Суб 16:23:05 № 138971 12

>>138967
> Знаю html, css, svg, js, php
Это все знают.

Аноним 26/09/24 Чтв 21:10:32 № 138975 13

>>138959
Цап царапнул макет со скачанных курсов штмл академии 2к20 года

Аноним 27/09/24 Птн 13:01:22 № 138979 14

>>138975
В rsschool записывался?

Аноним 30/09/24 Пнд 18:33:16 № 138984 15

>>138979
Нет

Аноним 30/09/24 Пнд 18:56:55 № 138985 16

>>138979
Хуета

Аноним 02/10/24 Срд 07:36:43 № 138993 17

>>138985
Почему хуета?

Аноним 03/10/24 Чтв 06:01:30 № 138994 18

>>138993
Потому что ничем не отличается, если бы ты самостоятельно шёл по роадмапу из инетов.
Есть дискордик у них, но он больше байтит на чтение бесполезных вопросов/ответов и охотнее там отвечают тяночкам, ведь им так сложно в погромировании.
Голову не ебите себе всякими CUMунити и курсами. Всё изи учится по запросам в гугле. Если хуево учится, то не твоё. Там вон на складе вайдберриса делают миддловскую зп (170к~), пока ты будешь тут хэтэмэлэ, цээсэс и жиэс учить год-два.

Аноним 03/10/24 Чтв 06:24:40 № 138995 19

>>138994
> байтит на чтение бесполезных вопросов/ответов
Ну я прохожу pre-school и в дискорде с помощью поиска находил ответы на свои вопросы (хули, они там однотипные из года в год). А сидеть и мониторить весь этот флуд - нахуй надо (даже ради помощи тяночкам).

Сам планирую в конце октября вкатиться в основной курс, ради получения менторши

Аноним 03/10/24 Чтв 06:39:04 № 138996 20

>>138995
Тогда предупрежу, что ментор только со stage 2 и нужно сильно порвать жопу, чтобы получить его. Потому, что нужно быть в топ-100 примерно, а это анрил, если ты с нуля и у тебя параллельно работа/учеба + очень много кого, кто по второму, третьему кругу проходят этот курс.

Аноним 03/10/24 Чтв 12:46:38 № 138997 21

В 2к(почти)25 году реально ли, чистым фронтендером найти работу vue nuxt ts? Или теперь шанс найти работу только и исключительно бэкендером или фуллстеком? А фронтендером не реально из-за обилия желающих быть фронтендером?

Аноним 04/10/24 Птн 05:37:24 № 138998 22

>>138997
у рынка недостаток PHP прогеров, смотри в эту сторону, если надо скорее работу найти

Аноним 04/10/24 Птн 23:16:16 № 139000 23

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

Аноним 04/10/24 Птн 23:48:53 № 139001 24

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

Аноним 08/10/24 Втр 13:09:45 № 139003 25

Хочу руками поверстать что-то и повторить все, что помню по html и css, всегда знал поверхностно все это, так и не добрался до LESS
Какие курсы от академии последние или есть что получше сейчас? В прошло смотрел их, но не до конца.

Аноним 21/10/24 Пнд 22:08:57 № 139017 26

Пилю расширение для Chrome

При его установке на всех сайтах при наведении мыши на его иконку показывается всплывающая подсказка: "расширение запрашивает доступ к этому сайту", а если кликнуть то: "у расширения есть доступ к этому сайту"

Как этого избежать? Мне нужно чтобы моё расширение работало только на одном конкретном сайте и этот сайт прописан в манифесте в host_permissions и в content_scripts.matches

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

Аноним 23/10/24 Срд 11:02:27 № 139019 27

https://tailwindui.com
Где это спиратить? Насколько я понимаю там просто готовые tailwind шаблоны. Или где спиратить подобное

Аноним 07/02/25 Птн 23:29:29 № 139122 28

>>139019
подобно называется внезапно tailwind templates free
например https://www.tailwindawesome.com/?price=free&type=template

Аноним 08/02/25 Суб 15:58:07 № 139126 29

вот где-бы спиратить все блоки из https://primeblocks.org/
подсказал кто...

Аноним 14/02/25 Птн 22:37:42 № 139139 30

>>139126
зачем? там половина мусор, который та накидаешь на tailwind сам

Аноним 16/02/25 Вск 15:46:00 № 139140 31

>>139139
собственно за тем, чтобы не
>накидаешь на tailwind сам
а взять готовое

Аноним 16/02/25 Вск 15:54:59 № 139141 32

>>139019
тут не много, но это всё что есть, как говорится.
какой-то челик на реддите во vue-треде поделился
https://github.com/LaB-CH3/indiebold-ui

Аноним 16/02/25 Вск 21:06:32 № 139142 33

у нас есть аналоги netlify/vercel, чтобы деплоить с гитхаба в два клика?

Аноним 17/02/25 Пнд 15:59:56 № 139143 34

ребят ищу что поделать на ангуляре, дайте идей или возьмите в команду

Аноним 17/02/25 Пнд 18:34:57 № 139144 35

>>139143
top-1 пет-проектов: hamster-combat

Аноним 17/02/25 Пнд 18:36:31 № 139145 36

>>139144
скукота. надо что-то более бизнесовое

Аноним 30/03/25 Вск 15:21:45 № 139259 37

>>139143
Сайт с эскортницами — анкеты, фильтрация, комменты ходоков.

Аноним 31/03/25 Пнд 11:32:31 № 139260 38

Кто нибудь знает такой видео плеер, который имеет поддержку rutube?
Мне сказали есть один такой, но я никогда не слышал об этом мифическом звере.
Хотелось бы узнать.

Аноним 14/04/25 Пнд 10:26:16 № 139317 39

>>138811 (OP)
Браты, при наведении на номер поста на Дваче у меня не всплывает пост, это по вашей части? Что там в браузере я такого запретил, из-за чего функция отъебнула?

Аноним 21/04/25 Пнд 10:49:15 № 139328 40

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

категория: "нас на курсах Скиллбокса такому не учили"

Аноним 08/05/25 Чтв 11:11:52 № 139374 41

>>138846
checked это про стейт, привяжи либо к форм дате, либо к стейту и задай начальное значение false.

Либо как выше советовали defaultChecked

Аноним 08/05/25 Чтв 11:18:24 № 139375 42

>>139328
>как уменьшал размер бандла
Thanos.js

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

Если кроку нужны курсы, скилбоксы, рсскулы то рекомендую посмотреть в сторону завода.

Аноним 11/07/25 Птн 14:53:31 № 139417 43

Пусть имеется таблица, высота и ширина которой через css заданы как 100%.
У таблицы всего две строки - первая строка содержит одну ячейку, высотой в 100px.
Вторая строка содержит две ячейки, ширина первой из которых 100px, а у второй calc(100% - 100px)
У второй ячейки есть свойство overflow-y: auto.
Так вышло, что когда содержимое ячейки становится достаточно большим, то сначала растягивается таблица, а уже потом можно делать скролл внутри ячейки.
Как сделать так, чтобы таблица не растягивалась?

Лил 13/08/25 Срд 11:01:38 № 139454 44

Сап, аноны, надеюсь, я по адресу. В общем, хочу прикрутить Fancybox к моей борде на движке vichan, как это провернуть?

Аноним 16/08/25 Суб 01:13:17 № 139458 45

Давным давно в хроме была анимация на вкладках. Водишь курсор - и градиент перемещается за ним.

Я каким-то образом сделал такую анимацию без JS. Это было 10 лет назад.

ВОПРОС - КАК БЛЯТЬ??? Гугл нихуя не даёт, везде с JS.

Аноним 16/10/25 Чтв 04:09:27 № 139557 46

https://2ch.su/po/res/60998156.html

Аноним 07/11/25 Птн 03:11:48 № 139579 47

>>139328
Ультраизичные вопросы, хотя ванную и собеседуемый и собеседующий обосрались уж на 6м

Аноним 08/12/25 Пнд 00:02:25 № 139600 48

аноны, никто не хочет создать конфу в тг, чтобы общаться по теме треда там тоже?

Аноним 06/02/26 Птн 16:54:50 № 139657 49

тред сдох

Аноним 15/02/26 Вск 18:37:48 № 139666 50

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