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

Admin: @andrey2019
Download Telegram
50 Book Recommendations from X-Teamers

Looking for your next book to read? Here are 50 books that X-Teamers have read and recommended, organized by topic. Some are well-known, others are hidden gems, but all are worth reading. - http://amp.gs/a0LW

#books
VS Code Jest, Improved ESLint Support, Typescript 4, Storybook 6, and more with Nx 10.3

Today, we are happy to announce the release of Nx 10.3 that includes many new features, including support for VS Code Jest plugins, improved ESLint support, Storybook 6 support and more! - http://amp.gs/aK7B

#vscode
Vue.js Single-File JavaScript Components In The Browser

Browser support for native JavaScript modules is finally happening. The latest versions of Safari and Chrome support them, Firefox and Edge will soon too.

One of the cool things about JavaScript modules for Vue.js users is that they allow you to organize your components into their own files without any kind of build step required.

In this article, I'm going to show you how to write a single-file component as a JavaScript module and use it in a Vue.js app. You can do this all in the browser without any Babel or Webpack! - http://amp.gs/aKcD

#vue
Not So Short Note on Aria-Label Usage – Big Table Edition

Steve Faulkner provides some useful guidance on aria-label usage. - http://amp.gs/a30q

#css
Clickjacking Attacks and How to Prevent Them

A look at both client-side and server-side approaches to mitigating clickjacking attacks including some approaches for Express.js-based apps. - http://amp.gs/aHu2

#nodejs
Angular—Introduction to service inheritance

Inheritance is one of the most popular ways to reuse code in Angular. It has been used very frequently to build components. Yet, not many developers will apply inheritance to service. In fact, service inheritance is much cleaner and easier to maintain comparing with component inheritance. It can be a good alternative of component inheritance in some cases. - http://amp.gs/a22S

#angular
​​Hey bright developers!

Searching for a remote job doesn’t have to look like this:
24/7 on job boards
turning LinkedIn upside down
waiting for recruiters to contact you

Instead, it should be like this:
sign up on @sixnomads_bot
state your tech stack, desired salary and timezone
receive relevant notifications of full-time and remote-only jobs as soon as they are posted

Users of 6nomads bot have already landed jobs in companies like MixMax, Calendly, Miro, as well as bunch of YC and Techstars startups.

It's your turn next! Find your dream job now, say thank you later
FrontEnd Development pinned «​​Hey bright developers! Searching for a remote job doesn’t have to look like this: 24/7 on job boards turning LinkedIn upside down waiting for recruiters to contact you Instead, it should be like this: sign up on @sixnomads_bot state your tech…»
Route Guards — Angular

There are a lot of use cases when it comes to access to an Angular route. There are times when you want to limit access to a route, limit access to only some specific users, or want before leaving a route to alert the user or even retrieve data before accessing a route. - http://amp.gs/aFOD

#angular
How To Build a GraphQL Server Using Next.js API Routes

Will teach you the basics of Next.js API Routes via a step-by-step tutorial on how to build your very first GraphQL server with Next.js and the GitHub API. - http://amp.gs/aLVk

#nodejs
Front-end: Useful Online Tools for Front-end Developers

The internet is full of awesome tools that make our lives easier as front-end developers. In this post, I’ll give a quick review of 12 tools I use frequently in my dev work. - http://amp.gs/aaEV

#tools
Best Practices with React Hooks

Both the strength and the weakness of Hooks is their flexibility. There are many ways to employ them but here are some opinionated suggestions as to the best way. - http://amp.gs/aoxr

#react
The Worst Part of Angular

How the framework fosters deception and undermines the basis of civilization - http://amp.gs/aMx5

#angular
Vue 3 Is Out! Jump into Vue 3 Quickly in This New Course by Sarah Drasner

Learn fundamental concepts in Vue, such as directives, methods, and computed watchers. You’ll learn Vue’s reactivity system and the new Composition API in Vue 3. -
http://amp.gs/aQBy

#vue
A Deep Dive Into CSS Grid minmax()

Ahmad Shadeed shares how CSS grid minmax() works, with a detailed visual explanation for auto-fit and auto-fill keywords. - http://amp.gs/acpu

#css
Solving Sudoku Puzzles with React

Although it would seem to defeat the purpose of doing a Sudoku (a popular form of number puzzle) in the first place, the methodology is an interesting and popular programming challenge which was kicked off by Peter Norvig’s classic Python essay of a decade ago. - http://amp.gs/a6pi

#react
Logic reusability in Angular applications

When you create an enterprise Angular application, chances are that you end up with many modules 📦 for different entities e.g. CarsModule, PlanesModule, ShipsModule etc. - http://amp.gs/a6ua

#angular