Telestorm

Главная

Стикеры

Каналы

Telestorm

FrontEndDev

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

Категории

Технологии

FrontEndDev

Реально ли с нуля создать приложение без опыта в программировании? Да! 🤩 На бесплатном курсе Нетологии «Основы разработки на Java» вы за 4 занятия познакомитесь с основами синтаксиса Java, одного из самых популярных языков программирования, и напишете на нём свой первый код. Вас ждёт много практики: ☑️настроите Java и создадите консольное приложение для загрузки фото с сайта NASA; ☑️интегрируете это приложение в Telegram-бота; ☑️запустите приложение в облаке и создадите хранилище данных. Курс стартует 14 марта. Регистрируйтесь, чтобы получить представление об устройстве Java и понять, подходит ли вам профессия разработчика Реклама. ООО "Нетология". Erid LatgBkPLG

  • 🤡 6

  • 😁 4

  • 👍 2

  • 1

0
2,256

FrontEndDev

Tailwind vs. Semantic CSS Сравниваем 2 сайта с похожим дизайном: один на Tailwind, второй - с семантическим CSS. Исследование показывает основные проблемы Tailwind, которые стоит учитывать при выборе способа стилизации. https://nuejs.org/blog/tailwind-vs-semantic-css/

  • 👍 17

  • 💩 5

  • 👎 2

0
2,562

FrontEndDev

Техники переноса слов О возможностях переноса слов с помощью CSS и HTML. https://adrianroselli.com/2024/02/techniques-to-break-words.html

  • 👍 15

0
3,216

FrontEndDev

Типизация для Redux Toolkit Михаил Непомнящий на примере показывает, как можно типизировать работу со стором в Redux Toolkit. https://www.youtube.com/watch?v=uRlh6-tHWEE

  • 👍 13

  • 🤡 7

  • 💩 3

  • 🤣 2

  • 1

0
3,519

FrontEndDev

Большое событие для фронтенд-сообщества — конференция «Я💛Фронтенд 2024». Встречаемся 23 марта в Москве и онлайн! В один день в одном месте соберутся ведущие специалисты в области разработки, чтобы поделиться последними новостями веба, узнать много интересного от крутых экспертов своей области, и, конечно, пообщаться с другими участниками сообщества. Узнайте больше информации о программе и спикерах конференции на сайте. Реклама. ООО "Яндекс". ИНН 7736207543

  • 👍 8

  • 2

  • 💩 2

  • 🔥 1

  • 🤮 1

  • 🤡 1

0
3,891

FrontEndDev

А вы не задумывались, почему пакет is-number в npm имеет большое число скачиваний? Немного аналитики, или почему не стоит доверять большим цифрам на страницах npm для принятия решения об установке того или иного пакета. https://shubhamjain.co/2024/02/29/why-is-number-package-have-59m-downloads/

  • 👌 8

  • 👍 5

  • 🥱 1

0
4,010

FrontEndDev

Разбираемся с StyleX — одним из новых подходов к написанию стилей. Обзор различных техник по работе с CSS и как StyleX может быть полезен на вашем проекте. https://blog.logrocket.com/exploring-stylex-new-generation-styling-libraries/

  • 🤡 30

  • 👍 6

  • 🤣 5

0
3,983

FrontEndDev

Capo.js: улучшаем перформанс вашего приложения за 5 минут Capo.js — инструмент, который проверяет разметку в head и сортирует элементы для улучшения скорости загрузки приложения. Конечно, не стоит доверять ему на 100%, но, как минимум, покажет вам возможные варианты для оптимизации. https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/

  • 🔥 15

  • 👍 2

  • 1

  • 🤔 1

  • 💩 1

0
4,125

FrontEndDev

JavaScript по запросу: как Qwik отличается от React Hydration Различные подходы в решении проблемы доставки JS приложений: Qwik vs React Hydration https://thenewstack.io/javascript-on-demand-how-qwik-differs-from-react-hydration/

  • 👍 8

  • 4

0
5,450

FrontEndDev

Играемся с бесконечностью в CSS О том, как можно использовать значение infinity и в какие максимальные значения его интерпретируют браузеры. https://codersblock.com/blog/playing-with-infinity-in-css/

  • 👍 13

0
2,460

FrontEndDev

