​Prettier - прекрасный форматировщик кода

Он обеспечивает согласованный стиль, анализируя ваш код и перепечатывая его со своими собственными правилами, учитывая максимальную длину строки, и, при необходимости, обертывая код.

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

⤷ Ссылка на проект

@about_javascript | #Code #Correction

Как настроить Next.js на TypeScript, чтобы получить оценку в 100% от Google Lighthouse и Vercel Analytics

Начнем с создания нового приложения Next.js:

$ yarn create next-app — typescript
В корне проекта Next.js на TypeScript будут созданы файлы next-env.d.ts и tsconfig.json. Файл next-env.d.ts делает так, чтобы типы Next.js были подобраны компилятором TypeScript. Его не нужно удалять или редактировать.

Файл tsconfig.json  —  это пользовательская конфигурация компилятора TypeScript. Если понадобятся дополнительные типы, нужно создать *.d.ts в корне и сослаться на него в массиве include файла tsconfig.json.

Более подробную информацию можно найти в официальной документации.

@about_javascript

Поиск Frontend вакансий для мидлов и сеньоров ⚡️

Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям

@MasterHuBot

TypeScript. Что, зачем и как?

https://nuancesprog.ru/p/11501/

​Ferdi – поможет вам организовать использование ваших любимых приложений, объединив их в одно приложение

Ferdi - это настольное приложение, которое поможет вам организовать использование ваших любимых приложений, объединив их в одно приложение. Он основан на Franz - программном обеспечении, уже используемом тысячами людей - с той разницей, что Ferdi дает вам много дополнительных функций и не ограничивает его использование!

Кроме того, Ferdi совместим с вашей существующей учетной записью Franz, поэтому вы можете продолжить с того места, где остановились

#GitHub | #JavaScript #Interesting #Windows

@about_javascript

Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript.

https://codepen.io/Craaftx/pen/vYGVjYM

JavaScript. Что будет выведено в консоль?

Ответ

Menu hover glow

Эффект при наведении на текст, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/Madbones3/pen/LYOJQpo

Tilt Hover Effect + Flying Chef

В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.

https://codepen.io/Hyperplexed/pen/MWrpKYM

Любишь решать задачи по JS?

А представь, что все это в формате MMORPG бота, где ты можешь прокачивать своего пресонажа, батлиться с друзьями, проходить собесы в разные IT компании и главное - прокачивать себя как разработчика!

В Dev’s Battle ты найдешь:

👉 350+ задачек по JS
👉 300+ активных игроков
👉 7 компаний для собеседований. От Рабов Галерных до Facebook
👉 Прокачку и развитие внутриигрового персонажа
👉 Фан и общение с другими разработчиками

Все это бесплатно, с небольшим кринжом и крутым комьюнити!

😎 Залетай в Dev’s Battle, если, конечно, сможешь…

Tilt Hover Effect + Flying Chef

В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.

https://codepen.io/Hyperplexed/pen/MWrpKYM

Shiny Debit Card

Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.

https://codepen.io/jkantner/pen/GROreja

Polished.js — набор инструментов для написания стилей в JavaScript ✨

Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.

Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript

https://github.com/styled-components/polished

https://polished.js.org/

CSS (Cascading Style Sheets) Visual Dictionary - 2018
#css

Fullstack React The Complete Guide to ReactJS and Friends

📖 Книга

@about_javascript

JavaScript. Что будет выведено в консоль?

Ответ

Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

https://codepen.io/milanraring/pen/gOwGpdm

⚡️JavaScript уроки // 43 видео

Содержание:
▪️JavaScript обзор товара 360 градусов
▪️Каррирование в JavaScript. Создаем элементы с помощью carrying
▪️Делаем мультиязычный сайт c JavaScript
▪️JavaScript: читаем UTM метки, разбираем, декодируем. Разбираем ссылки интернет магазинов
▪️Мутабельные и иммутабельные методы объектов JavaScript
▪️Используем Template в JavaScript для клонирования элементов
▪️Swipe это просто
▪️Пингуем ресурсы с ping - JavaScript не нужен
▪️Callback это просто. Разбираемся в callback JavaScript
▪️Имитируем события в JavaScript. DispatchEvent

➖ Смотреть бесплатно

@about_javascript

​unavatar – сервис генерации унифицированных аватарок для юзеров

⤷ Ссылка на проект

@about_javascript | #Interesting #JavaScript

​VScode-Drawio – расширение для VS Code интегрирующее сервис для построения диаграмм draw.io

Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем

⤷ Ссылка на проект

@about_javascript | #TypeScript #Code #Interesting