Frontender's notes [ru]

👩‍💻 Neuro Noise (GLSL Shader)

Интерактивный фон с эффектом при перемещении курсора. Сделан на CSS и JavaScript.

Открыть код...

Yandex Cloud запустил сервис для ускорения разработки продуктов в облаке Yandex Serverless Integrations

Теперь разработчики смогут при минимальном написании кода автоматизировать различные процессы, например обработку онлайн-заказов и мониторинг систем безопасности.

Сделать это можно благодаря инструменту Yandex Workflows — он позволяет описать последовательность операций с помощью декларативного языка YAML. Сервис автоматически запустит эти процессы и проконтролирует их выполнение.

Помимо этого, Yandex Serverless Integrations включает в себя инструменты EventRouter для передачи событий между сервисами и API Gateway для создания шлюзов между внешними и облачными сервисами по спецификации OpenAPI 3.0.

Читайте подробнее в статье

🔎 Подборка вакансий для джунов

Веб-разработчик (junior)
🟢HTML CSS JS php
🟢до 50 000 ₽ | Без опыта

Младший Front-end разработчик
🟢Javascript/Typescript Vue 3 Sass Kotlin
🟢до 100 000 ₽ | Без опыта

Junior frontend developer [Vue.JS]
🟢Vue.js Pinia Vuex HTML CSS
🟢до 100 000 ₽ | Без опыта

Стажер-Frontend Developer (Vue, React)
🟢JS React Vue
🟢до 30 000 ₽ | Без опыта

Junior Frontend разработчик (Vue 2)
🟢от 50 000 ₽ | Без опыта
🟢HTML, JS, CSS, SCSS, Vue.js

✔️ Валидация модели данных в ASP.NET Core 8.0 на основе HTMX

В статье мы освоим базовую реализацию валидации данных на стороне сервера. На стороне сервера мы используем самый простой способ коммуникации - HTTP.

Читать...

Приглашаем на конференцию по JavaScript-разработке — 7 ноября онлайн и 14–15 ноября в Санкт-Петербурге

Новая HolyJS — это:
— 40 докладов и 3 воркшопа о JavaScript во всех сферах его использования;
— большая встреча JS-сообщества в онлайне и офлайне;
— обмен опытом, нетворкинг, конкурсы по кодингу и другие активности.

О чем можно послушать: про фронтенд, бэкенд, графику, 3D-движки в беспилотных автомобилях, архитектуру, внутренности фреймворков и многое другое.

Чем можно заняться на воркшопах: оптимизировать web perf, разработать игру для TON, внедрить HTMLVideoElement с быстрой перемоткой.

Где попробовать свои силы: в «открытом микрофоне», в соревновании Code in the Dark и других конкурсах от партнеров конференции.

Выбирайте, что вам больше по душе — и покупайте персональный билет со скидкой 15% по промокоду — FRONTENDNOTES

В HolyJS можно поучаствовать и за счет компании. Почему это выгодно не только вам, но и работодателю — читайте в статье на VC.

Реклама. ООО «Джуг Ру Груп». ИНН 7801341446

🔨 11 инструментов для ускорения создания пользовательского интерфейса

Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность.

Читать...

👩‍💻 5 библиотек JavaScript, которые повысят вашу эффективность

Представляем 5 полезных, но малоизвестных библиотек JavaScript! Они помогут сэкономить силы и время при форматировании дат, обработке URL-параметров и отладке веб-страниц в мобильном терминале.

Читать...

👩‍💻 Коротко про слоты в Vue.js

В статье объясняется, как сделать компоненты на Vue.js максимально гибкими с помощью слотов. Когда пропсы уже не справляются, слоты позволяют адаптировать компонент под любые сценарии.

Читать...

👩‍💻 Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React

В статье рассказывается о крупной фронтенд-команде, которая работает с микросервисами и общей дизайн-системой. Несмотря на стандарты, возникали проблемы, и статья подробно раскрывает, как они были решены.

Читать...

👩‍💻 Sass: @import объявлен устаревшим

В 2019 году была выпущена система модулей Sass, добавившая в язык новые правила @use и @forward, призванные заменить @import и сделать таблицы стилей более удобными и менее подверженными ошибкам. Теперь можно объявить, что @import официально устарел, начиная с версии Dart Sass 1.80.0.

Читать...

👩‍💻 Неизвестно полезный CSS. Часть 5

Продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS-фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React-приложение.

Читать...

👩‍💻 Fancy Glowing Button

Крутая кнопка с RGB подсветкой и эффектом при наведении. Сделана на чистом CSS.

Открыть код...

👩‍💻 RxJS Interop в Angular 18: основные изменения и преимущества

В статье рассматривается, как RxJS Interop эволюционировал с Angular 16 до 18, какие новые возможности он приносит и как его можно использовать в вашем коде.

Читать...

IT Community Day в Санкт-Петербурге прошёл идеально! 👨‍💻

Сотни IТ-специалистов встретились, чтобы послушать доклады топовых спикеров, прокачать hard и soft skills, познакомиться, повеселиться на афтерпати, и главное — стать частью крупнейшего IТ-комьюнити!

Завидуем тем, кто смог попасть на это мероприятие. А остальным советуем не расстраиваться: совсем скоро состоятся IT Community Day в:

✔️ В Казани 12 октября научимся управлять большими данными, укрощать искусственный интеллект, создавать успешное резюме и находить подход к карьере.

✔️ И в Екатеринбурге 19 октября поговорим об интеграции LLM в приложение, методологии API-first и комбинации личного и профессионального развития.

Успейте зарегистрироваться! 💚

👉 Казань, 12 октября
👉 Екатеринбург, 19 октября

👩‍💻 Тест по JavaScript

Что будет выведено в консоль при выполнении следующего кода?

const obj = { name: 'Alice' };

Object.freeze(obj);

try {
  obj.age = 25;
} catch (e) {
  console.log('Ошибка!');
}

console.log(obj.age);

👩‍💻 12 суперплагинов VS Code для JavaScript-разработчиков

Мы недавно обновили арсенал инструментов в VS Code и хотим поделиться находками. Эти плагины реально меняют подход к разработке на JavaScript. Особенно впечатлил Bito – он анализирует весь проект и дает удивительно точные подсказки.

Читать...