The digest of fresh materials from the world of the frontend for the last week №335 (October 15 - 21, 2018)
We offer you a selection with links to new materials from the front-end area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Web Standards podcast, Release # 142: Safari and Edge, performance budget, new HTML tags, Kiev community, who are Kotans ?, Release # 143: Chrome 70 and WebKit 2019, proportional tires, GitHub Actions, Adobe Fonts, ES6 weaknesses, frontend in Odessa.
•Frontend Weekend podcast # 75 - Nikita Dubko on how to rapidly pump his career as a frontend developer for a year
•CSSSR podcast News 512 - Issue 25 (15.10 - 21.10)
•Frontend Youth (18+) podcast # 69 Java doesn’t keep up with JavaScript , # 68 Granny became Olympic champion in frontend
• Google completely abandoned the ajax scanning scheme
•
History of front-end frameworks
•How does front-end debt grow?
•Smart banding: how to give out obsolete code to old browsers
•Wonderful world of browser performance - how to be productive
•
Examples of use Flexbox
•the CSS: interesting opportunities border-RADIUS
• The property appearance and standardization of forms Elements of Style: A New Hope
•Rhythm in web typography
•Negative line grids
•Using the definition of the functions, conventions and group selectors
•Styling unit with speakers in Gutenberg
•CSS Layout Handbook on MDN
•TypeScript magic school: generics and extension types
• John Muller advises optimizers to learn JavaScript
• 0-day bug in popular jQuery plugin has been exploited for at least several years
•33 concepts every JavaScript developer should know
•Testing Javascript - find out the most effective way to test any JavaScript applications
•JS Party podcast - Episode # 48: Foundation foundations (live at Node + JS Interactive)
•Chrome 70 supports [feature list] and AV1 - why is support for this codec so important?
• Chrome 70 came out with the ability to disable the notorious auto-authorization feature and support PWA applications on Windows
• Upgrade TLS connections in Microsoft Edge and Internet Explorer 11
• Firefox, Chrome, Edge and Safari will stop supporting TLS 1.0 and TLS 1.1
• Mozilla is experimenting with the addition of paid VPN in Firefox
• Signs of "Opera". Jon von Techner on the ideology of the browser Vivaldi
• Twenty Nineteen: first look at the new default theme in WordPress
• Atlassian released a completely redesigned Jira Software
• Google added integration of some of the features of Dropbox, Box, Jira and Egnyte services in Gmail
• Adobe Max 2018 and new design tools
• “Dirty googies Google+”: confession of a former project employee who hated Google
• The new Winamp will be unveiled in 2019
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Web Standards podcast, Release # 142: Safari and Edge, performance budget, new HTML tags, Kiev community, who are Kotans ?, Release # 143: Chrome 70 and WebKit 2019, proportional tires, GitHub Actions, Adobe Fonts, ES6 weaknesses, frontend in Odessa. •
Frontend Weekend podcast # 75 - Nikita Dubko on how to rapidly pump his career as a frontend developer for a year•
CSSSR podcast News 512 - Issue 25 (15.10 - 21.10)•
Frontend Youth (18+) podcast # 69 Java doesn’t keep up with JavaScript , # 68 Granny became Olympic champion in frontend
Web development
• Google completely abandoned the ajax scanning scheme
•
History of front-end frameworks•
How does front-end debt grow? •
Smart banding: how to give out obsolete code to old browsers•
Wonderful world of browser performance - how to be productive- Tools:
•GitHub announced its own CI / CD and started distributing invites
• We are pumping debugging skills using the Chrome developer tools (part 1)
•Typekit is now Adobe Fonts
- Animation:
•How Facebook 3D Photos works
•Hovering effect in the form of full-screen looped images
•SVG Marching Ants - the effect of running along the border of points
• Experiments with SVG Menu with viewBox Zoom
CSS
•
Examples of use Flexbox•
the CSS: interesting opportunities border-RADIUS• The property appearance and standardization of forms Elements of Style: A New Hope
•
Rhythm in web typography•
Negative line grids•
Using the definition of the functions, conventions and group selectors•
Styling unit with speakers in Gutenberg•
CSS Layout Handbook on MDN
Javascript
•
TypeScript magic school: generics and extension types• John Muller advises optimizers to learn JavaScript
• 0-day bug in popular jQuery plugin has been exploited for at least several years
•
33 concepts every JavaScript developer should know•
Testing Javascript - find out the most effective way to test any JavaScript applications •
JS Party podcast - Episode # 48: Foundation foundations (live at Node + JS Interactive)- Theory:
•JavaScript timers: all you need to know
•A complete guide to execution contexts, ascent, scope, and closures in JavaScript
•Promise cheat sheet and async / await
•Understanding currying in JS
•Understanding design patterns in JavaScript
VueJS:
•How to study Vue.js in 2018
•Vue ecosystem grows ... Just like it did with React
•Advanced Vue debugging: a detective story
•gridsome - Vue framework for static sites on Vue.js & GraphQL
•How to import Sass file in any component of the Vue application
•Lazy Loading Images with Vue.js and Intersection Observer directives
•Kanban board on Vue.js: adding the PWA function
React:
•Redux architecture. Yes or no?
• How to become a React developer in 2018
•Interviewing the position of a React developer from a recruiter's point of view
•Final styled-components v4 release
•Styled components V4: good, bad, and something completely different
•How to apply SOLID principles to React applications
•Creating 100% Type-safe React applications on vanilla JavaScript
•Profiling React components with User Timing API
•React Podcast 25: Make Brilliant Messes with Diana Mounter and Emily Plummer
Angular:
• Angular platform update to version 7.0 released
•Angular version 7 - CLI Prompts, Virtual Scroll, Drag and Drop and much more
•Would you like to learn Angular? Here is a 33-part free Dan Wahlin course
•Creating PWA-optimized for Angular - Part 2 search engines
•Key findings after AngularMix 2018
•Everything about Angular Bindings
•Professional publishing of Angular libraries
•How to migrate from angular 6 to 7
•
Virtual Scroll with Angular CDK - what's new in v7
- Libs & Plugins:
•5 open-source HTML5 video players for 2018
•omi: a new generation web framework of just 4kb JavaScript (Web components + JSX + Proxy + Store + update paths)
•Tea-School.js - generate a PDF file from HTML / CSS at Node.js
•Colorblindly is an accessibility tool that helps developers understand how their color-blind website sees them.
Browsers
•
Chrome 70 supports [feature list] and AV1 - why is support for this codec so important? • Chrome 70 came out with the ability to disable the notorious auto-authorization feature and support PWA applications on Windows
• Upgrade TLS connections in Microsoft Edge and Internet Explorer 11
• Firefox, Chrome, Edge and Safari will stop supporting TLS 1.0 and TLS 1.1
• Mozilla is experimenting with the addition of paid VPN in Firefox
• Signs of "Opera". Jon von Techner on the ideology of the browser Vivaldi
Entertaining
• Twenty Nineteen: first look at the new default theme in WordPress
• Atlassian released a completely redesigned Jira Software
• Google added integration of some of the features of Dropbox, Box, Jira and Egnyte services in Gmail
• Adobe Max 2018 and new design tools
• “Dirty googies Google+”: confession of a former project employee who hated Google
• The new Winamp will be unveiled in 2019
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 .