Анимация аккордеона и свойства height (max-height) в чистом CSS

#почитать #junior #middle

Оптимальное решение для анимации аккордеона не прибегая к помощи JS в вычислениях.

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

6 советов по удобным интерфейсам за июнь

#почитать #junior #middle #senior

Зачем надо отделять код страны от основной части телефона, зачем сохранять фокус в поле ввода после валидации, какие проблемы могут вызвать моушен анимации, как связан Esc и выпадающие списки, как фокус ускоряет ввод почты и role="button" не всегда про доступность. Обо всем этом читайте в статье.

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

⚡️ Фронтенд-новости №12. Вышел EcmaScript 2022, фавиконки в 2022, как будет выглядеть веб только с Chromium

Дайджест новостей и полезных статей из мира фронтенд-разработки

Читать

Дизайн-система как инструмент для разработчика

#почитать #middle

Frontend-разработчик из Мир Plat.Form рассказывает о том, как была создана внутренняя дизайн-система в их компании.

Читать

Знакомо чувство, когда сайт сверстан, все работает, но проверяешь этот сайт в Lighthouse или Google PageSpeed Insights и видишь желтые или того хуже красные цифры? Ещё страшнее, когда в эти цифры тебя тыкает заказчик или руководитель проекта, или вообще твой прямой начальник. Стыдно, страшно, и потом неделю исправляешь.

А вот создатели канала perfScan разбираются в скорости загрузки сайтов, так как на коммерческой основе уже 5 лет консультируют в теме WEB Performance, ускоряют сайты и разрабатывают быстрые сайты самостоятельно.

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

✅ Подписывайся: @perfScan

Верстка с Bootstrap

#посмотреть #junior #middle

Плейлист с версткой макета на boostrap

Смотреть на YouTube (~3 часа)

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь!

Что вас ждет на канале:
— обучающие материалы с удобной категоризацией;
— еженедельные дайджесты информации из мира фронтенд-разработки;
— профессиональный юмор;

Подписаться на фронтендера от бога 😇

17 ошибок, которые испортят любое резюме

#почитать #junior #middle

Сделать так, чтобы ваше резюме дочитали до конца — сложно, любая неточность может привести к ошибкам. Собрали инструкцию с картинками, как их не совершать.

Смотреть

🤩 Верстка красивых, нестандартных блоков на HTML, CSS

Смотреть на YouTube (~1 час)

Как разработчику улучшить свое тестовое задание

#почитать #junior #middle #senior

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

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

Привет 👋

Публикуем подборку полезных телеграм-каналов по тестированию 🐞

◾️Тестировщик от бога — один из самых больших каналов по тестированию в телеграм
◾️Тестировщик в IT — телеграм-канал по тестированию; полезные статьи, видео и обучающие материалы
◾️Книги по тестированию — телеграм-канал с книгами
◾️QA Books — книги по тестированию
◾️TechRocks: тестирование — канал по тестированию от techrocks ru
◾️QA собес — упор на подготовку к собеседованиям
◾️QA Automation — автоматизированное тестирование

и еще несколько каналов по смежным профилям, куда часто развиваются тестировщики:
◾️Project-менеджер — божественный канал по управлению проектами.
◾️Бизнес-аналитик — божественный канал по бизнес-анализу

⚡️ Большой гайд по SVG.

Сложный макет - это простой макет, в котором много сложных мелких деталей, часто эти детали можно решить, если вы имеете хорошую базу по svg.

Смотреть на YouTube (~1.5 часа)

Scrollbar в современном CSS

#почитать #junior #middle #senior

Разбираемся, что можно сделать в 2022 году, чтобы улучшить возможности прокрутки для пользователей.

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

Верстка сайта на гридах с нуля (html, css, javascript, grid, figma, БЭМ, адаптив)

#посмотреть #junior #middle

Cерия видеороликов, в которой мы верстаем и адаптируем с помощью гридов макет с очень интересной сеткой и визуальной составляющей.

Смотреть на YouTube (~6 часов)

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд.

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

Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров.

Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами.

Начните прямо сейчас. Вводные курсы профессии доступны бесплатно сразу после регистрации.

Оцените формат и решите, стоит ли продолжать!

🔥 Telegram-канал @alexcouncil про то, как управлять и качать IT продукты.

Интересные посты:
◾️Почему выстрелил Zoom
◾️Привязка карты в продуктах (у автора бомбануло)
◾️Про суперапы и вот это все
◾️Как выглядела Agile разработка в 1625

Подписывайтесь, будет полезно — @alexcouncil

Как работают браузеры?

#почитать #middle

2 объемных материала о принципах работы современных браузеров.

◾️Часть 1. Навигация и получение данных
◾️Часть 2. Парсинг и выполнение JS

🤩 HTML, CSS СУПЕР UI Kit Верстка набора компонентов, элементов с нуля!

#посмотреть #junior #middle

Практическое занятие по верстке набора элементов.

Смотреть на YouTube (~1.5 часа)

📰 Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю

CSS становится сложнее, VITE 3.0, самый высокий сайт в мире и другие свежие frontend-новости.

Читать

Мощные инструменты для оптимизации картинок [EN]

#почитать #english #junior #middle

Подборка онлайн-инструментов для работы с изображениями — конвертеры и компрессоры. Статья на английском языке.

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