front_end_dev | Технологии

Telegram-канал front_end_dev - FrontEndDev

29203

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

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

FrontEndDev

Разбираемся с Redux Thunk

Как добавить Redux Thunk в React приложение и как это работает под капотом.

https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/

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

FrontEndDev

JS Promises: Сборщик мусора и утечки памяти

Как работает сборщик мусора при использовании Promise: примеры с объяснением.

https://dev.to/xnimorz/js-promises-3-garbage-collection-and-memory-leaks-2oi7

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

FrontEndDev

Анимация текста по скролу

Демо

Реализация

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

FrontEndDev

Эффект пишущей машинки на чистом CSS

https://blog.logrocket.com/creating-typewriter-animation-css/

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

FrontEndDev

Настраиваем Prettier и ESLint

Инструкция как сделать форматирование кода в соответствии с правилами линтера.

https://khalilstemmler.com/blogs/tooling/prettier/

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

FrontEndDev

Биндинг данных в React

О том, как работать с разными элементами ввода и каких ошибок стоит избегать

https://www.joshwcomeau.com/react/data-binding/

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

FrontEndDev

Объясняем аутентификацию в Web проводя аналогию с банками

https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/

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

FrontEndDev

Стриминг SSR с React 18

Использование renderToPipeableStream для отдачи контента React приложения

https://blog.logrocket.com/streaming-ssr-with-react-18/

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

FrontEndDev

Создаем гладкие анимационные переходы для CSS Grid

https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/

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

FrontEndDev

Разрабатываем опенсорс библиотеку

Инструкция для начинающих.

https://habr.com/ru/company/inDrive/blog/706662/

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

FrontEndDev

JavaScript Risings Stars

Обзор наиболее популярных проектов в экосистеме JS за 2022.

https://risingstars.js.org/2022/en

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

FrontEndDev

Работа с изображениями в формате Webp

Основные отличия webp от других форматов, и как их использовать в разработке.

https://blog.openreplay.com/working-with-webp-images/

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

FrontEndDev

English for Developers - канал для тех, кто хочет учить технический английский.

1. техническая лексика
2. опросы на английском
3. шутки на английском

Подписывайтесь, проходите опросы, читайте полезные прогерские фразы на английском у нас: @englishfordeveloper

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

FrontEndDev

10 простых и не очень вопросов на front-end собеседовании, которые лучше подготовить

https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-97a461e186f4

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

FrontEndDev

Анимируем элементы по скролу на JS c использованием Intersection Observer API

https://adelpro.medium.com/scroll-animation-using-the-javascript-build-in-intersection-observer-api-third-party-libraries-b3ed0a6286bd

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

FrontEndDev

Socket.Io Vs. Pusher

Сравниваем инструменты для real-time коммуникации

https://blog.openreplay.com/socket-io-vs-pusher--a-comparison/

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

FrontEndDev

Как создать свой первый сайт на JavaScript: бесплатный курс

На бесплатном курсе Нетологии вы познакомитесь с разработкой на JavaScript и сами попробуете написать код — создадите сайт по персонажам вселенной Marvel. Курс подойдёт тем, у кого нет опыта в разработке. Вы оцените JavaScript-разработку изнутри и узнаете, как сделать первые шаги в новую профессию.

Зарегистрироваться → https://netolo.gy/Udx

Реклама. ООО «Нетология»

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

FrontEndDev

CSS совет: стилизуйте checkbox и radio для печати

О том, как стилизовать ui для лучшей читабельности или экономии чернил, применяя print-color-adjust. Мелочь, а для пользователя приятно.

https://alvaromontoro.com/blog/68024/css-tip-style-checkboxes-radio-buttons-for-printing

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

FrontEndDev

Хочешь найти работу и переехать в другую страну, но не знаешь как, что и куда?🤷‍♀️

Релокация в Европу - это РЕАЛЬНО!

Найти работу в Европе просто с каналом IT на чемодане

Всё, что нужно знать о работе в странах ЕС, мы собираем в одном канале:

📍Публикуем актуальные IT-вакансии🔥
📍Рассказываем о нюансах работы
📍Подсказываем, как лучше составить резюме и пройти интервью
📍"Из первых рук"👨‍💻 – делимся опытом тех, кто уже переехал и нашёл работу
📍Публикуем много полезной информации, лайфхаки по переезду и трудоустройству на новом месте👌

Присоединяйся к каналу IT на чемодане и работай в той стране, в которой хочешь!🌏

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

FrontEndDev

Используем деструктивное присваивание пропсов во Vue Composition API

Дмитрий Павлутин рассказывает, как сохранить удобство разработки и не потерять реактивность объектов.

https://dmitripavlutin.com/props-destructure-vue-composition/

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

FrontEndDev

Создаем проект на Vite с React и Typescript

Об альтернативе Create React App — как быстро создать проект при помощи билд-системы Nx.

https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175

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

FrontEndDev

Релиз Ember 4.0

https://blog.emberjs.com/ember-4-0-released/

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

FrontEndDev

Бесплатное обучение дизайну с нуля. Вместе сделаем портфолио из 4+ работ с личной поддержкой от наставника.

Что вы получите?
— Фидбэк (мощный разбор всех ДЗ от куратора)
— Тусовка (личный кабинет с уроками + живой чат)
— Портфолио и экзамен (упакуем по урокам и проверим)
— Мастер-класс "как заработать на дизайне" и найти клиента

🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов.

→ Начать обучение бесплатно

Программа бесплатного курса:
— Обучение по Figma с нуля и 4+ дз с личным разбором
— Изучение основ дизайна (контент, сетки, композиция т.д.)
— Создание анимации интерфейса
— Все о профессии и доходе дизайнера (поиск клиентов и реальный доход)

👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

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

FrontEndDev

Несколько советов по работе с VS Code

Трюки, хаки и шорткаты для улучшения вашей продуктивности.

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

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

FrontEndDev

Создаем веб компоненты на JS с WebC

WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.

https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/

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

FrontEndDev

Как развиваться дальше во фронтенде, если ты уже middle?

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

Но можно поступить мудрее — записаться на курс для middle-фронтендеров, который проходят и рекомендуют даже эксперты с опытом работы в Яндексе, Сбере, ВКонтакте и JetBrains.

Вот что они говорят о программе Frontend: https://bit.ly/3GuD0DF

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

FrontEndDev

Погружаемся в метапрограммирование

Прокси и рефлексия в JS.

https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/

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

FrontEndDev

Накладываем маски на изображения с помощью CSS

О том, как использовать свойство mask-image для комбинации изображений и svg.

https://blog.logrocket.com/css-mask-image-property/

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

FrontEndDev

Полное руководство по LocalStorage

https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/

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

FrontEndDev

Создаем интерактивный pie chart на HTML и CSS

https://blog.logrocket.com/building-interactive-pie-charts-css-and-html/

Читать полностью…
Подписаться на канал