Generative WorldCup. Эксперимент с API статистики чемпионата мира для генерации абстрактных шаблонов для каждой игры
https://zehfernandes.com/generativeworldcup2018/
https://zehfernandes.com/generativeworldcup2018/
Zehfernandes
Generative Worldcup Posters
an experiment with world cup statistics API and canvas to generate abstract
patterns for each game
patterns for each game
Простое (не менее 99% ES2015) обучающее руководство по React.
https://github.com/lex111/react-from-zero
https://github.com/lex111/react-from-zero
5 популярных практик, которые вы можете перестать использовать в React
https://blog.logrocket.com/5-common-practices-that-you-can-stop-doing-in-react-9e866df5d269
https://blog.logrocket.com/5-common-practices-that-you-can-stop-doing-in-react-9e866df5d269
LogRocket Blog
5 things not to do when building React applications - LogRocket Blog
Learn five generally accepted development practices that developers can actually avoid when using React and alternative approaches.
CSS Grid в IE: CSS Grid и новый Autoprefixer
https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/
https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/
Что такое Redux: руководство дизайнера
https://www.smashingmagazine.com/2018/07/redux-designers-guide/
https://www.smashingmagazine.com/2018/07/redux-designers-guide/
Smashing Magazine
What Is Redux: A Designer’s Guide — Smashing Magazine
Do you know Redux’s real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? With the help of this article, Linton Ye would like to show you a full picture of Redux: what it can do, why it does its things…
Аудит производительности: глубокое погружение в Firefox Developer Tools
https://www.sitepoint.com/performance-auditing-a-firefox-developer-tools-deep-dive/
https://www.sitepoint.com/performance-auditing-a-firefox-developer-tools-deep-dive/
Подкаст «Frontend Weekend» #60 – Дмитрий Рожков о создании Senior Software Vlogger, зимовке в Таиланде и жизни в Гамбурге
https://soundcloud.com/frontend-weekend/fw-60
https://soundcloud.com/frontend-weekend/fw-60
Компоненты, зависимые от соединения . Используйте Network Information API для адаптации к разной скорости: img для 2G/3G, video для 4G
https://mxb.at/blog/connection-aware-components/
https://mxb.at/blog/connection-aware-components/
Max Böck
Connection-Aware Components
The Network Information API provides insight into a user's network condition. Combining it with React might enable us to build sites that can respond to different connection speeds.
16 инструментов React, которые пригодятся разработчикам интерфейсов
https://habr.com/company/skillbox/blog/416005/
https://habr.com/company/skillbox/blog/416005/
Хабр
16 инструментов React, которые пригодятся разработчикам интерфейсов
Для создания пользовательских интерфейсов существует большое количество инструментов (ваш К.О., не благодарите). Один из наиболее эффективных — React. Наверное...
Подкаст «Фронтенд Юность (18+)» #55 Хочешь быть крутым React-разработчиком — слушай сюда!
https://soundcloud.com/frontend_u/e55
https://soundcloud.com/frontend_u/e55
SoundCloud
#55 Хочешь быть крутым React-разработчиком — слушай сюда!
Вступление (0:43)
Дресс-код (5:14)
Single Element Pattern (10:38)
css-literal-loader (43:43)
Немного про Clojure (54:42)
PHP в браузере (1:04:16)
Утилита для конвертирования iOS приложения в WebAssemb
Дресс-код (5:14)
Single Element Pattern (10:38)
css-literal-loader (43:43)
Немного про Clojure (54:42)
PHP в браузере (1:04:16)
Утилита для конвертирования iOS приложения в WebAssemb
Самые основы React Без NPM. Без Webpack. Без Redux. Изучите основы React, создавая анимированный фрактал прямо в браузерной песочнице
https://reactarmory.com/guides/learn-react-by-itself/react-basics
https://reactarmory.com/guides/learn-react-by-itself/react-basics
Как использовать роутинг во Vue.js для улучшения пользовательского опыта
https://medium.freecodecamp.org/how-to-use-routing-in-vue-js-to-create-a-better-user-experience-98d225bbcdd9
https://medium.freecodecamp.org/how-to-use-routing-in-vue-js-to-create-a-better-user-experience-98d225bbcdd9
freeCodeCamp.org
How to use routing in Vue.js to create a better user experience
Vue.js is a great JavaScript Framework created by Evan You. It’s used to build single web page apps and flexible components, and it’s one…
Подкаст «Веб-стандарты», Выпуск №128: React это просто JS, вложенность в CSS, система отступов, недоступная капча, забудьте про гриды в IE, верстальщик против визивига.
https://medium.com/web-standards/episode-128-b7271def9899
https://medium.com/web-standards/episode-128-b7271def9899
Medium
Выпуск №128
9 июля 2018
Интернет сложен (Но он не должен быть таким) . Руководство по веб-разработке для полных новичков
https://internetingishard.com/
https://internetingishard.com/
часть 1: оперативная обстановка , часть 2: трудный путь к компромиссу
https://css-live.ru/articles/effektivnaya-rabota-nad-standartami-chast-2.html
https://css-live.ru/articles/effektivnaya-rabota-nad-standartami-chast-2.html
CSS-LIVE
Эффективная работа над стандартами, часть 2: трудный путь к компромиссу
Нас слишком часто не устраивает процесс стандартизации в вебе. Этот цикл статей рассматривает, какие силы в этом участвуют, как мы улучшаем ситуацию, и как можно эффективнее направлять развитие новинок.
Vue Authentication и Route Handling с помощью Vue-router
https://scotch.io/tutorials/vue-authentication-and-route-handling-using-vue-router
https://scotch.io/tutorials/vue-authentication-and-route-handling-using-vue-router
Июльский рейтинг языков программирования TIOBE: популярность TypeScript продолжает расти
https://tproger.ru/news/tiobe-july-2018/
https://tproger.ru/news/tiobe-july-2018/
Tproger
Июльский рейтинг языков программирования TIOBE: популярность TypeScript продолжает расти
TypeScript набирает популярность в качестве замены JavaScript, в особенности благодаря распространению Angular. Он медленно догоняет конкурента от Google.
15 методов HTML элементов о которых вы, возможно, никогда не слышали
https://codenative.ru/article/15_metodov_html_elementov_o_kotoryh_vy_vozmozhno_nikogda_ne_slyshali
https://codenative.ru/article/15_metodov_html_elementov_o_kotoryh_vy_vozmozhno_nikogda_ne_slyshali
Angular Developer Roadmap . Проект, цель которого — собрать самые основные / важные концепты, которые должен выучить каждый желающий стать разработчиком Angular
https://github.com/sulco/angular-developer-roadmap
https://github.com/sulco/angular-developer-roadmap
GitHub
GitHub - sulco/angular-developer-roadmap: Angular Developer Roadmap
Angular Developer Roadmap. Contribute to sulco/angular-developer-roadmap development by creating an account on GitHub.
Друзья, с 23 по 27 июля приглашаем вас принять участие во FrontEnd Tech Marathon! На протяжении 5 дней Вас ждет 5 трехчасовых воркшопов, на которых вы сможете больше узнать о React+Redux, Typescript, Web Components, Chrome Extensions и других крутых штуках, пообщаться с крутыми спикерами и коллегами 👍
Посетите мероприятие offline в Киеве или участвуйте online из любой точки мира! После марафона все участники получат видеозаписи и материалы 🎥
Расписание:
✅ Optimizing web app speed using Chrome DevTools. Development of frontend editor for creating websites.
✅ Как создают React приложения в реальной жизни.
✅ Real World React and Typescript.
✅ Web Components.
✅ How to develop a Chrome Extension in 2018.
Начало: 23 июля в 19:00 по Киеву 🕖
Стоимость: 1000 грн/38 usd 💵
Регистрируйтесь прямо сейчас, количество мест ограничено: https://bit.ly/2NYgHtR
Посетите мероприятие offline в Киеве или участвуйте online из любой точки мира! После марафона все участники получат видеозаписи и материалы 🎥
Расписание:
✅ Optimizing web app speed using Chrome DevTools. Development of frontend editor for creating websites.
✅ Как создают React приложения в реальной жизни.
✅ Real World React and Typescript.
✅ Web Components.
✅ How to develop a Chrome Extension in 2018.
Начало: 23 июля в 19:00 по Киеву 🕖
Стоимость: 1000 грн/38 usd 💵
Регистрируйтесь прямо сейчас, количество мест ограничено: https://bit.ly/2NYgHtR