Автор книги «You Don’t Know JS» не смог пройти интервью на позицию JavaScript-разработчика

Он, возможно, один из 10-20 человек на планете, кто лучше всех понимает, как работает JavaScript. Это все равно что Линус Торвальдс завалил бы интервью на знание Linux.

​Интерактивный гайд по CRDT

Благодаря CRDT можно легко создавать приложения с совместным редактированием, такие как Google Docs, но без необходимости подключаться к серверу.

В этой серии статей мы узнаем, что такое CRDT. Затем напишем простой редактор, объединим его с более сложными структурами данных и, наконец, применим то, что мы выучили, чтобы создать совместный редактор, похожий на Paint в онлайне.

#typescript #crdt

Джавист выбрал теплое местечко

​Веб-компоненты в 2023

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

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

#html #dom

Малыш и Карлсон в IT⁠⁠

​Как типизировать Vuex Store

Лидерство среди глобальных хранилищ состояний занимает Pinia, и она даже стала стандартом по умолчанию для всей экосистемы Vue. Но Vuex все ещё жив и активно используется.

В статье автор объясняет, зачем нужна типизация state и почему предпочтительнее использовать Pinia. Он демонстрирует, как задать типы для mutations, actions и getters.

В результате вы получите 100% типобезопасный Vuex, избегая при этом путаницы в сложных объявлениях типов.

#vue #pinia #typescript

Почему так тяжело найти заказы?

​Создание портфолио

В статье автор рассказывает о том, как он с нуля создал свой персональный сайт на React и Tailwind CSS. Он делится кодом основных компонентов: навигационной панели, главной страницы, разделов образования и проектов.

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

#react #tailwind #портфолио

Обычный день веб-разработчика. Устали от рутины?

​Соединение без сервера

Если вы мечтаете создать сервис видеосвязи, совместного редактирования документов или онлайн-игру — вам необходимо разобраться с WebRTC.

Эта технология позволяет веб-браузерам и мобильным приложениям устанавливать соединения типа peer-to-peer напрямую, минуя центральный сервер.

Автор статьи рассказывает о технологии и даёт рекомендации о том, как с помощью сигнального сервера организовать обмен данными.

#webrtc #javascript #браузеры

Главное что работает, а код не для юзера.

​Приложение без клиентского Javascript

Next.js 13 привлёк первую волну внимания к React Server Components (RSC) в конце прошлого года. Перенос рендеринга на серверную сторону с самого начала вызывал много споров. Теоретически, с помощью RSC можно создать приложение, без использования JavaScript на стороне клиента.

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

#react #next #server

Да как работает этот ваш Minmax() в Grid

6 ноября начался второй этап конкурс на лучший пет-проект среди читателей Tproger

Для него из всех заявок было отобрано 10 участников. Авторы проектов, занявшие места с 1-е по 5-е, получат в подарок худи с лого Типичного и стикеры от редакции, а с 6-е по 10-е футболку с таким же лого и стикеры.

Выбирайте своего фаворита и следите за обновлениями: https://tproger.ru/articles/luchwij-pet-proekt-2023-golosovanie

​Как HTML и CSS влияют на доступность

Многие разработчики считают, что доступность веб-контента обеспечивается исключительно с помощью aria-атрибутов и что без них достичь доступности невозможно. В действительности, aria-атрибуты действительно важны, но столь же значимы для создания доступных интерфейсов и элементы HTML и CSS.

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

#html #css #accessibility

Подборка актуальных вакансий

— UX-редактор в МТС
Где: удалённо
Опыт: от 2 лет

— Эксперт QA [Governance] в МТС
Где: удалённо
Опыт: от 3 лет

— Middle / Senior Python-разработчик [SmartDocs] в МТС
Где: удалённо
Опыт: от 3 лет

— Middle / Senior Backend Developer (Python) в команду Атом.Око в Гринатом
Где: удалённо
Опыт: от 3 лет

— Senior QA Automation Java / Kotlin в Иннотех
Где: удалённо
Опыт: от 3 лет

— Ведущий Java-разработчик [SmartDocs] в МТС
Где: удалённо
Опыт: от 3 лет

— Архитектор сетей в защищённом исполнении в Гринатом
Где: удалённо
Опыт: от 3 лет

— ИТ-архитектор в Гринатом
Где: удалённо
Опыт: от 3 лет

— Senior Java Developer на продукт МТС Аналитика (Big Data) в МТС
Где: удалённо
Опыт: от 4 лет

— Senior / Middle BackEnd Java Developer Центр HR TECH в Гринатом:
Где: удалённо
Опыт: от 4 лет

— Senior Fullstack Developer / Фулстек разработчик (.net/react) в Иннотех
Где: удалённо
Опыт: от 5 лет

— Team Lead Python Developer HR TECH (Проект Мобильный личный кабинет) в Гринатом
Где: удалённо
Опыт: от 5 лет

— Chief Product Officer / CPO стрима Сети и Медиа в МТС
Где: удалённо
Опыт: от 6 лет

#вакансии #работа

​​Предлагаем вспомнить свойство CSS position. Оно управляет расположением элементов. Основные значения:

— static (по умолчанию),
— relative (смещение от исходной позиции),
— absolute (позиционирование относительно ближайшего относительно позиционированного предка),
— fixed (фиксация на экране),
— sticky (переключение между относительным и фиксированным при прокрутке).

​Почему веб-разработчики лучше ИИ

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

Давайте рассмотрим причины: https://dzone.com/articles/the-power-of-ai-why-web-developers-still-reign-sup

#ai #данные #алгоритмы

​Создание чата в реальном времени

Эта статья научит вас создавать аккаунты, отправлять сообщения и добавлять редакторы текста в чат на React и Node.js.

Вы узнаете, как настроить аутентификацию с Clerk и обеспечить обмен данными через Websocket с помощью Socket.io.

#практика #гайды #websocket

​​Я: Зацени мои крутые проекты на GitHub

Мои проекты на GitHub: