front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

Перфоманс и мемоизация в React

Способы оптимизировать рендер компонентов, и какую роль при этом играет React memo.

https://tkdodo.eu/blog/the-uphill-battle-of-memoization

Читать полностью…

FrontEndDev

Front-end. Вопросы на собеседовании

Выпуск 52. Вопросы по базовому HTML и CSS.

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

Читать полностью…

FrontEndDev

CSS Subgrid

Ахмад Шадид рассказывает чем полезен subgrid и как с ним работать.

https://ishadeed.com/article/learn-css-subgrid/

Читать полностью…

FrontEndDev

Знакомство с LangChainJS

LangChainJS библиотека для взаимодействия с большими языковыми моделями. С помощью нее можно построить своего AI чат-бота.

https://blog.logrocket.com/getting-started-langchain-js/

Читать полностью…

FrontEndDev

Анимируем межстраничные переходы с помощью View Transitions API

Реализации переходов на примере приложения на базе фреймворка Astro.

Демо | Github

https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/

Читать полностью…

FrontEndDev

Привет!

Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:

▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ

И еще много чего из мира технологий. Заходите в гости, буду рад 😉

@habr_for_dev

Читать полностью…

FrontEndDev

Используем Driver.js для выделения элементов

Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.

https://blog.logrocket.com/using-driver-js-guide-user-focus/

Читать полностью…

FrontEndDev

Что делать, когда бандл нужно «посадить на диету»

Доклад Софьи Гусевой об оптимизации бандлов.

https://www.youtube.com/watch?v=biE-v-yCTpU

Читать полностью…

FrontEndDev

Что нового в DevTools

Улучшенные и новые фичи DevTools Chrome 118

https://developer.chrome.com/blog/new-in-devtools-118/

Читать полностью…

FrontEndDev

Web Skills

Визуализированный набор скилов для веб разработчиков, с сылками на ресурсы для изучения. Упрощенный аналог roasmap.sh

https://andreasbm.github.io/web-skills/

Читать полностью…

FrontEndDev

CSS Анимация

Быстрое введение в анимацию для новичков.

https://www.youtube.com/watch?v=SgmNxE9lWcY&ab_channel=SlayingTheDragon

Читать полностью…

FrontEndDev

GraphQL туториал

Цикл видео по работе с GraphQL + NodeJs + ReactJS для новичков.

https://www.youtube.com/playlist?list=PL55RiY5tL51rG1x02Yyj93iypUuHYXcB_

Читать полностью…

FrontEndDev

Коротко и по работному делу!

→ Море IT вакансий на удалёнку разработчикам джунам, миддлам и сеньорам
→ Каждый день
→ Прямые контакты эйчаров! Без ссылок на х—ха ツ


Подписаться на канал 🤘


Реклама. ООО «Цифровые решения», ИНН: 7707469618, erid: LatgC28Hm

Читать полностью…

FrontEndDev

Создаем онлайн сервис с подписками с нуля

Туториал по созданию и деплою приложения с AI. Приложение работает по системе с подписками, предоставляя платный функционал для пользователей. Стек: NextJS, Stipe, OpenAI.

Github

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

Читать полностью…

FrontEndDev

React Profiler

Измеряем перфоманс вашего React приложения.

https://deadsimplechat.com/blog/react-profiler/

Читать полностью…

FrontEndDev

Frontend online meetup - 11/10

✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех

Ильдар расскажет почему CSS in JS библиотеки вызывают много противоречий у разработчиков. Рассмотрит влияние на производительность, поддерживаемость кода, девелопер экспириенс. А также сравнит Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки.

✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel

Из доклада узнаете, как правильно настраивать, использовать и мониторить Sentry, что поможет уменьшить количество ошибок в продакшене.

✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES

Масим поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в приложение Uzum Market. Рсскажет про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом и других аспектах разработки

✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link

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

🗓 11 октября в 19:00

Регистрация - участие бесплатно!

🌐 Наш телеграм канал с анонсами митапов!

Читать полностью…

FrontEndDev

Ограничиеваем действие CSS селекторов при помощи директивы scope

https://developer.chrome.com/articles/at-scope/

Читать полностью…

FrontEndDev

⚡️EXOZ Frontend Meetup 20.10.23

🔘 Полностью бесплатное участие;
🔘 Возможность участвовать как оффлайн, так и онлайн;
🔘 Общение с интересными людьми;
🔘 Дискуссия со спикерами после доклада;


