October 15, 2017 at 22:52The digest of fresh materials from the world of the front-end for the last week No. 284 (October 9 - 15, 2017)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Frontend Weekend podcast # 23 - Vyacheslav Slinko about opening his web studio and frontend development guide
•Web Standards podcast, Issue No. 90: Quiet browsers, Github numbers, downloading pictures, (un) needed books, war CSS, Slack redesign, special issues.
•Podcast “devschacht”: Night Frontend # 7 - REST vs GraphQL
•Podcast “Frontend Youth (18+)”: # 22 Body positive for the impostor
•Podcast “Drinkcast”, Issue # 12: “The Hitchhiker's Guide to the Galaxy with Andrei Sitnik”
•
““ ALL YOUR HTML ”# 18: “ intersectionObserver and SVG animation masks ”
•25 videos from Front-Trends 2017
•9 videos from NEJS CONF 2017
•
Progressive degradation . How to understand the principle of progressive improvement?
• Errors and contentious issues in HTML-CSS layout . Part 2: markup
•
HTML5 Boilerplate 6.0 release
•Using CodePen can improve your frontend development process
•Filtering images using the Web Audio API . Experiments with arrays of audio and video content
•Slack.com update : redesign with CSS Grid, optimized for performance and availability
•FOIT vs FOUT, an interactive comparison from Zach Leatherman
•How to effectively use Warnings and Errors in Sass
•Overview of the new reset from Bootstrap 4: Reboot.css
•How to write beautiful Sass code
•Effects that can be applied to an image using CSS
•5 of the most annoying things in CSS . CSS is cool, right?
• Thetrap of using @supports in letters
• GitLab received $ 20 million investment in Series C, Matt Mullenweg joined the board of directors
• How Yandex created Alice
• Microsoft recognized the slow death of Windows 10 Mobile
• VKontakte is 11 years old! Recall how the social network has changed
• Facebook is eavesdropping on you and then slipping an ad. Myths and legends about the largest social network on the planet
• Gutenberg, Theseus ship
• Microsoft will teach children and teenagers programming using Minecraft
• Google’s chief cloud specialist: “Cars need to gain an understanding of the context”
• How Satya Nadella created the new Microsoft
•Facebook Internship Interview: Inside Process, Preparation Tips
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Frontend Weekend podcast # 23 - Vyacheslav Slinko about opening his web studio and frontend development guide•
Web Standards podcast, Issue No. 90: Quiet browsers, Github numbers, downloading pictures, (un) needed books, war CSS, Slack redesign, special issues. •
Podcast “devschacht”: Night Frontend # 7 - REST vs GraphQL•
Podcast “Frontend Youth (18+)”: # 22 Body positive for the impostor•
Podcast “Drinkcast”, Issue # 12: “The Hitchhiker's Guide to the Galaxy with Andrei Sitnik”•
““ ALL YOUR HTML ”# 18: “ intersectionObserver and SVG animation masks ”•
25 videos from Front-Trends 2017•
9 videos from NEJS CONF 2017
Web development
•
Progressive degradation . How to understand the principle of progressive improvement? • Errors and contentious issues in HTML-CSS layout . Part 2: markup
•
HTML5 Boilerplate 6.0 release•
Using CodePen can improve your frontend development process•
Filtering images using the Web Audio API . Experiments with arrays of audio and video content- AMP / PWA:
•
Google has come up with a simpler name for AMP format
•Quick start of working on amp pages with new AMP Start templates
•
6 myths about Progressive Web Applications (PWA)
- Tools:
• WordPress developers changed Browserify to Webpack for the build process
•Treo - a new tool for site audit, with Lighthouse in the cloud, API, Github & Slack integration and a bunch of settings
•What's new in DevTools (Chrome 63)
- Accessibility:
•Usability and Accessibility. New in WCAG 2.1 and 10 usability heuristics by Jacob Nielsen
•A Practical Guide to Improving Web Accessibility
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 57
•We write smarter animation code : GSAP and GSDevTools
•Slider with liquid distortion effects (WebGL + PixiJS and GSAP)
CSS
•
Slack.com update : redesign with CSS Grid, optimized for performance and availability •
FOIT vs FOUT, an interactive comparison from Zach Leatherman•
How to effectively use Warnings and Errors in Sass•
Overview of the new reset from Bootstrap 4: Reboot.css•
How to write beautiful Sass code•
Effects that can be applied to an image using CSS•
5 of the most annoying things in CSS . CSS is cool, right? • The
trap of using @supports in letters- Experiments:
•Pastel tentacles using CSS variables from Ana Tudor
•Connect 4 in pure CSS
•You can go quite far in creating a slider in HTML and CSS only
•Creating a gallery of images in CSS (with a fallback)
Javascript
- Theory:
•Taking advantage of TypeScript in JavaScript development
• Strict JavaScript: why and who needs it
• Understanding asynchronous programming
•JavaScript got better while I didn't follow it . A small retrospective and overview of recent features
- Practice:
•Challenge: writing a javascript program without variables
•Implementing Service Worker for SPA on WordPress
•Best debugging of code with conditional breakpoints
•How I (not) use jQuery
- ES2015+:
•JavaScript ES8 и переход на async / await
•Введение в часто используемые особенности ES6. Часть 1
• Асинхронные стектрейсы: почему await побеждает .then()
•«Exploring ES2016 and ES2017» онлайн-книга от Dr. Axel Rauschmayer
•ES6 для начинающих: Промисы
•Утечки памяти при использовании JavaScript Promise
•Новейшая версия JavaScript имеет только две новые функции. И вот, как они работают
•Как вы можете использовать стрелочные функции ES6 для облегчения чтения вашего JavaScript кода
•Как работает JS: циклы событий и восход асинхронного программирования плюс пять способов улучшения кода с async/await
VueJS:
•Релиз Vue 2.5
•Почему и как мы мигрировали с AngularJS на VueJS
•Веб-разработка с VueJS чертовски забавна
•Руководство по Vue.js: от jQuery до Vue.js
•Offline First Masonry Grid на Vue
React:
•React, встроенные функции и производительность
•Настройка Webpack, Babel и React с нуля
•Шаблоны React, о которых вы должны знать
•Ring UI — веб-UI компоненты для React от JetBrains
•Основы Redux
•
React-Sight — инструмент визуализации для React, с поддержкой Fiber, Router (v4) и Redux
Angular:
• Все команды Angular CLI и их назначение
• Начало работы с Angular
•Улучшаем производительность с новой опцией updateOn в Angular v5
- Libs & Plugins:
•Интересные JavaScript библиотеки созданные в Китае
•Taucharts One — высокопроизводительные графики с временными отрезками
•ProseMirror 1.0 — движок для создания WYSIWYG редакторов
•smooth-scrollbar — настраиваемые, расширяемые и производительные полосы прокруток
Занимательное
• GitLab received $ 20 million investment in Series C, Matt Mullenweg joined the board of directors
• How Yandex created Alice
• Microsoft recognized the slow death of Windows 10 Mobile
• VKontakte is 11 years old! Recall how the social network has changed
• Facebook is eavesdropping on you and then slipping an ad. Myths and legends about the largest social network on the planet
• Gutenberg, Theseus ship
• Microsoft will teach children and teenagers programming using Minecraft
• Google’s chief cloud specialist: “Cars need to gain an understanding of the context”
• How Satya Nadella created the new Microsoft
•Facebook Internship Interview: Inside Process, Preparation Tips
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
← Digest last week
Material prepared dersmoll and alekskorovin