FrontEndDev

21 Jul 2023 14:19

Используем http: only cookie для защиты JWT токена аутентификации

budnifronta/m3EIF2ft9hJ" rel="nofollow">https://teletype.in/@budnifronta/m3EIF2ft9hJ

FrontEndDev

20 Jul 2023 12:10

Представляем вам WebProxy API — инновационный сервис для веб-скрейпинга, который позволяет получить доступ к сотням тысяч прокси-серверов, созданных реальными пользователями. 👨‍💻💻

Наш сервис обеспечивает высокую скорость работы, среднее время отклика составляет всего от 0,5 до 3 секунд. ⚡️💨

WebProxy API разработан с упором на простоту использования в ваших проектах. Вам понадобится всего лишь одна строчка кода, чтобы начать получать HTML-код запрашиваемых вами веб-страниц. Просто обратитесь к нашему API, передав URL ресурса, и в ответ вы получите запрашиваемую страницу с HTML-кодом. 💻🔍

Одним из главных преимуществ WebProxy API является наш уникальный подход к формированию прокси. Мы используем прокси, созданные реальными пользователями, что позволяет получить естественный цифровой след и обеспечить максимальную надежность и анонимность ваших запросов. 🚀🔒

Наш сервис открывает перед вами неограниченные возможности для сбора данных, парсинга информации и проведения исследований в Интернете. 🌐📊

Не теряйте время на рутинные задачи веб-скрейпинга. Подключайтесь к WebProxy API уже сегодня и ощутите его преимущества в деле! 💪🌟

FrontEndDev

18 Jul 2023 14:58

Определяем, когда элемент попадает или покидает viewport

Или как использовать IntersectionObserver вместо события scroll.

https://gomakethings.com/how-to-detect-when-an-element-enters-or-leaves-the-viewport-with-vanilla-javascript/

FrontEndDev

17 Jul 2023 17:46

Web Audio и Web MIDI API

Изучаем Web Audio и создаем свой синтезатор на JS

https://blog.logrocket.com/exploring-web-audio-api-web-midi-api/

FrontEndDev

16 Jul 2023 10:47

Создаем клон LinkedIn на React

10 часовой туториал создания клона LinkedIn с нуля на React + Firebase: от настройки проекта и авторизации до имплементации основных фич приложения.

https://www.youtube.com/watch?v=HimR8Xtz17U

FrontEndDev

15 Jul 2023 14:21

Пишем CSS в 2023

Если вы особо не следили за тем, какие изменения произошли в CSS за последние пару лет, то статья для вас.
Container Queries, Layers, новые псевдо-селекторы и многое другое.

https://www.smashingmagazine.com/2023/07/writing-css-2023/

FrontEndDev

14 Jul 2023 10:34

Выносим запрос данных из useEffect в React

Иcпользуем React Query для запросов с возможностью кеширования.

https://www.youtube.com/watch?v=Kjkx2BASAZA

FrontEndDev

13 Jul 2023 11:20

Привет! Это команда IT’s Tinkoff Crew, и мы про ИТ-команду Тинькофф.

Расскажем и покажем каково это быть ИТ-специалистом в Тинькофф.

По будням сможете почитать карьерные кейсы наших ребят, посмотреть видеоотчеты мероприятий и узнать практические советы от команды. А по выходным — посмеяться вместе с нами над короткими смешными видео.
Совсем забыли дополнить, что по средам будет возможность следить за открытыми ИТ-вакансиями в удобном дайджесте по стримам, так что ваше от вас не уйдет!

Подписывайтесь 💛

FrontEndDev

12 Jul 2023 14:34

Создаем простую форму регистрации с обработкой данных на NodeJS

Используем Express в связке с MongoDB для работы с данными + валидируем данные и раздаем статику.

https://www.sitepoint.com/build-simple-beginner-app-node-bootstrap-mongodb/

FrontEndDev

10 Jul 2023 15:14

Используем background-size и background-position для позиционирования фона

Небольшой туториал по настройке расположения фонового изображения.

https://www.sitepoint.com/how-to-use-css-background-size-and-background-position

FrontEndDev

10 Jul 2023 12:00

Frontend meetup (Online)

1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения

2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.

3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.

4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером

🗓 12 июля, начало в 19:00 мск, Среда

🚀 Телеграмм канал с анонсами митапов

✅ Регистрация на мероприятие

FrontEndDev

09 Jul 2023 16:45

Введение в нативное CSS наследование

https://www.sitepoint.com/an-introduction-to-native-css-nesting/

FrontEndDev

07 Jul 2023 16:11

ESLint Plugin Perfectionist

