Серверный рендеринг Angular 5 с помощью Firebase — пошаговое руководство https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b
Medium
Angular 5+ Server Side Rendering With Firebase 🔥 — Step-By-Step Guide
Intro
Какие JavaScript фреймворки вам следует выучить в 2018? https://medium.com/@samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d
Medium
Which JavaScript frameworks should you learn in 2018?
Let me first define what I think a coding framework is because the word is debatable. I think a framework is a library that defines…
Переносим анимацию из After Effects на CSS Transitions и Keyframes https://www.smashingmagazine.com/2017/12/after-effects-css-transitions-keyframes/
Smashing Magazine
Making The Transition From After Effects To CSS Transitions And Keyframes — Smashing Magazine
As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article find out how to go from After Effects to CSS transitions, animations and keyframes.
Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API https://www.andreas-marschke.name/posts/2017/12/29/Fonts-API-UserTiming-Boomerang.html
www.andreas-marschke.name
WebFont Performance Tracking with Font API, Boomerang and UserTiming API
Leveraging UserTiming API we can track how long it takes a user to load all the fonts into a site. With Boomerang we can collect this information and track it
«ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas» https://www.youtube.com/watch?v=CakNmQEmf1I
YouTube
#29 ALL YOUR HTML, Жидкие частицы, SVG + Canvas
Демо: https://codepen.io/akella/pen/zpwmgw
историю с размножением и смертью нужно развить и сбалансировать еще :)
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella…
историю с размножением и смертью нужно развить и сбалансировать еще :)
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella…
Базовое введение в отладку приложений на Vue с помощью брейкопинтов https://medium.com/@_Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2
Medium
A basic introduction to debugging Vue applications using breakpoints
In this article I will cover some basic techniques to help you debug Vue applications using breakpoints.
Достижения и фейлы техноиндустрии за 2017 год по версии NYT https://ain.ua/2017/12/27/dostizheniya-i-fejly-2017i-nyt
AIN.UA
Достижения и фейлы техноиндустрии за 2017 год по версии NYT
За прошедший год мы увидели немало: бум криптовалют, крупнейшие в истории взломы, устройства «из будущего», о которых и мечтать не могли всего 10 лет назад. Самые громкие и масштабные события издание New York Times собрало в один материал — редакция ...
Forwarded from Chulakov Dev
Погоди
Во многих сервисах пользователям приходится заполнять формы с большим количеством полей. И чем их больше, тем больнее терять введенные данные.
Чтобы спасти пользователя от такой досадной неудачи, обычно используют блокировку перехода и открывают модальное окно с вопросом о подтверждении намерений.
Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом
Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.
Во многих сервисах пользователям приходится заполнять формы с большим количеством полей. И чем их больше, тем больнее терять введенные данные.
Чтобы спасти пользователя от такой досадной неудачи, обычно используют блокировку перехода и открывают модальное окно с вопросом о подтверждении намерений.
Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом
block объекта history, который получают из компонента высшего порядка withRouter. Вызвать его нужно в методе жизненного цикла componentWillUnmount.Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.
Страховка производительности . Инструменты для улучшения производительности в обзоре Артема Денисова https://calendar.perfplanet.com/2017/performance-insurance/
Performance Calendar
Performance insurance
We are talking a lot about performance, how it can be improved, which tools to use for performance improvements but less about how to keep reached performance on a proper level. So, let’s take a look at tools which can help you to do so.
Size Limit
…
Size Limit
…
Время отклика компьютеров: 1977−2017 https://habrahabr.ru/post/345584/
Habr
Время отклика компьютеров: 1977−2017
У меня гнетущее чувство, что современные компьютеры по ощущениям медленнее, чем те компьютеры, которые я использовал в детстве. Я не доверяю такого рода ощущениям, потому что человеческое восприятие...
Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию https://soundcloud.com/frontend_u/e32
SoundCloud
#32 Новогодний выпуск. Как свалить в Швейцарию
В гостях Yan Lobaty! https://twitter.com/yanlobaty
Как свалить в Швейцарию (0:40)
Подведение итогов (53:53)
The Rolling Scopes Conference https://2018.conf.rollingscopes.com/
101-й новогодний выпуск
Как свалить в Швейцарию (0:40)
Подведение итогов (53:53)
The Rolling Scopes Conference https://2018.conf.rollingscopes.com/
101-й новогодний выпуск
Пять страхов дизайнеров, преодолеваемых с помощью CSS Grid https://css-tricks.com/five-design-fears-vanquish-css-grid/
CSS-Tricks
Five Design Fears to Vanquish With CSS Grid | CSS-Tricks
CSS grid, along with a handful of other new CSS properties, are revolutionizing web design. Unfortunately, the industry hasn't embraced that revolution
Дорожная карта на 2018-й год для фулстэк веб-разработчика https://codingthesmartway.com/the-2018-roadmap-to-fullstack-web-development/
Пишем JS библиотеку, которая будет менее 1TB по размеру . Небольшое руководство для создания экстра-маленьких библиотек https://medium.com/@kelin2025/writing-js-libraries-less-than-1tb-size-6342da0c006a
Medium
Writing JS libraries less than 1TB size
A small guide to create extra small libraries
Сделали для вас перевод статьи про основные front end тренды 2018.
#web #js
Если хотите спойлер, то:
🔸 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
#web #js
Если хотите спойлер, то:
🔸 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
Jem Space
Основные JavaScript тренды 2018
Если вы жили в глуши или были завалены проектами на протяжении 2017 года, эта статья для вас. Вы можете использовать эту статью как руководство для планирования своего роста как разработчика в 2018 году, что позволит вам получить более передовые проекты.…
Использование нейронной сети для восстановления повреждённых изображений https://www.opennet.ru/opennews/art.shtml?num=47831
www.opennet.ru
Использование нейронной сети для восстановления повреждённых изображений
Группа исследователей из Сколковского института науки и технологий, компании Yandex и Оксфордского университета опубликовала свои наработки в области применения свёрточных нейронных сетей для восстановления утерянных участков повреждённых изображений, устранения…
3 причины выбрать Vue вместо React в 2018 https://medium.com/@derickruizen/want-to-get-things-done-and-ship-3-reasons-to-choose-vue-over-react-in-2018-8de3fe710211
Medium
Want to get things done and ship? 3 reasons to choose Vue over React in 2018.
I’ve had the privilege to use both Vue and React in previous freelance projects I’ve worked on.
Понимание исходного кода React — начальный рендеринг https://hackernoon.com/understanding-the-react-source-code-initial-rendering-simple-component-i-80263fe46cf1
Hackernoon
Understanding the React Source Code — Initial Rendering (Simple Component) I | Hacker Noon
Как я создал говорящий emoji с помощью обычных emoji и JavaScript https://hackernoon.com/how-i-made-a-talking-emoji-using-regular-emojis-and-javascript-fe20e62ba10
Hackernoon
I made a talking emoji using regular emojis and JavaScript