Верстальщик от бога

👑 Кто работает PM — тот в цирке не смеется 🤡 Наша сегодняшняя рекомендация — канал с PM юмором. Мы работаем в тестировании и уже не смеемся. Но если вас можно рассмешить — welcome в PM Юмор

style.setProperty vs setAttribute #почитать Начнем с того, что немного освежим мат. часть. Мы знаем, что стили описываются с помощью языка CSS. Получив строковое описание стилей на языке CSS, браузер разбирает его и составляет объект CSSOM. Интерфейс этого объекта представлен спецификацией https://www.w3.org/TR/cssom-1. ⏱Читать статью

▫️Сколько памяти ест ваша вкладка? #посмотреть При разработке веб-приложений не все задумываются о том, сколько ресурсов потребляет код. Разработчики привыкают к своим мощным макбукам, и им не всегда интересно «экономить на спичках». Разве может наш код на языке JavaScript требовать много памяти? И «много» — это вообще сколько? 100 мегабайт — это много? ⏱Смотреть на YouTube ⏱️45 минут

▫️Vue.js. Полный курс #посмотреть В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберём все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js. ⏱Смотреть на YouTube ⏱️2 часа 30 минут

Основа веб-разработки — это HTML 👀 Изучить этот язык можно на бесплатном онлайн-курсе от экспертов VK. Вы научитесь создавать структуру веб-страниц, подготавливать сайты для SEO, работать с текстом, таблицами, изображениями. Как итог — создадите свою первую веб-страницу. Формат курса: видеоуроки уже записаны, учитесь в своём темпе. Стоимость: бесплатно. Как записаться: перейти на сайт VK Education и зарегистрироваться на курс.

От живых гайдлайнов к Documentation as Code. Как изменилась документация во фронтенд-разработке #почитать Помню, как ещё несколько лет назад в большинстве проектов документация существовала в виде PDF-файлов или, в лучшем случае, статичных веб-страниц в корпоративной wiki. Дизайнеры создавали подробные гайдлайны в Sketch или Figma (не всегда), которые команда разработки должна была воплотить в код. На практике это создавало множество проблем: документация быстро устаревала, реальные компоненты начинали отличаться от описанных в гайдлайнах, а новые разработчики тратили часы на то, чтобы разобраться, какая версия документации актуальна. ⏱Читать статью

Все говорят, что работы в айти стало меньше... На самом деле, работы полно. Мы подготовили 7 правильных каналов с вакансиями для тестировщиков, аналитиков, проджект-менеджеров и программистов. В чем фишка этих каналов? — зарплатная вилка🍴во всех вакансиях — еженедельные подборки стажировок для начинающих — как здесь (для QA), здесь (для PM) и здесь (для BA&SA) — быстрый телеграм/email контакт для прямой связи с рекрутером — удобная навигация по уровням/условиям работы/направлениям тестирования ▪️QA Jobs — работа для тестировщика ▪️PM Jobs — работа для Project и Product менеджера ▪️BA & SA Jobs — работа для бизнес- и системых аналитиков ▪️C# & .NET Jobs — работа для C# инженеров ▪️DS&ML Jobs — работа для DS инженеров ▪️PHP Jobs — работа для PHP разработчиков ▪️JAVA Jobs — работа для Java разработчиков Подписаться на все каналы сразу

Академический минимум js-разработчика: базовые концепции #почитать Эти базовые концепции особенно важны для тех, кто только начинает свой путь в программировании и хочет стать настоящим разработчиком, а не просто освоить фреймворк по видео и начать фрилансить. ⏱Читать статью

▫️Пишем Змейку на JS #посмотреть Видеотуториал freeCodeCamp (на английском). ⏱Смотреть на YouTube ⏱️1 час 40 минут

🧑🏻‍💻 Хотите писать фронтенд быстрее, понятнее и без боли? Vue.js решает эту задачу. Фреймворк, который избавляет от лишнего кода и делает разработку удобной. На открытом вебинаре 27 марта в 20:00 мск вы увидите разницу между обычным JS и Vue.js. Разберетесь, как директивы упрощают работу с DOM и делают код лаконичнее. Vue.js уже используют крупнейшие компании, и спрос на разработчиков растет. Освойте фреймворк, который упростит вашу работу и ускорит рост в профессии. ⚡️ Регистрируйтесь на вебинар и получите скидку на большое обучение «Vue.js-разработчик»: https://otus.pw/Y3Kn/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, erid: 2W5zFFuprWt

Как сделать один плагин сразу для всех сборщиков фронтенда #почитать

Обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin.

⏱Читать статью

Ошибки при работе с tailwindcss #почитать Во первых, модификатор !important чтобы перебить другие классы (стили). ⏱Читать статью

Маленький треугольник во всплывающей подсказке #почитать Подсказки - это как домашняя еда: все ими пользуются, и у каждого есть свой рецепт их приготовления. Если вы не помните конкретный рецепт, вы ищете его, следуете ему и продолжаете свой день. Эта концепция "много способов сделать одно и то же" является общей для веб-разработки и программирования (и жизни!), но она особенно актуальна для всплывающих подсказок. Не существует специализированного способа их создания - и на данный момент он не нужен, - поэтому люди придумывают разные способы заполнить эти пробелы. ⏱Читать статью

Лучшие курсы графического дизайна #почитать В нашей статье собраны лучшие курсы графического дизайна, которые помогут вам освоить профессию с нуля и научиться создавать стильные визуальные проекты. ⏱Читать статью

Ключевое слово stretch: лучшая альтернатива width: 100% в CSS #почитать Используйте margin, избегая переполнения и горизонтальных полос прокрутки с width: stretch ⏱Читать статью

CSS content-visibility: Улучшение производительности веб-сайтов #почитать CSS свойство content-visibility откладывает рендеринг элемента, включая компоновку и отрисовку, до тех пор, пока он не понадобится ⏱Читать статью

HTML элемент details: Встроенный аккордеон, который вы не используете #почитать Узнайте, как HTML элемент <details> может заменить JavaScript аккордеоны и почему он может быть лучше, чем ваше текущее решение. ⏱Читать статью

Display:none по таймауту #почитать Допустим, у нас есть блок (скажем, бутстраповская ячейка <div class="col-12">) и мы хотим её схлопывать (скажем, по клику на кнопке). ⏱Читать статью

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Какие знаешь псевдо-классы?» #почитать

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

⏱Читать статью

Uncaught TypeError: Cannot read property of undefined #почитать Эта ошибка возникает, когда вы пытаетесь получить доступ к свойству объекта, который в данный момент имеет значение undefined. ⏱Читать статью