Плагин для ESLint, содержащий правила для сортировки данных в вашем коде. Объекты, импорты, TS типы, JSX пропсы и всё остальное.

https://github.com/azat-io/eslint-plugin-perfectionist

FrontEndDev

07 Jul 2023 08:55

Эффект с svg фильтрами

Необычный эффект появления изображений при скролле.

Демо | Github

https://tympanus.net/codrops/2023/07/05/on-scroll-svg-filter-effect/

FrontEndDev

05 Jul 2023 15:25

Git для профессионалов

Туториал по хорошим практикам коммитов, видам и выбору branch стратегии, а также способам разрешения мерж конфликтов и использованию merge/rebase.

https://www.youtube.com/watch?v=Uszj_k0DGsg

FrontEndDev

21 Jul 2023 10:53

JavaScript Proxy и Reflect API

Как и для чего можно использовать Proxy в JS

https://www.freecodecamp.org/news/javascript-proxy-object/

FrontEndDev

20 Jul 2023 10:03

SOLID

Хороший ресурс, помогающий понять принципы SOLID. Следование этим принципам помогает писать чистый и поддерживаемый код.

https://solidbook.vercel.app/

FrontEndDev

18 Jul 2023 09:47

Операторы JS

Разбираем функционал операторов: от привычных арифметических до битовых и малоизвестных (например оператора пайплайна).

https://www.sitepoint.com/javascript-operators/

FrontEndDev

16 Jul 2023 13:15

Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:

• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
• познакомиться с теорией и отработать её на практике в больших проектах;
• научиться брать ответственность за решения и вкладываться в общий результат;
• самостоятельно декомпозировать задачи и распределять время;
• исследовать смежные сферы программирования, без которых невозможен фронтенд:
• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.

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

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

FrontEndDev

15 Jul 2023 16:59

Подкаст про код от HTML Academy

О юбилейном NestJS, конструкции using в TS и JS и использовании color-mix()

https://www.youtube.com/watch?v=RpTxzpIDAN0&ab_channel=HTMLAcademy

FrontEndDev

15 Jul 2023 12:13

Анимации переходов для текстовых блоков

Несколько способов оживить текст

Демо | Github

https://tympanus.net/codrops/2023/07/13/inspiration-for-text-block-transitions/

FrontEndDev

13 Jul 2023 17:13

Трюки с DevTools

Очередня порция свежих советов по работе с DevTools.

https://www.smashingmagazine.com/2023/06/popular-devtools-tips/

FrontEndDev

13 Jul 2023 11:10

Птички на CSS

Двухчасовой стрим от Вадми Макеева для самых выносливых CSS-гиков по созданию птицы на чистом CSS.

https://www.youtube.com/watch?v=ZhWdhMpJ8bs

FrontEndDev

11 Jul 2023 15:39

Полный курс Redux Toolkit + RTK Query для начинающих

https://www.youtube.com/watch?v=gPmYTqGPDWA&ab_channel=REDGroup

FrontEndDev

10 Jul 2023 12:00

Frontend meetup (Online)

1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения

2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.

3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.

4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером

🗓 12 июля, начало в 19:00 мск, Среда

🚀 Телеграмм канал с анонсами митапов

✅ Регистрация на мероприятие

FrontEndDev

10 Jul 2023 09:25

XSS уязвимость в Telegram

Как в web версии Telegram можно выполнить XSS атаку на пользователя.

https://habr.com/ru/articles/744316/

FrontEndDev

09 Jul 2023 12:46

NodeJS аутентификация: JWT vs Tokens

Способы аутентифицикации пользователей на стороне сервера - в каких случаях что использовать?

https://blog.logrocket.com/node-js-server-side-authentication-tokens-vs-jwt/

FrontEndDev

07 Jul 2023 14:05

ChatGPT не заменит разработчиков, зато создаёт отличные мемы про них!

А ещё, вот курс посоветовал для тех, кто хочет расти дальше во фронтенде и перенимать лучшие практики индустрии от тимлидов в разработке. Доверять ли ему, уже посмотрите сами: https://clck.ru/34vEre

По промокоду FRONTDEV22 для вас скидка 7% на ближайший поток.

FrontEndDev

05 Jul 2023 17:25

#timeweb_статьи_перевод #игры

Движок для игры от первого лица в 265 строках Javascript

⭐️⭐️◽️◽️◽️

📖Читать

FrontEndDev

04 Jul 2023 15:17

Кластеризация приложения на NodeJS

Пример простого сервера с кластеризацией + нагрузочное тестирование

https://www.youtube.com/watch?v=YHPWG23cS4c&