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

Пришло время для нового Date API в JavaScript

Обзор Temporal API с новым функционалом для работы с датой и временем.

https://medium.com/life-at-apollo-division/its-time-for-a-new-date-api-in-javascript-6ea4411ce31e

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

FrontEndDev

Зумим элементы как карту с помощью JS

https://itnext.io/javascript-zoom-like-in-maps-for-svg-html-89c0df016d8d

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

FrontEndDev

Стилизация — неотъемлемая часть работы над любым веб-приложением.

Как сделать вёрстку корректной и понять, какие инструменты лучше подойдут для нового проекта или рефакторинга уже существующего приложения?

Обсудим это на бесплатном вебинаре «CSS: на чём писать в 2023» вместе с Артуром Стамбульцяном, Frontend Team Lead компании Ton. Разберём технологии PostCSS, Sass, Less, Styled Components, CSS Modules и Tailwind, сравним их друг с другом и выясним, есть ли среди них явный фаворит.

Встречаемся в следующий вторник, 15 ноября, в 19:00 (по Москве).

Регистрируйтесь по ссылке!

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

FrontEndDev

Анимируем React приложение с Framer Motion

Короткий курс по анимации на примере приложения со списком.

https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props

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

FrontEndDev

Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript

Здравствуйте! Меня зовут Евгений, я бакенд разработчик в компании ClickON. Хотелось бы поделиться опытом создания npm пакета, который умеет встраиваться в CommonJS, ESModule проект. Опишем подводные камни, попытаемся сделать универсальный пакет, прикрутим алиасы.

https://habr.com/ru/post/695482

#typescript #npm

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

FrontEndDev

Релиз Vuestic UI v1.5

Vuestic UI - библиотека компонентов для Vue. В свежем релизе: новые компоненты, улучшенная доступность, темная тема.

https://github.com/epicmaxco/vuestic-ui

Кстати, можно задать вопросы разработчикам в Дискорд

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

FrontEndDev

Конференция для JavaScript-разработчиков HolyJS 2022 Autumn

🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн в Москве
(с возможностью удаленного участия для тех, кто не готов добраться)

Программа конференции полностью готова

Среди докладов:
✔ Александр Мышов, 2ГИС — «High refresh web»
✔ Виталий Харисов и Владимир Гриненко, Яндекс — «There and back again, или Нужно ли становиться руководителем»
✔ Артём Арутюнян, SimBaze — «Гигантизм Reatom»

Если вам хочется на несколько часов отвлечься и побыть среди единомышленников, то приходите на HolyJS. А промокод frontenddev2022JRGpc даст скидку 20% на билеты из категории «Для частных лиц».

Подробности и билеты — holyjs.ru

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

FrontEndDev

Метапрограммирование с JavaScript Decorators API

Руководство по использованию Decorators API, который достиг 3 стадии (и доступен в babel).

https://2ality.com/2022/10/javascript-decorators.html

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

FrontEndDev

Полезные CSS генераторы

Подборка из 10 CSS генераторов, которые немного облегчат верстку.

https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6

🚀 FrontEndDev

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

FrontEndDev

Что такое рекурсия в JS

Объясняем одну из самых старых концепций программирования с примерами.

https://blog.openreplay.com/explaining-recursion-in-javascript/

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

FrontEndDev

Используем background-color для дебага разметки

Один из подходов для отладки расположения элементов, требующий всего нескольких строк CSS.

https://blog.openreplay.com/using-CSS-background-color-to-debug-web-pages/

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

FrontEndDev

CSS техники для создания необычных креативных эффектов для текста #css https://css-tricks.com/css-techniques-and-effects-for-knockout-text/

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

FrontEndDev

Демистификация использования памяти в ES6 React классах https://medium.com/dailyjs/demystifying-memory-usage-using-es6-react-classes-d9d904bc4557

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

FrontEndDev

Обновление Firefox 57.0.4 и Chrome 63.0.3239.132 http://www.opennet.ru/opennews/art.shtml?num=47861

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

FrontEndDev

Как Airbnb ставит AMP в основу своей цифровой стратегии https://medium.com/swlh/how-airbnb-is-putting-amp-at-the-core-of-its-digital-strategy-d6b9cf1fc0ad

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

FrontEndDev

Разбираемся с React Hooks и пишем кастомные

Короткий курс по React Hooks с простыми и понятными примерами.

https://egghead.io/lessons/react-use-the-usestate-react-hook

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

FrontEndDev

Введение в Parcel

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

rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4" rel="nofollow">https://medium.com/@rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4

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

FrontEndDev

Клейморфизм на CSS

Простая реализация визуального эффекта для элементов

https://blog.openreplay.com/implementing-claymorphism-with-css/

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

FrontEndDev

Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов

Краткое описание Feature-Sliced архитектуры для фронтенд проектов.

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

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

FrontEndDev

Руководство по использованию Material UI AutoComplete в React

https://refine.dev/blog/material-ui-autocomplete-component/

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

FrontEndDev

Захват изображения и видео с react-webcam

Туториал по использованию библиотеки react-webcam для упрощения работы с вебкой.

https://blog.openreplay.com/capture-real-time-images-and-videos-with-react-webcam/

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

FrontEndDev

Что такое микрофронтенд за 10 минут

Краткое объяснение принципа в подкасте Listen IT.

https://youtu.be/ZQClCNPq7AI?t=128

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

FrontEndDev

Как протестировать сайт с помощью Cypress

Введение в end-to-end тестирование с Cypress.

https://javascript.plainenglish.io/testing-your-front-end-code-with-cypress-4a3c64ab89d4

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

FrontEndDev

Что нового в Dev Tools

Новые фичи для дебага JS, CSS, оптимизации и сетевых запросов.

https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/

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

FrontEndDev

Необычные эффекты для декорации изображений

https://css-tricks.com/fancy-image-decorations-single-element-magic

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

FrontEndDev

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

🔥 Успейте зарегистрироваться до 30 марта по ссылке https://goo.gl/forms/i5F42vfEqQZqOnOn1.

🔮 30 марта с помощью random мы определим победителя!

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

FrontEndDev

Intel и Microsoft признали, что патчи для Meltdown и Spectre замедляют работу компьютеров https://xakep.ru/2018/01/10/meltdown-spectre-slowdown/

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

FrontEndDev

stimulus — современный JavaScript фреймворк для HTML, который у вас уже имеется https://github.com/stimulusjs/stimulus/

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

FrontEndDev

Путь верстальщика: с нуля до сеньора https://habrahabr.ru/post/346010/

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

FrontEndDev

vue-starter — стартовый шаблон для изоморфных прогрессивных веб-приложений https://github.com/devCrossNet/vue-starter

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