Привет, меня зовут Артемий. Я фронтенд-разработчик в Merk Team, работаю в креативной лаборатории, где мы обкатываем новейшие технологии на закрытых внутренних проектах, чтобы потом применять их в коммерческих. На этой неделе я веду телеграм-канал компании, где работаю, от своего имени. Там я делюсь своими мыслями о фронтенд-разработке, кроссплатформе, нетворкинге и расскажу, как мы разрабатываем собственную 3D-игру в вебе. Подписывайтесь, чтобы читать и приходите общаться в комментариях: https://t.me/merkteam

  • 🤡 26

  • 👍 7

0
3,526

FrontEndDev

Чистая архитектура React приложения Одна из возможных реализаций подхода чистой архитектуры для React + Redux приложения. Данный подход позволяет изменять/заменять любые модули с минимальными затратами, однако требует дополнительной работы при реализации. https://github.com/eduardomoroni/react-clean-architecture

  • 👍 18

  • 👎 6

  • 1

  • 🔥 1

  • 💩 1

0
3,844

FrontEndDev

Работе с селектором :has Интерактивное руководство от Ахмада Шадида. https://ishadeed.com/article/css-has-guide/

  • 👍 8

  • 2

  • 💩 1

0
4,008

FrontEndDev

Лучший способ отцентровать div Обзор методик центрирования элементов на странице (лучший выбирать вам). https://www.joshwcomeau.com/css/center-a-div/

  • 👎 14

  • 👍 9

  • 🤨 7

  • 🤡 6

  • 3

0
4,754

FrontEndDev

Front-End Architecture 101 - Nir Kaufman @ ReactNYC Доклад про архитектуру front end проектов: о том, с чего стоит начинать разработку и почему библиотеки и технологии не так важны при реализации. https://www.youtube.com/watch?v=o8THlN8hgcw

  • 🔥 11

  • 3

  • 💩 2

  • 👍 1

0
5,781

FrontEndDev

Итак, вы думаете, что знаете Git? Часть вторая: новое в Git О новых фичах в Git и их применении. https://habr.com/ru/articles/794252/

  • 👍 10

  • 1

0
5,244

FrontEndDev

Продвинутое использование селектора :is() https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

  • 👍 11

0
5,096

FrontEndDev

Что такое CSS Motion Path Как анимировать элементы по траектории с CSS Motion Path. https://www.letsbuildui.dev/articles/what-is-css-motion-path/

  • 18

0
5,692

FrontEndDev

Как отобразить радар-чарты в вебе Создаем удобные и переиспользуемые компоненты для отображения данных в виде радар-чартов. https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/

  • 🔥 15

  • 👍 2

  • 1

0
5,503

FrontEndDev

ХОЧЕШЬ ПОВЫШЕНИЕ В 2024 ГОДУ? 😎🔥 Согласно опросу, проведенному компанией Solo.io в 2022 году, на текущий момент 85% организаций переводят свои IT-системы на микросервисную архитектуру. Но специалистов, которые глубоко понимают все тонкости и нюансы микросервисной архитектуры не так-то много. Самое время разобраться в микросервисной архитектуре и стать более востребованным специалистом. 🚀 Стартуем 26 февраля. Курс ведет действующий архитектор Кирилл Ветчинкин. Он успешно реализовал проекты с применением микросервисов для Мегафона, Теле2, ВСS Brокer, СберМаркет. Постоянный спикер крупных IT-конференций. На курсе вы: 📌 Изучите и отработаете более 20 паттернов микросервисной архитектуры 📌 Познакомитесь c Domain Driven Design 📌 Научитесь декомпозировать систему на микросервисы с помощью Event Storming и DDD Полная программа ТУТ А самое главное — будет поддержка от эксперта, чат с одногруппниками и интересное практическое задание. Сертификат об участии по итогам прохождения курса. Курс ориентирован на системных аналитиков и разработчиков, которые хотят больше погрузиться в архитектуру современных IT систем. 👉 Узнай больше о курсе Реклама. ИП Ветчинкин К.Е. ИНН: 773376451099 Erid: 2VtzqwsLbJh

  • 🤡 8

  • 4

  • 👍 1

0
5,622

FrontEndDev

