The digest of fresh materials from the world of the frontend for the last week №346 (January 1 - 6, 2019)
We offer you a selection with links to new materials from the front-end area and around it.
Media | Web Development | CSS | Javascript | Entertaining
•
Web Standards Podcast, Issue # 155: Patreon's Successes, a11y, and Responsibility for UX, SVG Filters, Screencasts, and Class Fields from ES Mono-Compositories.
•
Web Standards Podcast, Issue # 154: Recognition of the podcast, our Patreon, Christmas tree decorations, safety, Edge, JS neurons, frontend in Italy, why not know normally, Korean heart and champagne splashes.
•
Devshakhta Podcast: # 63: New Year release . In the role of the guest - Vadim Makeev
• John Muller on the creation of AMP-only sites
• The best static site generators for React in 2019
•
How much does the creation of sites cost in 2019?
•
Static Site Boilerplate : tools for creating modern static sites - automated build, local development server, minimization and optimization, as well as the latest standards for static web sites
•
Learn how to use JSON Web Tokens (JWT) for authentication
•
PageSpeed Module: significant increase the speed of your site automatically
•
How to create snippets for VS Code
• 4 CSS chips for every day
•
How to learn CSS
•
CSS Grid for designers . How New Technology Changes Web Layouts
•
A Simple Guide to CSS Animations
•
Fast CSS Auditing and General Notes on Design Systems
•
Background Gradient on Multiline Text
•
JavaScript finger throttle implementation - screencast
•
Y-combinator in JavaScript
• What are the dangerous third-party Node.js modules
•
Top frameworks and JavaScript areas to study in 2019
•
Study modern JavaScript in ten simple ways
•
Background synchronization with Service Workers
•
AI in JavaScript with TensorFlow.js
• SEO-results of 2018: quality of the site, discrimination of organics and spiders in the bank
• The most important events of 2018
• Stable release of Otter 1.0 web browser with Opera 12 style interface
• Amazon Empire - a list of all divisions of the online giant
• 8K, VR and holograms: what will the television of tomorrow be?
• Net Applications: in December 2018, Windows 10 outperformed Windows 7 in terms of desktop OS market share
• MIT: in 2019, the blockchain will become “boring”
• Shareholders results: how the cost of the largest IT companies in the world changed in 2018
•Why 2018 was the worst for Mark Zuckerberg and what it means for the free Internet
• Video: how Microsoft saw technology 2019 in 2009
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Entertaining
Media
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Web development
• John Muller on the creation of AMP-only sites
• The best static site generators for React in 2019
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Accessibility:
• Inclusive components: switches . Haydon Pickering's Toggle Buttons Translation
•Beyoncé's Parkwood Entertainment was sued for (in) availability of the website
•Accessibility - Network Status . Interview with Nektarios Paisios from Chrome Accessibility team
- Spectacular Web:
•A tool to create SVG-filters with a Gradient Map
•HTML5 SVG-animation on CSS3 and vanilla JavaScript
•Most liked work on CodePen in 2018
•New Year's composition using three.js
•Playing Crossy Road on three.js
CSS
• 4 CSS chips for every day
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Javascript
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
• What are the dangerous third-party Node.js modules
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Theory:
•Course of lectures on JavaScript and Node.js in KPI
•How to work with async / await in JavaScript cycles
• A brief history of JavaScript. Part 1 , Part 2
•When to use var vs let vs const in JavaScript
•ES6 features you should know
•Chronicles of JavaScript objects
VueJS:
• The state of JavaScript in 2018: a review of Vue.js
• What you will be asked at the vue.js interview in 2019
•Seven reasons to study Vue.js in 2019
• Awebsite with a blog and a portfolio using Vue.js + Nuxt + Markdown
•Store and use the last known route in the Vue
•Best practices Vue.js . Selection of the best practices and style-guides
•Hooper: customizable carousel for applications on Vue
•D3.js and Vue.JS
React:
• Next.js for beginners, with basic knowledge of React
•Use React.lazy and Suspense to separate the code of your application
•3 basic tools for improving your application's SEO on React
•Universal Webpack configurations for React applications
•Recursive paths with React Router
Angular:
•Creating a reusable akordion-component that can work anywhere
•Creating your own Angular CLI Schematic with Nx
•Progressive web application using Angular and Google API
- Libs & Plugins:
•FBT - Facebook framework for internationalizing user interfaces
•Readlint - lint all code examples in your README documentation using common configs
•omniclone - isomorphic and customizable utility for deep copying of objects
Entertaining
• SEO-results of 2018: quality of the site, discrimination of organics and spiders in the bank
• The most important events of 2018
• Stable release of Otter 1.0 web browser with Opera 12 style interface
• Amazon Empire - a list of all divisions of the online giant
• 8K, VR and holograms: what will the television of tomorrow be?
• Net Applications: in December 2018, Windows 10 outperformed Windows 7 in terms of desktop OS market share
• MIT: in 2019, the blockchain will become “boring”
• Shareholders results: how the cost of the largest IT companies in the world changed in 2018
•Why 2018 was the worst for Mark Zuckerberg and what it means for the free Internet
• Video: how Microsoft saw technology 2019 in 2009
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
Digest from last week .
Material prepared dersmoll and alekskorovin .