Логово верстальщика

🌀 Работай с хаосом через ритуалы Большие проекты — это всегда немного хаос. Новые задачи, баги, срочные фичи. 👉 Совет: выработай ритуал начала и завершения дня. Например, утренний просмотр бэклога и вечерняя фиксация итогов и мыслей в заметках. Это создаёт ощущение контроля даже в самых нестабильных проектах.

⚙️ Шаблоны рендеринга Next JS: полное руководство Изучите механизм выполнения, назначение, особенности использования, преимущества и ограничения каждого из основных шаблонов рендеринга. Овладение этими знаниями позволит решить многие проблемы, связанные со скоростью загрузки, поддержкой состояний, интерактивностью, обновлением данных и SEO-рейтингом страниц приложения. Читать...

👩‍💻 7 GitHub-проектов, которые нужны каждому JavaScript-разработчику Прокачиваем свои навыки в JavaScript с этими семью топовыми репозиториями на GitHub. Читать...

➡️ 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта Выбор между статической генерацией, серверным и клиентским рендерингом может существенно повлиять на SEO и скорость загрузки сайта. В этой статье мы разберем преимущества и недостатки каждого подхода, включая новейшие методы, такие как инкрементальная статическая регенерация и частичный пререндеринг. Читать...

👩‍💻 3D wave animation Анимированная галерея с эффектом волны. Сделана на чистом CSS. Открыть код...

👩‍💻 Обзор курса “Полное введение в React” от Frontend Masters Стоит ли тратить время и деньги на изучение курса “Полное введение в React, v8” от Frontend Masters? Ответить на этот вопрос поможет подробный обзор курса с оценкой его содержания, структуры, подхода к обучению и результатов, которых можно достигнуть. Читать...

⚙️ Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты Автор размышляет, как правильно подбирать брейкпоинты для адаптива, делится выводами из личной практики и пересобирает Bootstrap с новыми подходами. Полезно всем, кто пишет под любые экраны. Читать...

⚙️ Скрываем без JavaScript элементы, требующие JavaScript Автор делится способом спрятать JS-зависимые элементы, если скрипты отключены. Без костылей и стыда — всего пара строк CSS решают проблему красиво. Даже кнопка "Поделиться" теперь без стресса. Читать...

🔎 Подборка вакансий для джунов ​​Middle Frontend Developer 🟢TypeScript, React, Next.js, MUI, CSS-in-JS 🟢от 250 000 ₽ | 1–3 года​ Frontend developer (React) 🟢JavaScript, React.js, Redux, TypeScript, CSS Modules, REST API 🟢Уровень дохода не указан | 1–3 года​ Frontend разработчик (Junior/Middle) 🟢JavaScript, TypeScript, React 🟢Уровень дохода не указан | 1–3 года

👀 Прочтите это, если планируете работать с Next.js В статье разбирается, почему выбор Next.js как основы для проекта может обернуться ловушкой зависимости от Vercel, несмотря на его опенсорсную оболочку. Рассматриваются последствия и реальные ограничения. Читать...

👩‍💻 Полезная шпаргалка по хукам в React Хуки — это функции, которые позволяют легко управлять состоянием компонентов в React. Новички смогут быстрее понять, как всё работает, а опытные разработчики смогут закрыть свои вопросы. Читать...

👩‍💻 Учебник по JavaScript: работа с объектами Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания. Читать...

🔝 Самые интересные статьи за последние дни: • Как я стал сертифицированным разработчиком Vue.js: вся правда об экзамене • Pipelining & Composing: улучшаем читаемость кода. Реализация на TypeScript • Что почитать начинающим разработчикам: подборка книг по JavaScript • Создание полного Fast-API сервиса с фронтендом и деплоем за полчаса • ХрюХрюКар: как перестать беспокоиться, начать создавать сервисы и обзавестись друзьями

👩‍💻 Введение в Page Visibility API Познакомимся с Page Visibility API, рассмотрим его назначение, принцип работы, область применения и практические примеры. Читать...

– OpenAI представила новый голосовой ассистент, который теперь может в реальном времени анализировать изображение, речь и текст — конкуренция Siri и Alexa становится серьезной. – Google тестирует поиск с интеграцией ИИ-резюме, который меняет привычный способ продвижения сайтов. SEO-специалисты — держитесь! – TikTok анонсировал AI Creative Assistant — теперь ИИ помогает создавать и тестировать рекламные креативы за секунды. Хочешь быть в курсе последних новостей в мире ИИ/ИТ/маркетинга ? Мы собрали папку Telegram-каналов, где эксперты каждый день: https://t.me/addlist/gs3Io1EOk2lhNmEy ✔ разбирают тренды ✔ выкладывают кейсы ✔ делятся фреймворками, которые экономят десятки часов ✔ и сразу показывают, как использовать ИИ в маркетинге и ИТ на практике. 📂 Открой доступ к Telegram-папке → https://t.me/addlist/gs3Io1EOk2lhNmEy

👩‍💻 Text-Animation-test Простая сцена с анимированным текстом. Сделан на чистом CSS. Открыть код...

👩‍💻 Как инженеру-программисту Reactjs перейти на Swift и SwiftUI Узнаем, как плавно перейти с ReactJS на Swift и SwiftUI. Для этого сопоставим их наиболее распространенные шаблоны проектирования. Читать...

👩‍💻 Как реализовать feature gate в React Предлагаем доступное руководство по реализации feature gate. Этот простой, но мощный механизм позволит легко управлять выпуском новых функций. Читать...

26–27 апреля проводим Weekend Offer Frontend Устроиться в Яндекс за выходные — реально. Ищем крутых фронтендеров с опытом работы от 4 лет, готовых работать в офисном или гибридном режиме в России. Подавайте заявку до 23 апреля — и всего за два дня пройдите все технические собеседования. После сможете пообщаться с нанимающими менеджерами и выбрать из 10 команд ту, которая покажется самой интересной. Если всё сложится хорошо, сразу же пришлём вам офер. Зарегистрироваться #реклама yandex.ru О рекламодателе

👩‍💻 VS Code на максималках: 15 крутых расширений для фронтендера Собрали для вас 15 плагинов, которые облегчат жизнь веб-разработчику. Тут всё: от работы с HTML до интеграции с Figma и Docker. Читать...