Появление WebGL изображений при скролле Эффект обратной пикселизации изображений при скролле с использованием WebGL и GSAP https://tympanus.net/codrops/2024/02/07/on-scroll-revealing-webgl-image-explorations/ Демо | GitHub

  • 🔥 20

  • 👍 2

  • 1

0
5,534

FrontEndDev

Иммутабельные изменения массивов с Array.prototype.with Заметка о том, как with поможет с модификацией массивов, создавая новую копию с изменениями. https://web.dev/blog/array-with?hl=en

  • 🔥 11

  • 👍 4

  • 🤔 2

0
5,587

FrontEndDev

Оборачиваем в Docker ваше NextJs приложение с помощью Github Actions Пошаговый туториал с конфигами, позволяющий настроить билд приложения с Github Actions. https://mxd.codes/articles/docker-ci-cd-for-nextjs-with-github-actions

  • 👍 18

  • 1

  • 👌 1

0
6,363

FrontEndDev

Всем кодерам посвящается Code readyCode ready — лучшие подборки эффектов, анимаций и многое другое для твоих проектов, сразу с готовым кодом и примером их использования. Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready@code_ready

  • 👍 9

0
6,483

FrontEndDev

От множества к единому - переводим наши проекты в монорепозиторий В каких случаях стоит хранить проекты в монорепе, и как слить все проекты в один, не потеряв при этом историю комитов. https://www.aha.io/engineering/articles/monorepo

  • 👍 11

  • 1

  • 🌚 1

0
6,017

FrontEndDev

За гранью пикселей и rems в CSS - относительные единицы измерения основанные на viewport Частые ловушки, в которые попадают разрабочики при использовании относительных единиц измерения в CSS. https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport

  • 👍 10

  • 🔥 3

  • 🌚 1

0
5,987

FrontEndDev

#css #accessibility HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5 ⭐️⭐️◽️◽️◽️ 📖 Читать

  • 👍 9

  • 2

0
5,981

FrontEndDev

Разбираемся с Interaction to Next Paint О чем говорит новая метрика Core Web Vital и как ее можно оптимизировать. https://blog.logrocket.com/exploring-interaction-next-paint-new-core-web-vital/

  • 👍 9

  • 1

0
5,869

FrontEndDev

Изучаем доступность Полный туториал по a11y познакомит вас с основами доступности, аспектами разаботки веб приложений с учетом нюансов доступности, и почему это важно. https://www.youtube.com/watch?v=e2nkq3h1P68

  • 👍 10

  • 🔥 2

  • 1

0
6,306

FrontEndDev

Как получить реальный опыт во фронтенд-разработке за 7 дней? А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

  • 👎 28

  • 👍 2

  • 💩 1

0
5,910

FrontEndDev

Создаем игру Gorillas на JS Подробный туториал по разработке игры с использоваием JS + Canvas. https://www.freecodecamp.org/news/gorillas-game-in-javascript/

  • 18

  • 👍 4

  • 🔥 4

  • 🌚 2

0
6,064

FrontEndDev

Что нового в DevTools Обновления DevTools v.122: официальное расширение для записи, новый функционал таймлайна, улучшенная работа с куками и еще куча всего. https://developer.chrome.com/blog/new-in-devtools-122?hl=en

  • 🔥 14

  • 👍 5

0
8,688

FrontEndDev

Оптимизируем время до первого байта Несколько советов по улучшению метрики TTFB. https://web.dev/articles/optimize-ttfb

  • 👍 13

  • 🔥 1

0
8,438

FrontEndDev

#timeweb_статьи_перевод #javascript Важные аспекты Unicode, о которых должен знать каждый разработчик JavaScript ⭐️◽️◽️◽️◽️ 📖 Читать

  • 👍 13

  • 3

0
8,205

FrontEndDev

Создаем размытый box-shadow эффект Используем комбинацию масок, градиентов и фильтров для создания более мягкого и интересного аналога box-shadow. https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/

  • 👍 11

  • 👎 3

  • 3

  • ❤‍🔥 1

  • 🔥 1

0
7,731

FrontEndDev

