Вёрстка сайтов | HTML, CSS, JS

Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. 3D анимация волны 2. Создание голосовых интерфейсов с помощью Web Speech API 3. JS Задача: Объедините два массива по ID Лучшие фронтенд вакансии @job_webdev: 1. frontend разработчик медиаконтента 2. Vue разработчик 3. HTML-верстальщик Лучшие дизайн вакансии @job_webdesign: 1. ux/ui дизайнер банковских продуктов 2. Web-дизайнер 3. ux/ui дизайнер для цифрового продукта #лучшеезанеделю

JS Задача: Объедините два массива по ID Описание: Учитывая два массива arr1 и arr2, верните новый массив joinedArray. Все объекты в каждом из двух входных массивов будут содержать поле id, которое имеет целочисленное значение. joinedArray - это массив, сформированный путем объединения arr1 и arr2 на основе их идентификационного ключа. Длина joinedArray должна быть равна длине уникальных значений id. Возвращаемый массив должен быть отсортирован в порядке возрастания на основе идентификационного ключа. Если данный идентификатор существует в одном массиве, но не в другом, то единственный объект с таким идентификатором должен быть включен в результирующий массив без изменений. Если два объекта имеют общий идентификатор, их свойства должны быть объединены в один объект: Если ключ существует только в одном объекте, эта единственная пара ключ-значение должна быть включена в объект. Если ключ включен в оба объекта, значение в объекте из arr2 должно переопределять значение из arr1. Пример: Input: arr1 = [ {"id": 1, "x": 1}, {"id": 2, "x": 9} ], arr2 = [ {"id": 3, "x": 5} ] Output: [ {"id": 1, "x": 1}, {"id": 2, "x": 9}, {"id": 3, "x": 5} ] #домашка

Макет для тренировки (logo tron) Перейти к макету 🧑‍💻 #практика | #макет

Анимированная буквицы (Drop cap) Смотреть на codepen 👨‍💻 #практика

Вёрстка по гайдам не приводит к результату. Сделать красивую анимацию кнопки это одно, а собрать рабочий проект по ТЗ — это совсем другой уровень. Вот практикум, который не просто учит жать на кнопки — он показывает, за что реально платят на рынке и как выглядит твой первый проект в глазах работодателя. За 7 дней с практикующим разработчиком ты сделаешь реальный заказ и поймёшь, как привлекать клиентов. 👉 Успей ухватить бесплатно Доступ открыт до 22.08.

Создание голосовых интерфейсов с помощью Web Speech API Читать 👨‍💻 #какэтосделать #js

Направление: Frontend  |  @free_html_lessons — 11.08.2026 🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер   13 августа (в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.   Как это будет: 📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Даниилу   Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

3D анимация волны Смотреть на codepen 👨‍💻 #какэтосделать

Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Как сделать светлую и темную тему? 2. Генераторы и yield 3. Макет для тренировки (Копилка) Лучшие фронтенд вакансии @job_webdev: 1. разработчик интерфейсов 2. HTML-верстальщик 3. Middle Frontend-разработчик / HTML-верстальщик (Vue 3, Tailwind CSS) Лучшие дизайн вакансии @job_webdesign: 1. ux/ui-дизайнер 2. Стажёр web-дизайнер (B2B) 3. Web-дизайнер #лучшеезанеделю

Макет для тренировки (Копилка) Перейти к макету 🧑‍💻 #практика | #макет

Как работать с модулями в JavaScript: import/export Читать 👨‍💻 #js | #теория

Генераторы и yield Читать 👨‍💻 #js | #полезности

Как сделать плавный скроллинг по разделам Читать 👨‍💻 #какэтосделать