The digest of fresh materials from the world of the front-end for the last week No. 279 (September 4 - 10, 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
• Podcast "Web Standards" # 84: New Safari and Chrome, Firefox compatibility, Yarn 1.0, how to break grids and why not need resets.
• Podcast “Frontend Weekend” # 18 - Travel to Minsk and discuss reports on CSS-Minsk-JS
• Podcast “Five Minutes React” # 34: Moscow Frontend Conference 2017 and BEM React Core
• Podcast “devschacht”: Night Frontend # 3
• Podcast “Frontend Youth (18+)” # 18 How Lyokha didn’t get on Booking: Procrastination, interview on Booking, Private data of ES6 classes, async_hooks
• Podcast “Drinkcast”, Issue # 7 - “All front- endors get to St. Petersburg”
• .getInstance:“Promises in JavaScript”
• Video reports from the ChernivtsiJS # 3 conference , held on June 10, 2017
• Fresh release of the Supercharged show about the new Font-Display property, which improves the speed of loading web fonts
• Fresh release of the Totally Tooling Tips show about tool lighthouse
• confs.tech - a site where you can see upcoming international conferences on the front end
• Virtual reality guide for web developers
• About the features and organization of the front end on HealthCare.gov
• Examples of what I do every day as a front end developer . Developer blog from IoT company
• How to choose a framework for car2go car sharing service
• Lazy asynchronous rasterization of SVG . Jake Archibald shows how to rasterize SVG with createImageBitmap
• Weekly selection of beautiful effects on CSS / SVG / JS # 52
• Reduced properties . Why set a picture via background-image if you can just write background?
• A collection of tips for organizing interfaces from Steve Schoger, in HTML and CSS
• An online generator of the Critical Path CSS
• Zen is easy to write CSS . A note from Rich Harris, where he talks about how the biggest CSS problems can be solved without CSS-in-JS
• 8 Mistakes in Learning JavaScript - Web Developer Blog Video
• JavaScript and SEO: Does Google Crawl JavaScript?
• [[] [[]] + []] [+ []] [++ [+ []] [+ []]] - this is “n” in JavaScript
• 7 tips for handling “undefined” in JavaScript
• Basic a set of JavaScript algorithms: for beginners
• Javascript: a curious case with Null> = 0
• An ironic story about the leadership of each JavaScript framework written more than 5 minutes ago
• How I convinced our technical director to switch from CoffeeScript to ES6
• React vs Angular: a detailed comparison
• The release of the Chrome 61 web browser
• 9 things you didn't know about in Firefox Dev Tools
• An overview of all the Chrome DevTools developer tools
• How to debug JavaScript using Chrome DevTools
• In Chrome 63, there will be a means of informing about attempts to intercept HTTPS
• Opera creator blamed Google hindering Opera and Vivaldi
• Matt Mullenweg described the problems associated with Gutenberg and confirmed that the new editor will appear in WordPress 5.0
• The company-owner Trello and Jira launched the corporate messenger Stride
• Facebook launched the service for meeting friends in the spirit of Badoo and Tinder
• Cryptocurrency: current status and development prospects
• Mentoring in IT: what to do if you were assigned a junior
• How to protect a web application: basic tips, tools, useful links
• How Google secretly finances academic research. For Your Own Benefit
• For heaven’s sake, write on the main site what your company does.
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Podcast "Web Standards" # 84: New Safari and Chrome, Firefox compatibility, Yarn 1.0, how to break grids and why not need resets.
• Podcast “Frontend Weekend” # 18 - Travel to Minsk and discuss reports on CSS-Minsk-JS
• Podcast “Five Minutes React” # 34: Moscow Frontend Conference 2017 and BEM React Core
• Podcast “devschacht”: Night Frontend # 3
• Podcast “Frontend Youth (18+)” # 18 How Lyokha didn’t get on Booking: Procrastination, interview on Booking, Private data of ES6 classes, async_hooks
• Podcast “Drinkcast”, Issue # 7 - “All front- endors get to St. Petersburg”
• .getInstance:“Promises in JavaScript”
• Video reports from the ChernivtsiJS # 3 conference , held on June 10, 2017
• Fresh release of the Supercharged show about the new Font-Display property, which improves the speed of loading web fonts
• Fresh release of the Totally Tooling Tips show about tool lighthouse
Web development
• confs.tech - a site where you can see upcoming international conferences on the front end
• Virtual reality guide for web developers
• About the features and organization of the front end on HealthCare.gov
• Examples of what I do every day as a front end developer . Developer blog from IoT company
• How to choose a framework for car2go car sharing service
• Lazy asynchronous rasterization of SVG . Jake Archibald shows how to rasterize SVG with createImageBitmap
• Weekly selection of beautiful effects on CSS / SVG / JS # 52
- AMP / PWA:
• Google has officially added AMP-based quick answers to mobile SERPs
• The latest amphtml blog article on how AMP can speed up e-commerce sites
• Why and how Google AMP was implemented on Condé Nast
• Implementing the “Application” in Progressive Web applications
- Tools:
• Announcement of Yarn 1.0
• It's OK not to use Yarn
• The wonderful world of Webpack
• RESTool - an open source UI tool for managing RESTful APIs
CSS
• Reduced properties . Why set a picture via background-image if you can just write background?
• A collection of tips for organizing interfaces from Steve Schoger, in HTML and CSS
• An online generator of the Critical Path CSS
• Zen is easy to write CSS . A note from Rich Harris, where he talks about how the biggest CSS problems can be solved without CSS-in-JS
- Page structure:
• What can break a grid layout (CSS Grid Layout)
• Two ways to break CSS Grid and how to fix it
• Create a Trello structure using CSS Grid and Flexbox
• Video showing how to use Feature Queries and Grid Layout
• Basic grid layout with fallback using feature queries
• CSS Grid contest: create a layout and win prizes from SmashingMagazine! )
Javascript
• 8 Mistakes in Learning JavaScript - Web Developer Blog Video
• JavaScript and SEO: Does Google Crawl JavaScript?
• [[] [[]] + []] [+ []] [++ [+ []] [+ []]] - this is “n” in JavaScript
• 7 tips for handling “undefined” in JavaScript
• Basic a set of JavaScript algorithms: for beginners
• Javascript: a curious case with Null> = 0
• An ironic story about the leadership of each JavaScript framework written more than 5 minutes ago
• How I convinced our technical director to switch from CoffeeScript to ES6
• React vs Angular: a detailed comparison
- Theory:
• How JS works: an overview of the engine, runtime mechanisms, call stacks
• How JS works: about the V8 internal device and code optimization
• ES6, ES8, ES2017: what ECMAScript is and how it differs from JavaScript
• Deep immersion in JavaScript arrays - evolution and performance
- VueJS:
• How to host a Vue-app on Heroku
• Ready-for-production web applications with vue-pwa-boilerplate (Jeff Posnick on VueNYC)
• Vue.Js Vs. Jquery: use cases and comparison with examples
• 3 code separation templates for VueJS and Webpack
- React:
• react-imgpro — компонент процессинга изображений для React
• Вам может понадобиться React, но не вся экосистема
• Firebase + React: оптимизация для реального мира
- Angular:
• Как я перестал любить Angular
• Существенное различие между pure и impure pipes в Angular и почему это имеет значение
• Существенное различие между Constructor и ngOnInit в Angular
- Libs & Plugins:
• webworker-promise — Учим webworkers хорошим манерам
• Size Limit: делаем веб легче. Злые Марсиане представляют инструмент, который предотвратит ваши JS библиотеки от разбухания, отслеживая зависимости и полифилы
• Rythm.js — JS библиотека, которая заставляет компоненты на странице ритмично танцевать
• LookForward.js — небольшая библиотека, помогающая создавать плавные переходы между страницами
• Захват потока с MediaRecorder
Браузеры
• The release of the Chrome 61 web browser
• 9 things you didn't know about in Firefox Dev Tools
• An overview of all the Chrome DevTools developer tools
• How to debug JavaScript using Chrome DevTools
• In Chrome 63, there will be a means of informing about attempts to intercept HTTPS
• Opera creator blamed Google hindering Opera and Vivaldi
Entertaining
• Matt Mullenweg described the problems associated with Gutenberg and confirmed that the new editor will appear in WordPress 5.0
• The company-owner Trello and Jira launched the corporate messenger Stride
• Facebook launched the service for meeting friends in the spirit of Badoo and Tinder
• Cryptocurrency: current status and development prospects
• Mentoring in IT: what to do if you were assigned a junior
• How to protect a web application: basic tips, tools, useful links
• How Google secretly finances academic research. For Your Own Benefit
• For heaven’s sake, write on the main site what your company does.
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