Что выведет консоль?

​​Open Video Downloader – Кроссплатформенный графический интерфейс для упрощения загрузки видео с различных медиахолдингов, созданный на Electron и node.js.

Особенности:
• Скачивание со всех платформ: YouTube, vimeo, twitter и многих других.
• Возможность загружать несколько видео / плейлистов / каналов за один раз
• Возможность выбора разрешения и формата, в котором вы хотите скачать
• Скачивание частных видео (в настоящее время проверено только на YouTube)
• Многопоточность (до 32 видео могут быть загружены одновременно)

@about_javascript | #JavaScript #Downloader #Useful

Activate Button animation

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

#кнопка #css #javascript

https://codepen.io/aaroniker/pen/ZVOrOZ

​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. Что будет выведено в консоль?

Ответ