Рассвет стейт-машин . Знакомство со стейт-машинами в контексте разработки фронтенда https://www.smashingmagazine.com/2018/01/rise-state-machines/
Smashing Magazine
The Rise Of The State Machines — Smashing Magazine
The UI development became difficult in the last couple of years. That is because we pushed the state management to the browser. And managing state is what makes our job a challenge. If we do it properly, we will see how our application scales easily with…
Как создать чат в реальном времени на React и GraphQL #react https://scotch.io/tutorials/how-to-build-a-realtime-chat-app-with-react-and-graphql
Digitalocean
How To Build a Chat App with React and Graphcool | DigitalOcean
GraphQL and React work well together to provide developers with tools to streamline common web programming tasks, including real-time integrations. In this a…
CSS Cheat Sheet — современная шпаргалка по CSS #css https://adam-marsden.co.uk/css-cheat-sheet
CSS Cheat Sheet
CSS Cheat Sheet - A reference for CSS goodness.
Плейсхолдеры изображений: делайте это правильно или не делайте вообще. Пожалуйста http://www.robinosborne.co.uk/2018/01/05/image-placeholders-do-it-right-or-dont-do-it-at-all-please/
Final Form: Дорога к клетчатому флагу https://medium.com/devschacht/final-form-%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%B0-%D0%BA-%D0%BA%D0%BB%D0%B5%D1%82%D1%87%D0%B0%D1%82%D0%BE%D0%BC%D1%83-%D1%84%D0%BB%D0%B0%D0%B3%D1%83-e49e5b822bcf
Medium
🏁 Final Form: Дорога к клетчатому флагу
Перевод статьи Erik Rasmussen: Final Form: The road to the checkered flag
Следующий уровень Accessibility: 5 способов, с помощью которых я сделал freeCodeCamp Guide более удобным для людей с ограниченными возможностями https://medium.freecodecamp.org/next-level-accessibility-freecodecamp-guide-7cbd6473eabd
freeCodeCamp.org
Next Level Accessibility: 5 ways I made the freeCodeCamp Guide more usable for people with disabilities
I spent the majority of Hacktoberfest 2017 working with some great folks over at freeCodeCamp. My focus was specifically on helping to…
Нейронная сеть, которая верстает сайты по картинке https://vc.ru/31732-neyronnaya-set-kotoraya-verstaet-sayty-po-kartinke
vc.ru
Нейронная сеть, которая верстает сайты по картинке — Будущее на vc.ru
Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
«Чипокалипсис»: Google подготовила обновление, закрывающее уязвимость Spectre в Android и Chrome, а Mozilla готовит соответствующий патч для Firefox https://itc.ua/news/chipokalipsis-google-podgotovila-obnovlenie-zakryivayushhee-uyazvimost-spectre-v-android-i-chrome-a-mozilla-gotovit-sootvetstvuyushhiy-patch-dlya-firefox/
ITC.ua
«Чипокалипсис»: Google подготовила обновление, закрывающее уязвимость Spectre в Android и Chrome, а Mozilla готовит соответствующий…
В сети продолжают появляться подробности о масштабной проблеме в безопасности, затрагивающей почти все устройства, в том числе смартфоны, выпущенные за последние 20 лет, которую западные СМИ уже окрестили Чипокалипсисом. Как известно, суть проблемы кроется…
Apple присоединилась к Google и Microsoft, чтобы усовершенствовать сжатие онлайн-видео https://tjournal.ru/64605-apple-prisoedinilas-k-google-i-microsoft-chtoby-usovershenstvovat-szhatie-onlayn-video
TJ
Apple присоединилась к Google и Microsoft, чтобы усовершенствовать сжатие онлайн-видео
Консорциум технологических компаний работает над новым видеокодеком.
Что такое бойлерплейт и зачем его использовать? Давайте взглянем на руководство по стилю кода https://medium.freecodecamp.org/whats-boilerplate-and-why-do-we-use-it-let-s-check-out-the-coding-style-guide-ac2b6c814ee7
freeCodeCamp.org
What is boilerplate and why do we use it? Necessity of coding style guide
In Information Technology, a boilerplate is a unit of writing that can be reused over and over without change. By extension, the idea is…
npmjs.com: Состояние JavaScript фреймворков, 2017 Часть 1: Front-End фреймворки , Часть 2: Экосистема React , Часть 3: Back-End фреймворки https://www.npmjs.com/npm/the-state-of-javascript-frameworks-2017-part-3-back-end-frameworks
«ALL YOUR HTML» #31: «Вёрстка простого макета и общение» https://www.youtube.com/watch?v=IJ5qDr7DWew
YouTube
#31 ALL YOUR HTML, Вёрстка простого макета и общение
Случился факап в начале, я поставил музыку пока решал, она под копирайтом, потому 10 минут удалил, сорри.
Репо с кодом: https://github.com/akella/jetro
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: http://cssing.org.ua/…
Репо с кодом: https://github.com/akella/jetro
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: http://cssing.org.ua/…
Ресурсоёмкий Node.js
При разработке веб-сервера на Node.js можно столкнуться с проблемой блокировки event цикла JavaScript при обработке тяжелых (длительных) операций. Из-за этого новые запросы долго ожидают обработки.
Для решения этой проблемы можно создавать дочерние процессы, которые не будут блокировать цикл событий родительского процесса.
Однако, каждый дочерний процесс кушает память. И это решение плохо масштабируется.
Другой вариант решения - настройка очереди и пула рабочих процессов.
О том как это сделать и зачем нам Kue и Redis, читайте в переводе цикла из 2 коротких статей "CPU Intensive Node.js" :
Часть 1 https://goo.gl/HuxxEc
Часть 2 https://goo.gl/72Pf4x
При разработке веб-сервера на Node.js можно столкнуться с проблемой блокировки event цикла JavaScript при обработке тяжелых (длительных) операций. Из-за этого новые запросы долго ожидают обработки.
Для решения этой проблемы можно создавать дочерние процессы, которые не будут блокировать цикл событий родительского процесса.
Однако, каждый дочерний процесс кушает память. И это решение плохо масштабируется.
Другой вариант решения - настройка очереди и пула рабочих процессов.
О том как это сделать и зачем нам Kue и Redis, читайте в переводе цикла из 2 коротких статей "CPU Intensive Node.js" :
Часть 1 https://goo.gl/HuxxEc
Часть 2 https://goo.gl/72Pf4x
Jem Space
Ресурсоемкий Node.js: часть 1
Мы изучаем проблемы и решения, связанные с запуском ресурсоемкого кода на Node.js в плане ЦПУ, в частности на веб-сервере. Однопоточный подход Node.js к запуску кода (кода, который вы пишете) может представлять проблему, если код тратит много ресурсов процессора.…
React PWA . Стартовый шаблон для PWA, с сервер-сайд рендерингом, встроенными SEO и техниками для достижения максимальной скорости UX https://www.reactpwa.com/
Reactpwa
ReactPWA · An extendable boilerplate built on top of PawJS
David Walsh присоединяется к команде разработчиков Mozilla DevTools https://davidwalsh.name/devtools
David Walsh Blog
Hello DevTools!
When I was a 17 year old noob, going to technical college in my home town, I was introduced to a browser called Firebird, which would later be renamed Firefox. I was immediately drawn to this new browser; Firebird was fresh, exuded excitement, but most of…
Ngx-kit — набор инструментов и генератор компонентов для Angular 5 https://dev.nvx.me/2018/001-ngx-kit-intro/
DEV.NVX.ME
Ngx-kit — набор инструментов и генератор компонентов для Angular 5
Персональный блог, где я пишу статьи по работе с Angular 2+ и вообще про веб-разработку.
Awesome Checklist Checklist: курируемый список чеклистов, посвященных веб-разработке и не только https://github.com/huyingjie/Checklist-Checklist
GitHub
GitHub - huyingjie/Checklist-Checklist: 🌈 A Curated List of Checklists ✔︎✔︎
🌈 A Curated List of Checklists ✔︎✔︎. Contribute to huyingjie/Checklist-Checklist development by creating an account on GitHub.
#вакансия #москва #frontend #JS #javascript
Frontend developer
Москва, м. Тульская
Формат: офис, fulltime
З/п: 60-120 т.р. net
Описание:
В 2018 году "Чемпионат" будет всесторонне освещать важнейшие спортивные события мира, включая Чемпионат мира по футболу и Олимпийские игры.
В связи с этим ищем кандидатов на вакансии Junior и Middle frontend developers.
– HTML5+CSS3, опыт разработки для мобильных устройств
– Уверенное знание нативного JS
– Понимание модульной архитектуры
Junior frontend developer
Подробнее тут: https://goo.gl/UKWfbo
Middle frontend developer
Подробнее тут: https://goo.gl/CL3Q7L
Компания: Championat.com
Резюме @little_gary или на почту: m.sotnikova@rambler-co.ru
Frontend developer
Москва, м. Тульская
Формат: офис, fulltime
З/п: 60-120 т.р. net
Описание:
В 2018 году "Чемпионат" будет всесторонне освещать важнейшие спортивные события мира, включая Чемпионат мира по футболу и Олимпийские игры.
В связи с этим ищем кандидатов на вакансии Junior и Middle frontend developers.
– HTML5+CSS3, опыт разработки для мобильных устройств
– Уверенное знание нативного JS
– Понимание модульной архитектуры
Junior frontend developer
Подробнее тут: https://goo.gl/UKWfbo
Middle frontend developer
Подробнее тут: https://goo.gl/CL3Q7L
Компания: Championat.com
Резюме @little_gary или на почту: m.sotnikova@rambler-co.ru
Google Docs
Junior frontend developer
Junior frontend developer Чем предстоит заниматься? - Разработка клиентской части проекта (desktop/mobile) - Поддержка и оптимизация существующего кода - Разработка мультимедийных или информационных спецпроектов - Следование стандартам разработки, принятым…
UC Browser занимает 16% на глобальном рынке и доминирует в некоторых странах Азии https://itc.ua/news/uc-browser-zanimaet-16-na-globalnom-ryinke-i-dominiruet-v-nekotoryih-stranah-azii/
ITC.ua
UC Browser занимает 16% на глобальном рынке и доминирует в некоторых странах Азии
Малоизвестный в наших широтах мобильный браузер UC Browser является достаточно популярным в странах Азии. В Индии, Индонезии и некоторых других странах им активно пользуются сотни миллионов человек. Некоторые пользователи уверяют, что UC Browser является…