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

Admin: @andrey2019
Download Telegram
How to build a plugin/extensible application architecture in Angular 5+

Let’s say you have a base Angular application and in the future you plan to develop different features that have almost the same structure, but you don’t really want to deploy the whole application each time a new feature is ready for production, or, moreover you plan to allow 3rd party users to implement features and upload it into your app. - http://bit.ly/2p1f43z

#angular
The Web Design Museum: The First Decade of Web Design

Web Design Museum exhibits over 900 unique designs from the years 1995 to 2005. Discover forgotten trends in web design. - http://bit.ly/2CZEcBu

#web #design
Using JavaScript Promises with Node

Aimed at beginners, this article demonstrates the use of promises by way of short Node-based examples. - http://bit.ly/2M7q60b

#nodejs
React 16.5.0 Released

There’s no official blog post but 16.5 is out and is principally a bugfix release although support for the React DevTools Profiler has been added and work is taking place on a new scheduler. - http://bit.ly/2NH8kp6

#react
Vue State Management from the Ground Up

If you’re struggling to get your head around Vuex and the concept of state management, check out this great introductory tutorial by Adrià Fontcuberta. - http://bit.ly/2CSnW5k

#vue
Take a New Look at 'CSS Shapes'

Firefox 62 (out today) joins Chrome and Safari in supporting CSS Shapes, a way to define shapes within CSS for content to flow around. See how they work here, along with the new tools in Firefox to make editing such shapes easier. - http://bit.ly/2D11ved

#css
Logging HTTP Errors in Angular 6

In Maina’s last post, we looked at how we can use HTTP Interceptors to attach and refresh authorization tokens. In this post, we are going to use the same HTTP Interceptor to catch HTTP errors – 500, 401, 400 etc. – and logging them remotely. - http://bit.ly/2wZte8F

#angular
The Complete CSS Demo for OpenType Features

A lengthy single page demo of many font-feature-settings settings upon a variety of fonts. If you’re using the right fonts to support these settings you can get a lot more control over how your text looks. - http://bit.ly/2Nbz5CV

#css
Introducing Awaitjs-Express: Async Function Support for Express

Express was developed in an era long before await/async and while Express 5 is expected to support it natively, there are options for bringing async function support to existing versions such as this. - http://bit.ly/2D4eAmR

#nodejs #express #async
What’s New in Chrome 70's DevTools

The latest dev channel release of Chrome has several DevTools improvements including being able to create ‘live expressions’ (real-time monitoring, essentially) and the highlighting of DOM elements while still typing an expression. - http://bit.ly/2xnmjX0

#chrome #devTools
Designing a Textbox, Unabridged

You might think it’s as easy as putting an input type="text” element down but this article goes into much more depth about what’s involved in making a text entry field for the Web that does what you want. - http://bit.ly/2QBiyWK

#css
How GitHub Removed jQuery From Their Frontend

GitHub has just been able to drop jQuery as a dependency of the frontend code for GitHubcom. This transition has taken years and here’s what they’ve learnt and what libraries have replaced it. - http://bit.ly/2xqLWq7

#jquery
Building a Search-Engine Optimized PWA with Angular - Part 1

No matter how awesome the app you have built is, it won’t really shine with the users unless they can easily see it in their search results. This is why Search Engine Optimization (SEO) is something that any developer needs to have on their To-Do list when they are building their apps. - http://bit.ly/2wVQRA0

#angular
A Sensible Approach to Cross Platform Development with React and React Native

Exploring how to go about developing shared code between web and React Native. - http://bit.ly/2peUug9

#react #reactNative
Microjob: A Tiny Wrapper for Node.js Worker Threads

Makes Node 10.5+’s experimental worker thread support easier to work with. We also have an article about worker threads if you want to learn more about the underlying concepts. - http://bit.ly/2D2UadR

#nodejs
Take the 'State of JavaScript 2018' Survey

Sacha Greif’s popular survey returns, aiming to see what tools and technologies in the JavaScript space that developers are using, happy with and excited about. Results are expected in November and we’ll share them then. - http://bit.ly/2Oz2jZb

#javascript #survey
Inspect and Style an Element in DevTools that Normally Disappears when Inactive

Elijah Manor demonstrates a simple trick with setTimeout & debugger that will help you inspect and style elements that disappear on mouse-leave, blur, or click-outside. - http://bit.ly/2NOweix

#devTools