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

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

5 интересных CSS трюков для ваших проектов 👨‍💻 Друзья! Если хотите больше полезных материалов по HTML, CSS и JavaScript, то не забудьте подписаться на канал WebTaverna - тут много полезного для вас из мира фронтенд разработки ➡️ Перейти в канал WebTaverna 👍

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

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

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

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

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

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

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

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

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

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

👩‍💻 Which are in? Данные два массива строк a1 и a2 возвращают отсортированный массив r в лексикографическом порядке строк a1, которые являются подстроками строк a2. Пример кода:

a1 = ["arp", "live", "strong"]
a2 = ["lively", "alive", "harp", "sharp", "armstrong"]

вернет ["arp", "live", "strong"]

a1 = ["tarp", "mice", "bull"]
a2 = ["lively", "alive", "harp", "sharp", "armstrong"]

вернет []

Решение задачи🔽

function inArray(array1, array2) { return array1.filter(str1 => array2.some(str2 => str2.includes(str1)) ).sort(); } // Примеры использования: let a1 = ["arp", "live", "strong"]; let a2 = ["lively", "alive", "harp", "sharp", "armstrong"]; console.log(inArray(a1, a2)); // вернет ["arp", "live", "strong"] a1 = ["tarp", "mice", "bull"]; a2 = ["lively", "alive", "harp", "sharp", "armstrong"]; console.log(inArray(a1, a2)); // вернет []

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

👩‍💻 CSS-only Custom range slider Интересный слайдер с динамичным отображением. Сделан на чистом CSS. Открыть код...

Пробовать новое всегда страшно, но не у нас! На бесплатном интенсиве по frontend-разработке вы с нуля под руководством опытного наставника создадите свой проект и сможете пополнить портфолио. В рамках интенсива мы: — Сверстаем сайт на Html — Напишем стили к сайту на Css — Реализуем некоторые функции на JavaScript И многое другое, о чем подробно рассказываем на сайте. Этот проект предоставит вам возможность погрузиться в разнообразные технологии веб-разработки и усовершенствовать навыки работы с HTML, CSS, а также научит вас создавать посадочные страницы с нуля. Занимайте место прямо сейчас: https://tglink.io/b15b4a81e822

👩‍💻 Что такое замыкания в JavaScript? В этой статье мы рассмотрим замыкания в JavaScript. Вы познакомитесь с определением замыкания и разберетесь в его работе на примере. Читать...

🖥 Генераторы CSS-кода: самая полная коллекция Коллекция генераторов CSS-кода для разнообразных элементов дизайна UI (фоны, градиенты, кнопки, разделители, тени, фильтры изображений). Читать...

Хотите зарабатывать на создании сайтов больше? Запускайте сайты, интернет-магазины и лендинги для заказчиков в удобном конструкторе Nethouse и получайте 30% от их оплат тарифов, услуг, продвижения и настройки рекламы. Отличное решение для веб-студий и фрилансеров. Преимущества Nethouse: – работает с 2011 года, более 1.5 млн пользователей; – готовые шаблоны сайтов разных тематик; – техподдержка без выходных и праздников; – удобные интеграции с популярными сервисами; – сайты отлично продвигаются в поисковых системах; – серверы находятся в РФ, защита от DDoS-атак. Узнать больше Реклама. Рекламодатель: ООО «Конструктор» ИНН 7814541386, erid: 2VtzqvyNkfd

⚙️ 7 HTML-трюков, которые вам нужно знать Семь HTML-трюков, которые должны быть в арсенале каждого веб-разработчика. Эти приемы помогут вам создавать более удобные и визуально привлекательные сайты, улучшая взаимодействие с пользователями. Читать...