Какие темы докладов вас ждут:
— CI/CD для чайников фронетнедров;
— Психологическое здоровье в IT: лайфхаки по селф-менеджменту;
— Предметно-ориентированная архитектура frontend приложений;
— Менторство в IT. Как стать наставником, о котором ты мечтал сам;
— State management в мире js — гармония или хаос;

И, конечно, только докладами мы не обойдемся.

Вас также ожидает:
➖Активности между докладами;
➖Дискуссии со спикерами;
➖Видео материалы докладов;
Только для оффлайн части:
➖Наш мерч;
➖Фото отчет;
➖Кофе брейки;
➖Большой розыгрыш призов в конце;

Зарегистрироваться на мероприятие

Следить за новостями в telegram

Реклама. ИП Петров Денис Алексеевич. erid: LjN8K787L

Читать полностью…

FrontEndDev

Эффективная загрузка рекламы

Как не навредить перфомансу приложения при загрузке рекламного контента.

https://web.dev/loading-ads-page-speed/

Читать полностью…

FrontEndDev

Веб-стандарты - выпуск 389

Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind

https://web-standards.ru/podcast/389/

Читать полностью…

FrontEndDev

Курс по Nuxt v3 для начинающих

Nuxt - фреймворк для построения фронтенд-приложений на Vue 3

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

Читать полностью…

FrontEndDev

Шарим своё локальное приложение

Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.

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

Читать полностью…

FrontEndDev

20 наиболее интересных фич в CSS

Список новых возможностей которые появились или появятся в ближайшем будущем.

https://my-js.org/blog/css-ui-2023/

Читать полностью…

FrontEndDev

🔥 Все для сайта от 49 ₽/мес!

В SpaceWeb вы можете разместить сайт по привлекательной цене, а также получите:

✔️ Домен для вашего сайта при заказе на год.
✔️ Автоустановка Wordpress, Joomla и других популярных CMS.
✔️ Антивирусная проверка сайтов и возможность автоматического лечения.
✔️ Техническая поддержка в течение 1-2 минут в чате и по телефону.

Переходите и тестируйте бесплатно в течение 14 дней

👍Запустить сайт

Или подпишитесь на канал и следите за тем, как SpaceWeb развивает IT в России.

Реклама. ООО "СпейсВэб". erid: 2VtzqxQ59P8

Читать полностью…

FrontEndDev

Современный CSS Reset

Что нового в сбросе стандартных стилей? Энди Белл подробно рассказывает о каждом блоке правил

https://andy-bell.co.uk/a-more-modern-css-reset/

Читать полностью…

FrontEndDev

JavaScript async iterators

Протокол, который позволяет создавать кастомные итерируемые объекты. Как это делать и где это можно применить - в статье.

https://www.nodejsdesignpatterns.com/blog/javascript-async-iterators/

Читать полностью…

FrontEndDev

Регулярные выражения in JavaScript

Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.

https://www.honeybadger.io/blog/javascript-regular-expressions/

Читать полностью…

FrontEndDev

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

Список сервисов (бесплатных или с промо периодом), которые могут быть полезны для разработчиков. От кодогенерации и и проверки кода до облачных решений и AI.

https://free-for.dev/

Читать полностью…

FrontEndDev

RSC с нуля. Часть 1.
Серверные компоненты


Глубокое погружение: создаем с нуля очень простую версию серверных компонентов.

https://my-js.org/blog/rsc-1/

Читать полностью…

FrontEndDev

Erid: LdtCK2riA
Друзья!

На базе школы программистов МШП запустилась программа "Код будущего", которая дает возможность старшеклассникам и студентам колледжей бесплатно освоить IT специальность!

Уровень знаний в IT не важен — эксперты крупных IT школ разработали гибкую программу для различных начальных знаний (начальный, базовый, продвинутый).

На программе вы сможете:
▫️изучить востребованные языки программирования Javascript, Python, C#
▫️научиться работать с искусственным интеллектом, создавать мобильные приложения и онлайн-игры, освоить анализ данных
▫️подготовиться к ЕГЭ - на курсах разбирают сложные задания и частые ошибки
▫️получить сертификат Министерства цифрового развития, связи и массовых коммуникаций РФ

Успей подать заявку до 30 сентября по ссылке. Напоминаем, это государственный проект. Обучение бесплатное.
🚀 Вперед за знаниями!

Реклама. Рекламодатель АНО ДО "ШКОЛА ПРОГРАММИСТОВ". ИНН 5029259654.

Читать полностью…
Subscribe to a channel