FRONT-END WEEKLY DIGEST (July 22 - July 28, 2019)

This week we discuss the ins and out of frontend web development focusing at CSS, HTML, and javaScript. Stay tuned and follow our blog for more tech updates!

Web-development

• The Best Newsletters to Subscribe to for a Frontend Developer
• Designing And Building A Progressive Web Application Without A Framework: Part 1, Part 2
• SPA SEO: A Single-Page App Guide to Google’s 1st Page
• How Google PageSpeed Works: Improve Your Score and Search Engine Ranking
• Performance Tune a JavaScript Website with Chrome DevTools
• Maybe Ignore type=search
• Meaning without markup: Accessibility Object Model
• What's New In DevTools (Chrome 77)

CSS

• I wrote a customizable CSS engine in JavaScript
• Why you should definitely learn how to use CSS-in-JS
• Everything You Need To Know About CSS Margins
• CSS Animation Libraries
• Intrinsically Responsive CSS Grid with minmax() and min()
• Don’t comma-separate :focus-within if you need deep browser support
• Responsive Iframes
• How to add Flexbox fallback to CSS Grid
• The Simplest Way to Load CSS Asynchronously
• Multi-column manipulation

JavaScript

• Washing your code: avoid conditions
• Introduction to Svelte
• Understand the JavaScript SEO basics
• Practical Ways to Write Better JavaScript
• What’s new in JavaScript: Google I/O 2019 Summary
• Announcing TypeScript 3.6 Beta

• VueJS:

  • Build a Vue.js SPA on Top of Headless WordPress
  • Components Composition: Vue Function API vs Renderless Components
  • What I Like About Vue
  • OverVue, a Vue Prototyping Tool.

• React:

  • Build a React Switch Toggle Component
  • The neatest way to handle alert dialogs in React
  • How to hire and train developers when you don’t use React

• Angular:

  • Prototyping with Angular
  • Understanding the Magic Behind Angular Elements
  • What I learnt during 3 years of Angular 2+ development
  • 7 Mistakes to Avoid When Moving From AngularJS to Angular

• Ember:

  • Ember 3.11 Released
  • Setting link activeness – the modern way
  • A Skill Tree for Learning Ember.js in 2019

• Libs & Plugins:

  • cesiumjs: an open-source JavaScript library for world-class 3D globes and maps
  • json-complete can turn almost any standard JavaScript data object or value into a JSON-compatible serialized form, and back again.
  • Moveable is Draggable! Resizable! Scalable! Rotatable!