اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
Логово верстальщика
رفتن به کانال در Telegram
Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin
نمایش بیشتر8 226
مشترکین
-524 ساعت
-237 روز
-1430 روز
آرشیو پست ها
8 226
Почему Junior разработчику стало нереально найти работу? 😰
На одну Junior вакансию сейчас откликается в среднем около 1500 кандидатов. 1500 человек... 😬 А компании нужен всего один хороший джун.
😢 Это печально, потому что работодатель разбирает только первые 50-100 откликов, а остальные 1400 он просто не смотрит. Получается очень жесткая конкуренция.
Как искать работу в таких условиях и что делать, чтобы пробиться на собеседование? 🤔
Макс, основатель компании CodeReview (в прошлом разработчик) проведет бесплатный вебинар, в котором расскажет:
- как джунам искать работу в условиях жесткой конкуренции
- какие инструменты использовать
- как пробиваться на собеседования в 2024 году
🗓 Когда? 26 декабря, в 19:00 по мск
🎁 Стрим полностью бесплатный, а всем участникам Макс пришлет чек-лист для оформления резюме и гитхаба.
👉 Зарегистрироваться на бесплатный вебинар можно через этого телеграм-бота.
Приходи, если хочешь быстрее найти работу. До встречи! ✌️
8 226
🔥Тест по JavaScript от OTUS🔥
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional»
👉 ПРОЙТИ ТЕСТ https://clck.ru/37BTXG
💣 Пройдете тест и получите:
✔️ Живое общение с экспертами JavaScript-сообщества
✔️ Получите видео-курс по Git в подарок
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+
✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional»
🎄Курс стартует 25 декабря и вы можете попасть в группу по новогодней скидке 20%
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K225w8 226
8 226
8 226
💪 Создайте полноценный чат на JavaScript с нуля
👉 И доведите проект до совершенства на бесплатном практическом уроке «Работа с сетевыми ресурсами в проектах на Javascript» от OTUS.
Мы возьмем проект с предыдущего урока и:
- доработаем его до полноценного чата, чтобы пользователи с разных компьютеров могли общаться друг с другом;
- обсудим, какие варианты реализации общения с сервером у нас есть и попробуем их на практике.
📌 Занятие пройдёт 21 декабря в 20:00 мск в рамках курса «Специализация Fullstack developer». После урока вы сможете продолжить обучение в рассрочку.
👉 Для бесплатного участия регистрируйтесь прямо сейчас: https://clck.ru/37AZ3x
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K4fGu
8 226
8 226
8 226
8 226
8 226
8 226
Error 404 на CSS
<code class="language-css"><code class="language-css">.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}
.page_404 img{ width:100%;}
.four_zero_four_bg{
background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
height: 400px;
background-position: center;
}
.four_zero_four_bg h1{
font-size:80px;
}
.four_zero_four_bg h3{
font-size:80px;
}
.link_404{
color: #fff!important;
padding: 10px 20px;
background: #39ac31;
margin: 20px 0;
display: inline-block;}
.contant_box_404{ margin-top:-50px;}8 226
8 226
Фичи CSS - Запоминайте меньше и достигайте большего с помощью логических свойств
Запомните эту новую блочную модель, и вам больше никогда не придется беспокоиться об изменении левых и правых отступов или полей для различных режимов и направлений документа. Настройте стили от физических свойств к логическим, таким как padding-inline, margin-inline, inset-inline, и теперь всю работу по настройке будет выполнять браузер.
button {
padding-inline: 2ch;
padding-block: 1ch;
}
article > p {
text-align: start;
margin-block: 2ch;
}
.something::before {
inset-inline: auto 0;
}
👉 Ссылка на codepen8 226
8 226
8 226
8 226
8 226
CSS. Использование переменных
Всем привет!
В JavaScript-мире препроцессоры CSS — это очень полезные и популярные технологии. Препроцессоры расширяют возможности CSS, позволяя пользоваться, например, переменными и функциями. Но нам теперь доступны более мощные возможности CSS, например мы можем создать переменные без использования препроцессоров.
Как это сделать:
Для объявления переменной достаточно поставить два тире (--) перед её именем. После этого, там, где нужно значение переменной, вызывают функцию var(), передавая ей созданную ранее переменную в качестве аргумента.
Пример:
:root {
--base: #ffc600;
--spacing: 10px;
--blur: 10px;
}
img {
padding: var(--spacing);
background: var(--base);
-webkit-filter: blur(var(--blur));
filter: blur(var(--blur));
}
.hl {
color: var(--base);
}
Собственно как то так, удачи вам в экспериментах!8 226
8 226
Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇
📌Senior Frontend — JS, HTML и CSS
📌Frontend Interview — как проходить собеседования
📌Web Craft — только Web-разработка
📌Frontender Libs — библиотеки для фронтендеров
