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

Telegram-канал front_end_dev - FrontEndDev

29396

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

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

FrontEndDev

Спросите у Яндекса про интерфейсы — запись трансляции https://www.youtube.com/watch?v=nmr5RoZa1Vs

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

FrontEndDev

Друзья, сегодня хочу порекомендовать вам канал @itlecture с бесплатными обучающими видео-лекциями по IT и записями крупных конференций как для новичков так и для профессионалов.

Программирование, Искусственный Интеллект, Веб-Дизайн, SEO, Blockchain, Базы Данных и многое другое.
➡️ /channel/itlecture

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

FrontEndDev

Понимание исходного кода React — начальный рендеринг https://hackernoon.com/understanding-the-react-source-code-initial-rendering-simple-component-i-80263fe46cf1

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

FrontEndDev

Использование нейронной сети для восстановления повреждённых изображений http://www.opennet.ru/opennews/art.shtml?num=47831

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

FrontEndDev

Пишем JS библиотеку, которая будет менее 1TB по размеру . Небольшое руководство для создания экстра-маленьких библиотек kelin2025/writing-js-libraries-less-than-1tb-size-6342da0c006a" rel="nofollow">https://medium.com/@kelin2025/writing-js-libraries-less-than-1tb-size-6342da0c006a

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

FrontEndDev

Канал для начинающих и продвинутых программистов: @techrocks. Актуальные авторские статьи и новости. Коротко и лаконично, два поста в день.

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

FrontEndDev

Пять страхов дизайнеров, преодолеваемых с помощью CSS Grid https://css-tricks.com/five-design-fears-vanquish-css-grid/

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

FrontEndDev

Время отклика компьютеров: 1977−2017 https://habrahabr.ru/post/345584/

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

FrontEndDev

Погоди

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

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

Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом block объекта history, который получают из компонента высшего порядка withRouter. Вызвать его нужно в методе жизненного цикла componentWillUnmount.

Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p

Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.

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

FrontEndDev

Базовое введение в отладку приложений на Vue с помощью брейкопинтов _Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2" rel="nofollow">https://medium.com/@_Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2

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

FrontEndDev

Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API http://www.andreas-marschke.name/posts/2017/12/29/Fonts-API-UserTiming-Boomerang.html

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

FrontEndDev

Какие JavaScript фреймворки вам следует выучить в 2018? samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d" rel="nofollow">https://medium.com/@samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d

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

FrontEndDev

Серверный рендеринг Angular 5 с помощью Firebase  — пошаговое руководство hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b" rel="nofollow">https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b

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

FrontEndDev

Google: директива Noindex, follow со временем переходит в Noindex, nofollow https://www.searchengines.ru/1153018.html

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

FrontEndDev

Кошмарный слайдинг: понимание работы Range Input https://css-tricks.com/sliding-nightmare-understanding-range-input/

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

FrontEndDev

Как обфусцировать имена классов CSS с помощью React и Webpack https://develoger.com/how-to-obfuscate-css-class-names-with-react-and-webpack-20e2b5c49cda

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

FrontEndDev

Как я создал говорящий emoji с помощью обычных emoji и JavaScript https://hackernoon.com/how-i-made-a-talking-emoji-using-regular-emojis-and-javascript-fe20e62ba10

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

FrontEndDev

3 причины выбрать Vue вместо React в 2018 derickruizen/want-to-get-things-done-and-ship-3-reasons-to-choose-vue-over-react-in-2018-8de3fe710211" rel="nofollow">https://medium.com/@derickruizen/want-to-get-things-done-and-ship-3-reasons-to-choose-vue-over-react-in-2018-8de3fe710211

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

FrontEndDev

Сделали для вас перевод статьи про основные front end тренды 2018.

Если хотите спойлер, то:
🔸 Vue превозмогает React, но React + Next.js не сдаются
🔸Angular остается основным энтерпрайз фреймворком (но это не точно)
🔸Reason и Reason-react - JavaScript + OCaml экосистема
🔸GraphQL как замена RESTful
🔸Relay Modern и Apollo для фетчинга данных в связке с Redux
🔸Storybook для создания и тестирования UI компонентов
🔸Prettier сделает ваш код приятнее (для всех)
🔸Изучите Snapshots Jest и Enzyme
🔸Parcel притирает Webpack
🔸React Native & Electron все еще на коне

Подробнее по ссылке: https://goo.gl/JoZdGy

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

FrontEndDev

CSS-десант. Sports.ru https://designpub.ru/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-sports-ru-d0e4c79caf32

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

FrontEndDev

Дорожная карта на 2018-й год для фулстэк веб-разработчика https://codingthesmartway.com/the-2018-roadmap-to-fullstack-web-development/

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

FrontEndDev

Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию https://soundcloud.com/frontend_u/e32

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

FrontEndDev

Страховка производительности . Инструменты для улучшения производительности в обзоре Артема Денисова https://calendar.perfplanet.com/2017/performance-insurance/

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

FrontEndDev

Достижения и фейлы техноиндустрии за 2017 год по версии NYT https://ain.ua/2017/12/27/dostizheniya-i-fejly-2017i-nyt

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

FrontEndDev

«ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas» https://www.youtube.com/watch?v=CakNmQEmf1I

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

FrontEndDev

Переносим анимацию из After Effects на CSS Transitions и Keyframes https://www.smashingmagazine.com/2017/12/after-effects-css-transitions-keyframes/

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

FrontEndDev

Самые популярные в 2017-м году ссылки https://medium.com/statuscode/2017s-most-popular-frontend-links-45d35a67ceb7

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

FrontEndDev

Подкаст «Drinkcast», #23 — «Afterparty» https://spb-frontend.ru/podcast/23/

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

FrontEndDev

Автоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit` https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/

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

FrontEndDev

Подробности приближающегося релиза Babel 7.0 https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release

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