#вакансия Разработчик фронтенда в HR Tech Яндекс Москва/Санкт-Петербург гибрид middle, senior, team lead Что нужно делать - развивать и поддерживать один или несколько сервисов; - улучшать инфраструктуру, стабильность и скорость сервисов; - разрабатывать десктопные и мобильные версии сервисов, участвовать в ревью кода и обсуждении технических решений; - взаимодействовать со смежными командами. Мы ждем, что вы - работали с TypeScript и React не меньше двух лет; - пишете эффективный и понятный код; - способны объяснять свои решения и договариваться с коллегами; - внимательны к пожеланиям и проблемам пользователей; - самостоятельны и готовы работать в команде. Будет плюсом, если вы - работали с Node.js, NestJS, Effector, Redux, Docker. Откликнуться Для связи в тг @maslova_y94

  • 💩 17

  • 👍 7

  • 🔥 1

0
7,466

FrontEndDev

Утечки памяти, которые не утечки О видах памяти, как работает сборщик мусора и как можно найти причину большого расхода памяти в NodeJs приложениях. https://habr.com/ru/companies/alfa/articles/789782/

  • 🔥 10

  • 👍 4

  • 2

0
6,931

FrontEndDev

Как посчитать временную сложность алгоритма Что такое временная сложность и примеры расчета для разных видов алгоритмов. https://algo.monster/problems/runtime_summary

  • 10

  • 👍 3

  • 🤮 3

  • 🔥 1

0
5,638

FrontEndDev

Перед мемоизацией Несколько советов от Дена Абрамова по улучшению производительности React приложений, на которые стоит обратить внимание перед использованием memo и useMemo. https://overreacted.io/before-you-memo/

  • 👍 17

  • 😁 3

  • 1

  • 👌 1

0
5,792

FrontEndDev

Python книги на русском - канал для скачивания Python книг на русском языке. Что в нашем канале: 1. Книги по питону, которые помогут вам пройти собеседование на позицию Python Developer. 2. Все книги на русском языке 3. Все книги можно скачать в 2 клика 4. Всё, никакой другой воды. Подписывайтесь и качайте книги: @pythonknigiru

  • 👎 3

  • 👍 2

  • 👌 1

0
5,357

FrontEndDev

Passkey аутентификация на Express.js + Docker Web Authentication API туториал https://www.youtube.com/watch?v=lzelnAI914A

  • 👍 9

  • 1

  • 👏 1

  • 💩 1

0
4,816

FrontEndDev

Упрощаем работу с CSS View Transition c Velvette Что такое View Transition и как он помогает анимировать экранные переходы - в статье. https://tympanus.net/codrops/2024/01/19/making-css-view-transitions-easy-with-velvette/

  • 👍 5

  • 2

  • 🔥 1

  • 👏 1

0
1,860

FrontEndDev

12 свойств CSS, которые можно использовать в ваших проектах Несколько советов по использованию относительно новых, но уже поддерживаемых CSS свойств, которые упростят вашу разработку или позволят обойтись без использования JS. https://moderncss.dev/12-modern-css-one-line-upgrades/

  • 👍 15

  • 🔥 5

  • 2

  • 👎 1

0
3,099

FrontEndDev

Web Development 2024 Roadmap & Trends | Что учить в 2024? Евгений Ковальчук собрал тренды для начинающих веб разработчиков, на которые стоит сделать упор при изучении. Все доп ресурсы в описании к видео. https://www.youtube.com/watch?v=f76BnFk3pLI

  • 11

  • 👍 2

  • ❤‍🔥 1

  • 👎 1

  • 🔥 1

0
3,323

FrontEndDev

Зумим фон при скролле Пример реализации Scroll Driven Animations https://frontendmasters.com/blog/background-size-zooming-with-scroll-driven-animations/

  • 👍 7

  • 🤔 2

  • 🤮 2

  • ❤‍🔥 1

  • 🔥 1

0
3,335

FrontEndDev

Скажите что-то на карьерном Тинькофф в поиске крутых ИТ-спецов. С компании — профессиональный рост, интересные финтех-задачи, решение бытовых забот и работа там, где вы живете. С вас — выбрать вакансию и откликнуться тут АО «Тинькофф Банк», ИНН 7710140679

  • 🤡 4

  • 😁 3

0
4,934

Добавить

КаналСтикеры

Наши Боты

@telestormauthbot

© Telestorm.ru 2020-2024 Все права защищены

TwitterYouTubeInstagram