Frontender's notes [ru]

2023-06-12 15:08:06 ​​ Делаем кастомный RadioGroup в 99 строк для React

В этой статье автор расскажет, как написать минималистичный кастомный RadioGroup компонент для React приложения и парочку unit тестов на Jest, и как сделать компонент в виде горизонтальной плашки, с набором вариантов в виде кнопок.

Читать... Открыть/Комментировать

2023-06-12 13:07:25 ​​   Как перейти из ручного тестирования в автоматизацию на JavaScript? 

Конечно прокачивать свои скилы!

Пройди хардкорный тест по автотестированию на JS и проверь свой уровень. 

Ответишь — пройдешь на продвинутый курс «JavaScript QA Engineer» от OTUS по специальной цене + получишь запись мастер-класса от преподавателя курса

ПРОЙТИ ТЕСТ
https://otus.pw/FJWo/

Курс доступен в рассрочку.

Нативная интеграция. Информация о продукте www.otus.ru Открыть/Комментировать

2023-06-11 20:07:42 ​​ Оптимизация сборки веб-приложения

В этой статье автор расскажет, почему любую оптимизацию стоит начинать со сбора метрик и фиксации текущих показателей, и почему первым делом следует оценить размер вашего production-бандла, а ещё вы узнаете почему немалую долю времени в полном цикле продовой сборки может занимать линтинг.

Читать... Открыть/Комментировать

2023-06-11 17:56:33 Алоха, товарищи фронты!

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

Среди задач для хакатонщиков, были следующие:
Агрегатор площадок и услуг креативных индустрий Москвы
Мобильное приложение для прохождения предпринимательских проверок контрольных органов
Умный корпоративный ассистент для помощи в решении бизнес-задач
Сервис обработки обратной пользователей московского постамата
Поиск одинаковых товаров на маркетплейсе
И другие.

Пока участники ждут результатов, они два дня не только питчатся и финально дорабатывают продукты, но и слушают полезные лекции на фестивале «Лидеры цифровой трансформации».

Сегодняшняя программа была посвящена научпоп темам: тренды в ИТ, квантовые информационные технологии, эволюцию мозга, инновации в персональных ДНК-тестах, а также о синтетическом дизайне как инструменте для стартапов. Открыть/Комментировать

2023-06-11 15:07:11 ​​ Создание приложения для чата в реальном времени с помощью Angular и Appwrite

В этой статье автор расскажет, почему при создании веб-приложений с помощью Angular обычно требуется подключение к различным API для управления данными, аутентификации пользователей и, возможно, прослушивания обновлений данных в реальном времени, и почему API для подключения к этим различным сервисам может быть реализовано через множество провайдеров, а также вы узнаете как начать работу с Appwrite, аутентифицировать пользователей, управлять данными и прослушивать события в реальном времени с помощью приложения для чата.

Читать... Открыть/Комментировать

2023-06-10 20:07:48 ​​ Angular — API композиции директив

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

Читать... Открыть/Комментировать

2023-06-10 15:07:37 ​​ Способы создания авторизации на сайте. Руководство с примерами. Безопасность в браузере

В этой статье автор расскажет, как защитить сайт от взлома, на сколько это сложно и возможно ли в принципе гарантировать 100% защиту, а также вы узнаете какие процессы происходят в момент когда пользователь нажимает на кнопку Sign In и Sign Up.

Читать... Открыть/Комментировать

2023-06-09 20:07:23 ​​ Наблюдение за температурой: введение в холодные и горячие Observable в rxjs

В этой статье автор расскажет, почему RxJS разработчик рано или поздно сталкивается с такими понятиями, как cold и hot observable, и почему потоки, использующие операторы мультикастинга, иногда называют теплыми потоками, а также вы узнаете чем горячий поток отличается от холодного, и можно ли холодный поток превратить в горячий.

Читать... Открыть/Комментировать

2023-06-09 15:07:21 ​​ Как сделать декларативный роутинг диалогов в Angular на примере Taiga UI

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

Читать... Открыть/Комментировать

2023-06-09 11:07:11 ​​Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

Проскочить на интенсив бесплатно Открыть/Комментировать