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

Еженедельная подборка красивых эффектов на CSS/SVG/JS #63 http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-63.html

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

FrontEndDev

Новый монитор производительности (Performance monitor) в Chrome DevTools . Теперь вы можете наблюдать множество метрик производительности в реальном времени https://hospodarets.com/chrome-devtools-performance-monitor

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

FrontEndDev

Основы троттлинга событий в JavaScript https://codepen.io/AmeliaBR/post/basic-javascript-event-throttling

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

FrontEndDev

PlainJS — множество утилит и плагинов на ванильном JS для решения распространненых задач фронтенда, с демками и примерами https://plainjs.com/

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

FrontEndDev

Подкаст «Drinkcast», Выпуск #18 — «Ребята, давайте жить дружно» https://spb-frontend.ru/podcast/18/?e-zhit-druzhno-v-18-m-vyp&utm_content=13154805

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

FrontEndDev

Сравнение скорости загрузки страниц в браузере: введение в методологию https://hacks.mozilla.org/2017/11/comparing-browser-page-load-time-an-introduction-to-methodology/

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

FrontEndDev

Канал для программистов: @tproger_official

Полезные статьи в Instant View и ежедневные подборки самых значимых новостей для программистов — будьте в курсе всего в IT.

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

FrontEndDev

Начинаем разбираться с математическими функциями в CSS Level 4 #css https://webdesign.tutsplus.com/tutorials/mathematical-expressions-calc-min-and-max--cms-29735

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

FrontEndDev

NodeConfEU 2017, 29 видео #js #web https://www.youtube.com/playlist?list=PL0CdgOSSGlBaxNkrUIHrhd1f3ch45f66_#nodeconfeu2017

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

FrontEndDev

Доступные веб-приложения с помощью React, TypeScript и AllyJS #react https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/

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

FrontEndDev

Бюджет JavaScript (стоимость доставки и производительности) . Эдди Османи делится рецептами быстрой загрузки JS: меньше кода = меньше парсить/компилить + меньше передавать + меньше данных для декомпрессии #js https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e

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

FrontEndDev

Оптимизация скорости визуализации веб-страниц . Мартин Сплитт рассказывает о производительности снизу вверх: он начинает с пикселя и поднимается уровень за уровнем, заканчивая компоновкой страницы #common https://habrahabr.ru/company/jugru/blog/342632/

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

FrontEndDev

Символы, Генераторы и потоки в JavaScript #js https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc

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

FrontEndDev

Обзорная лекция по основным возможностям ES2017+ , от Дмитрия Сошникова #js http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/

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

FrontEndDev

Почему вам следует отдать приоритет PageSpeed при обсуждении нового сайта с клиентом #common https://speckyboy.com/prioritize-pagespeed/

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

FrontEndDev

Шаблоны HTML писем и доступность https://css-tricks.com/html-email-accessibility/

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

FrontEndDev

Jest и Puppeteer: автоматизация тестирования веб-интерфейсов https://habrahabr.ru/company/ruvds/blog/342578/

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

FrontEndDev

Серия публикаций из 11-ти статей со сравнением Aurelia, Ember, Dojo, Vue, React и Angular, с выводами и приведенными плюсами/минусами каждого из них https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/

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

FrontEndDev

Обновите свой проект с помощью CSS-селекторов и пользовательских атрибутов https://www.sitepoint.com/upgrade-project-css-selector-custom-attributes/

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

FrontEndDev

Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план https://itc.ua/blogs/byivshiy-glava-kitayskogo-podrazdeleniya-google-rabota-trebuyushhaya-sotsialnyih-navyikov-v-budushhem-vyiydet-na-pervyiy-plan/

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

FrontEndDev

Паттерны проектирования JavaScript на 2017 год . Перевод доклада Скотта Аллена #js https://www.youtube.com/watch?v=GjtfXIaQq7g

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

FrontEndDev

Метрики загрузки страницы . Что все они означают? #web https://medium.com/web-standards/performance-metrics-ff23c213164e

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

FrontEndDev

Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов) #common https://medium.muz.li/optical-effects-9fca82b4cd9a

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

FrontEndDev

В W3C опубликовали стратегические планы развития : Web Assembly, WebRTC, Web Payments, WebVR и многое другое #web #common https://www.w3.org/2017/11/w3c-highlights/

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

FrontEndDev

Уважаемые веб-разработчики!👨‍💻👩‍💻
Добро пожаловать в сообщество «Webstack» @wbstack . Здесь собраны самые интересные и полезные материалы - подборки, инструменты, сервисы и статьи.

Ежедневная публикация постов из мира веб-разработки! @wbstack

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

FrontEndDev

Быстрое руководство по Webpack бандлу и разделении кода в React #react #webpack https://blog.logrocket.com/quick-guide-to-webpack-bundle-and-code-splitting-with-react-43d1045f1064

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

FrontEndDev

Вот это форма

Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.

Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства initialValues;
7) переопределение значений полей.

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

FrontEndDev

Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты #js https://developers.google.com/web/updates/2017/11/overscroll-behavior

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

FrontEndDev

Редактор кода Atom получил функцию для параллельного программирования Teletype , а Microsoft представила технологию для парного программирования Live Share #common https://tproger.ru/news/visual-studio-live-share/

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

FrontEndDev

Разработка расширения для Google Chrome с использованием Angular 4 #angular https://www.red-gate.com/simple-talk/dotnet/software-tools/developing-google-chrome-extension-using-angular-4/

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