/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