FrontEndDev

16 января 2018 10:22

Техники композиции в js
#js #common

Все привыкли к использованию наследования для переиспользования кода и создания связи объектов. Однако, наследование является самой узкой формой связи объектов.

Есть несколько хороших альтернатив классовому наследованию, среди которых объектная композиция.

Формы объектной композиции:
▫️ Агрегация - когда объект формируется из перечислимого набора подобъектов
▫️Конкатенация - когда объект формируется путем добавления новых свойств к существующему объекту
▫️Делегирование - когда объект ссылается или делегирует другому объекту

Подробнее и с примерами можно ознакомиться в нашем переводе статьи Эрика Элиота https://goo.gl/9KaEFD

FrontEndDev

16 января 2018 07:05

Подкаст «Веб-стандарты», Выпуск №103: Браузеры и разработка интерфейсов, где искать, если потеряли статью, точка с запятой в JS, понятно о выравнивании в CSS, трюки Сары с SVG, управление проектами, фронтендер в Берлине. #web #common https://medium.com/web-standards/episode-103-e1fedf35fbb4

FrontEndDev

15 января 2018 13:50

Немного о генераторах vkozulya/%D0%BD%D0%B5%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE-%D0%BE-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D1%85-610a6e904b4e" rel="nofollow">https://medium.com/@vkozulya/%D0%BD%D0%B5%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE-%D0%BE-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D1%85-610a6e904b4e

FrontEndDev

15 января 2018 09:30

Начинаем работать с доступностью веба emilymears/getting-started-with-web-accessibility-2c7632c3a8bd" rel="nofollow">https://medium.com/@emilymears/getting-started-with-web-accessibility-2c7632c3a8bd

FrontEndDev

14 января 2018 15:30

Подкаст «devschacht»: Выпуск №10 — Новогодний. История Девшахты и планы развития https://soundcloud.com/devschacht/devschacht-10

FrontEndDev

14 января 2018 09:30

Инструменты фронтенда: мои избранные находки из 2017-го https://css-tricks.com/front-end-tools-favorite-finds-2017/

FrontEndDev

12 января 2018 09:30

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

FrontEndDev

11 января 2018 09:30

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

FrontEndDev

10 января 2018 15:30

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

10 января 2018 10:10

Сделали для вас перевод статьи про основные 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

10 января 2018 07:05

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

FrontEndDev

09 января 2018 15:30

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

FrontEndDev

09 января 2018 07:05

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

FrontEndDev

08 января 2018 13:50

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

FrontEndDev

08 января 2018 09:30

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

FrontEndDev

16 января 2018 09:30

23 доклада с FrontFest 2017 : код и творчество, разработка SPA, оптимизация графики, декларативная шаблонизация, алгоритмы и структуры данных, доступность, i18n и другое #web https://www.youtube.com/playlist?list=PLK0ZcucztUiUMlKdEyaHkAurtmXZp36S5

FrontEndDev

15 января 2018 15:30

React.Fragment и семантический HTML . Попрощайтесь с бессмысленными и беспорядочными <div /> в ваших компонентах! React 16 приносит нам <Fragment /> https://blog.jmes.tech/react-fragment-and-semantic-html/

FrontEndDev

15 января 2018 10:02

Статья от подписчика
#js #ui

О применении конечных автоматов для структуризации, повышения надежности и масштабируемости кода на примере реализации плавающего сайдбара.

Понятно и наглядно о конечных автоматах

https://goo.gl/FQQCBj

FrontEndDev

15 января 2018 07:52

«JavaScript Of The Future (ES8 & Beyond)» — Brian Terlson на JS Kongress 2017 #js https://www.youtube.com/watch?v=FSrHGVT13NI

FrontEndDev

14 января 2018 13:50

Создание роута с ленивой загрузкой с помощью Vue.js и последних возможностей браузера https://medium.com/js-dojo/build-a-lazy-load-router-with-vue-js-and-the-latest-browser-features-a1b52fe52dda

FrontEndDev

12 января 2018 13:50

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

FrontEndDev

11 января 2018 16:04

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

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

FrontEndDev

11 января 2018 07:05

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

FrontEndDev

10 января 2018 14:32

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

FrontEndDev

10 января 2018 09:31

Пишем 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

09 января 2018 16:11

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

FrontEndDev

09 января 2018 13:50

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

FrontEndDev

08 января 2018 15:30

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

FrontEndDev

08 января 2018 10:00

Погоди

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

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

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

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

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

FrontEndDev

08 января 2018 07:05

Базовое введение в отладку приложений на 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