The digest of fresh materials from the world of the frontend for the last week №299 (January 22 - 28, 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

---

Media

• Podcast "Five Minutes Angular» # 8 - Retrospection, AngularKiev, RxJs lettable operators, Ng 5.2 / 6.0
• Podcast "Frontend Weekend" # 37 - Zakhar Day on how and where to learn coding
• Podcast "Web Standards" Release №105: New browsers, Bootstrap 4, WebStorm and CSS, BEM for beginners, unnecessary attribute title, expressions from the container, Web standards on Liters, world peace.
• Podcast "Frontend Youth (18+)": # 35 Web standards at maximum speed
• Devschacht podcast: Night frontend # 19 - Promises and timeouts, immutable.js
• ALL YOUR HTML # 33: “Animation of oblique backgrounds on PIXI.js and clip: rect”
• 3 videos from MinskJS Meetup # 3 (January 25, 2018)

Web development

• What we have learned by making applications with Web Components
• You have learned the basics of JavaScript. But what next?
• Mental illness in the web industry
• Part 2: How to stop me from collecting credit card numbers from your sites
• Interactive Emails with SVG and SMIL
• Gradient Topography Animation
')

• AMP / PWA:
  • PWAs comes to iOS 11.3: Cupertino, we have a problem
  • Will AMP improve your ratings? How to organize AMP testing
  • New examples of successful use of AMP
  • Form Processing on AMP Pages with Amazon API Gateway and AWS Lambda
  

• Instruments:
  • Parcel v1.5.0 release: Source Maps, WebAssembly, Rust and more
  • Release webpack 4 beta - try it today!
  • webpack 2017: an overview of what happened in the year
  • Multiple routes, bundling and lazy-loading using webpack
  • Webpack 4 tutorial: everything you need to know, from 0 Conf to Production Mode
  • karmatic is a simple automatic (headless) browser testing for Karma, Webpack & Jasmine.
  

• Accessibility:
  • Availability of letters in action
  • Understanding WCAG 2.1 - Overview of Mobile Criteria and Conditions
  • Practical examples of improved accessibility
  • Radically accessible Internet applications - Marcy Sutton report on btconfMUC2018
  

CSS

• CSS naming conventions and time saving
• Fun Frontend: monitor the page without JS
• Again about CSS Box Alignment (properties for aligning everything): simple cheat sheet
• Using CSS Clip Path to create interactive effects
• CSS Gridish Presentation: An open source tool that will help your team use the CSS Grid today.
• In defense of Utility-First CSS
• Explanation of CSS Grid in 7 minutes (with diagrams and code)
• CSS Scroll Snap: what is it? Do we need this?
• Animated effect of diverging waves on CSS3

Javascript

• Can a JavaScript construct (a == 1 && a == 2 && a == 3) be true?
• JavaScript in 2018 - what to learn?
• Top 10 JavaScript errors from 1000+ projects (and how to avoid them)
• A quick introduction to Styled Components with interactive examples.
• The WHY behind the WAT: an explanation of the strange JavaScript type system

• ES2015 +:
  • ECMAScript regular expressions are getting better!
  • Interesting offers for ECMAScript 2017 that were not accepted
  • ES2015 Template Template Vanilla Template Literals
  • ES6 tips and tricks to make your code cleaner, shorter and easier to read
  • 5 tips and thoughts about Async / Await features
  • ECMAScript 2018: Final Feature Set . What to expect from ECMAScript 2018: Object Rest / Spread Properties, Promise.prototype.finally (), Asynchronous Iteration, Template Literal Revision, RegExp features:
  

• VueJS:
  • Programmatically creating instances of components Vue.js
  • Nuxt authentication from scratch
  • Routing and Route Protection in an application rendered on the Vue server using Nuxt.js
  • 4 main functions of ES2015 for development on Vue.js
  

• React:
  • Frequent difficulties in working with React.js
  • Style Tips. How to write a readable React code
  • How to insert a React into an existing site
  • How to convert Angular application to React application - one component at a time
  • How to create your own React boilerplate
  • Introduction to React Easy State
  

• Angular:
  • Reactive forms (reactive forms) Angular 5 (2+). Part 2
  • Beginner's Guide to Angular 4: Services , routing , components
  • Apollo client for Angular - use GraphQL
  

• Libs & Plugins:
  • d3 discovery - All plugins for d3.js in one place
  • greenlet - moving async functions to own stream
  • Toast UI Editor - open source Markdown WYSIWYG editor
  • jsnes - java nes emulator
  

Browsers

• Even faster acceleration of WebAssembly: new streaming and layered compiler in Firefox
• Firefox 58 release , technical details from Marat Tanalin
• Firefox 58 received another performance boost and support for Progressive Web Apps for Android version
• Launch Chrome 64 Web Browser
• Google offers an experimental feature for adding augmented reality 3D objects to browsers.
• Browser Google Chrome has learned to turn off the sound forever on sites with automatically included videos
• Adblock Plus: The blocker built into Google Chrome will block only 16% of ads
• Safari Technology Preview 48 technical details

Entertaining

• SEO for Google in 2018: well forgotten new
• How the blockchain will change the way education documents are stored
• GitHub announced support for creating multiple templates. Issue and Pull request
• Adobe has released a new version of Photoshop with AI support.
• Main technology trends in 2018
• Microsoft will show users what information Windows 10 collects about them.
• Google’s veteran developer accused the company of imitating competitors and announced his departure
• Thank you, Twitch: how to earn hundreds of thousands of dollars by playing video games
• Fraudsters were able to advertise on YouTube with a code for mining cryptocurrency
• Facebook opened Detectron platform code for object recognition in photos
• Facebook has invented a new unit of time - “click”

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 .