May 5, 2019 at 23:09The digest of fresh materials from the world of the front-end for the last week No. 363 (April 29 - May 5, 2019)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast “Web Standards” , 174. Chrome 75, Specter, slot, Svelte and Parcel, download fonts, indie open-source
•Podcast “Frontend Youth (18+)” : # 91 Black hole frontend
•
TDD: a development methodology that has changed my life
•
Creating web components for different contexts
•A practical guide to SVG and design tools
•A billion ways to display SVG
•Simplest ways to handle HTML Includes
•How to set up facial verification in a simple way using HTML5 + JavaScript
•Immersion in the display property
•Many ways to create breadcrumbs in the style of triangular ribbons
•Implement mocap: create CSS layouts step by step
•Create rounded triangles in CSS using clip-path
•Create an adaptive layout with a grid without media queries using CSS Grid
•Combining CSS Grid with Bootstrap Grid
•Revising prefers-reduced-motion, media query to limit animations on the web
• Debugging and fixing common errors in JavaScript
•New releases: Babylon.js 4.0 , Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10
•Many ways to enter data in graphs
•Create a new one facebook.com with React, GraphQL and Relay
•Introduction to cryptography for JS developers
•Optimizing JS application performance using Web Workers
• Users and developers suspected Google of deliberate crashes in the browsers of Microsoft, Yandex and Mozilla
• YouTube had a conspiracy to eliminate Internet Explorer 6, but the administration of the service did not know about it
•Today, many popular add-ons for Firefox stopped working due to problems with a certificate
•Brave browser implements an advertising platform based on user rewards
• A ban on code obfuscation is introduced in the Firefox add-ons catalog
•Release notes for Safari Technology Preview 81
• In short: what Facebook announced at the F8 conference
• Google will deal with the destruction of SEO myths in a new video series
• Facebook has opened the implementation of F14 hash tables
• WPCampus Gutenberg audit revealed “significant and deep problems with accessibility”
• Apache Foundation transferred its Git repositories on GitHub
• Full Stack Confession . Profession, religion, dreams
• What programming languages should not be studied in 2019
• Documentation as a code: six principles of programming that will help to create documents that everyone understands
Last week's digest .
Material prepared dersmoll and alekskorovin .
Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast “Web Standards” , 174. Chrome 75, Specter, slot, Svelte and Parcel, download fonts, indie open-source •
Podcast “Frontend Youth (18+)” : # 91 Black hole frontend
Web development
•
TDD: a development methodology that has changed my life•
Creating web components for different contexts•
A practical guide to SVG and design tools•
A billion ways to display SVG•
Simplest ways to handle HTML Includes•
How to set up facial verification in a simple way using HTML5 + JavaScript- Performance:
•AMP in WordPress, optimal use cases
•AMP news review: AMP as a service, signed exchanges, Bento, CSS tree shaking
•Improving The Telegraph performance by optimizing third-party resources
- Tools:
•packtracker.io - webpack bundle analyzer for every commit
•How to configure the debugger for Chrome extension in Visual Studio Code
CSS
•
Immersion in the display property•
Many ways to create breadcrumbs in the style of triangular ribbons•
Implement mocap: create CSS layouts step by step•
Create rounded triangles in CSS using clip-path•
Create an adaptive layout with a grid without media queries using CSS Grid•
Combining CSS Grid with Bootstrap Grid•
Revising prefers-reduced-motion, media query to limit animations on the web
Javascript
• Debugging and fixing common errors in JavaScript
•
New releases: Babylon.js 4.0 , Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10 •
Many ways to enter data in graphs•
Create a new one facebook.com with React, GraphQL and Relay•
Introduction to cryptography for JS developers•
Optimizing JS application performance using Web Workers- NodeJS:
•What's new in Node 12
•Simple automation of npm publications
•dotenv: loads environment variables from .env for nodejs projects
•4 solutions for running multiple Node.js or NPM commands at once
- Theory:
•JavaScript: 7 useful little things
•Introduction to JavaScript async & await
•Deep understanding of Async & Await JavaScript with examples
•Introduction to Javascript for experienced programmers who are fluent in the basics
•Javascript Array.push is 945x times faster than Array.concat
VueJS:
•Making the transition from jQuery to Vue
•Testing your Vue application with Jest and Travis CI
•Custom build modes with Vue CLI 3
•Apollo state management in Vue applications
•Understanding mixins in Vue JS
•Error handling in Vue.js
•Step-by-step reactivity implementation parsing in Vue
React:
• Тестируем React в 2019
•Как определить и решить проблемы с потерянными рендерами в React
•Пять вещей, которых вы не знали о React DevTools
•create-react-app v3, что нового?
•Загрузка страниц в React со скелетон-плейсхолдерами
•React: JSX и рендеринг
Angular:
•Angular умирает из-за React?
•Разбираемся с модулями в Angular
•Angular: постоянные проблемы, с которыми я сталкиваюсь как фронтенд-консультант
•Что такое Angular Console и почему вы должны о ней знать
•Тестирование и эмуляция зависимостей в Angular
- Libs & Plugins:
•shimport: используй JavaScript модули c динамическими импортами включительно, во всех браузерах
•jquery-csv: релиз плагина на jQuery для парсинга CSV
•aria-progress-range-slider: полностью доступный, легковесный progress bar/range слайдер
Браузеры
• Users and developers suspected Google of deliberate crashes in the browsers of Microsoft, Yandex and Mozilla
• YouTube had a conspiracy to eliminate Internet Explorer 6, but the administration of the service did not know about it
•
Today, many popular add-ons for Firefox stopped working due to problems with a certificate•
Brave browser implements an advertising platform based on user rewards• A ban on code obfuscation is introduced in the Firefox add-ons catalog
•
Release notes for Safari Technology Preview 81
Entertaining
• In short: what Facebook announced at the F8 conference
• Google will deal with the destruction of SEO myths in a new video series
• Facebook has opened the implementation of F14 hash tables
• WPCampus Gutenberg audit revealed “significant and deep problems with accessibility”
• Apache Foundation transferred its Git repositories on GitHub
• Full Stack Confession . Profession, religion, dreams
• What programming languages should not be studied in 2019
• Documentation as a code: six principles of programming that will help to create documents that everyone understands
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.
Last week's digest .
Material prepared dersmoll and alekskorovin .