FrontEnd Development
30.8K subscribers
145 photos
1 video
9.34K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
13 JavaScript One-Liners That’ll Make You Look Like a Pro

Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p

#javascript
Exploring the Complexities of Width and Height in CSS

Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3

#css
7 Tips to Go From Beginner to Advanced in Vue.js

Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L

#vue
How We Improved Smashing Magazine's Performance

It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq

#performance
RxJS & Angular — Unsubscribe Like a Pro

All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project! - http://amp.gs/QG9M
Beautiful Accessibility With Floating Focus

Guido Bouman introduces Floating Focus, an easy to implement focus-state solution that improves accessibility and usability. - http://amp.gs/QxtH

#css
Caching Vue Refs - Abdelrahman Awad

Introducing self-managed-caching on server-side and client-side has a lot of benefits and can help you out when you need atomic control over your data. - http://amp.gs/Qx67

#vue
The Styled-Components Happy Path

A well-illustrated synthesis of all the author’s ideas which support making your CSS less fragile. It also helps eliminate specificity issues and provides a clean mental model to help you understand what your pages are going to look like. - http://amp.gs/QfcM

#react
Dealing With Permissions in Angular and NgRx

A base guide to permission and role handling for routes and components with Angular and NgRx - http://amp.gs/QCcU

#angular
Building the Twitter UI with Ionic Components

What if you could build any popular UI with Ionic components? This tutorial on building a Twitter UI with Ionic is the start to a new series of tutorials on doing just that. - http://amp.gs/QkwJ

#ionic
Events and Callbacks: Parent/Child Component Communication in Vue - Markus Oberlehner

Did you ever run into problems because you forgot to update an event handler when renaming a custom event or changing the data it emits? Callbacks can solve this, but is it a good idea to use callbacks in a Vue app? Learn why callbacks are considered an anti-pattern in Vue and when to use callbacks instead of events in Vue.js. - http://amp.gs/QeHk

#vue
An Introduction to Aleph: The React Framework in Deno

When the initial creator of Node.js moved on to create Deno to address the ‘10 things that were wrong with it’, that was newsworthy. Intrigued? This is how to get started. - http://amp.gs/Q72o

#react
Awesome Node: Over 600 Curated Node Packages, Resources and Links

We link to this every year or so as it’s a truly definitive list of categorized Node resources and continues to be updated, pruned, and added to over time. - http://amp.gs/QysS

#nodejs
Advanced Preloading Strategy For Large Applications In Angular

In Most of the applications we have a requirement of preloading modules before user navigates to a particular page to reduce loading time. In this article we will not be talking about inbuilt preloading support provided by Angular, or the ones using PreloadingStrategy. Instead we will be talking about implementing something that is more suitable for a large scale application and something which is progressive and scalable. - http://amp.gs/Qhuy

#angular
How to drastically reduce your bundle size and load time in Vue.js – Karlo Majer

Performance is one of the most important aspects when it comes to web applications. Here’s how we reduced the bundle size and load time of our Vue.js app. - http://amp.gs/QvdH

#vue
Free Crash Course To The Nitty-Gritty Of Figma

The collaborative interface design tool Figma is rapidly gaining popularity. If you are a Figma user already or are planning to give the tool a try, Pablo Stanley’s free video course Figma Crash helps you take your Figma skills to the next level. - http://amp.gs/Qgrk

#figma
Zero-Downtime Deploys with DigitalOcean, GitHub, and Docker

Uses a Node-based app to demonstrate the concept, although it could apply to anything else you can run with Docker. - http://amp.gs/QEdu

#nodejs
Three Approaches to Integrate React with Custom Elements

“the idea that React cannot integrate deeply with Web Components is a myth”, asserts the author, who then boldly goes on to explain precisely how to do it. - http://amp.gs/QVyt

#react