Plotly.js — Библиотека построения графиков на JavaScript с открытым исходным кодом

Позволяет добавлять различные виды диаграмм и графиков в проект.

Особенности / преимущества:
✔️Предоставляет более чем 40 типов диаграмм, включая трехмерные
✔️Доступна для JavaScript, Python, R, F# и т.д
✔️Построена на основе d3.js и stack.gl
✔️Открытый исходный код

https://github.com/plotly/plotly.js

👉 @frontend_1

Traffic Run Game with Three.js - Игра, сделанная с помощью CSS и библиотеки Three.js

Управление осуществляется с помощью клавиш Up и Down

#codepen #css #js

Подпишись👉 @codepen_1

Найди ошибку в React-компоненте: Функциональное Карри

В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Найдите ошибку.

✍️ @React_lib

Шпаргалка по CSS

https://htmlcheatsheet.com/css/

👉 @frontend_1

Шпаргалка FRONTEND JS

👉 @frontend_1

Академия Яндекса впервые проведет Открытый лекторий https://clck.ru/sKNr4. Это бесплатный образовательный проект, где можно прокачаться по востребованным IT-направлениям:

• разработка интерфейсов;
• бэкенд-разработка на Python и Java;
• мобильная разработка на Android, iOS и Flutter;
• маркетинг в IT и управление проектами и продуктами.

В программе более 100 вебинаров: это и традиционные лекции, и семинары с разбором реальных бизнес-кейсов вместе с топовыми экспертами Яндекса, которые создают и продвигают сервисы для миллионов людей. Каждый сможет выбрать занятия из разных блоков и составить свою уникальную программу.

Сегодня в 19:15 по мск состоится открытие - https://www.youtube.com/watch?v=Cr_WwzjSJOI), Даша Золотухина, HRD Яндекса, начнет мероприятие, поделится историей Школ, а руководители Школ расскажут о том, как получить максимум от обучения, подсветят вдохновляющие

Погружаемся в Window object.

https://www.sitepoint.com/javascript-window-object/

👉 @frontend_1

NoJS — Создание калькулятора с использованием только чистого HTML и CSS. No Javascript!

https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html

👉 @frontend_1

Полное руководство для начинающих по npm

https://css-tricks.com/a-complete-beginners-guide-to-npm/

👉 @frontend_1

Подборка каналов для IT специалистов 🎯

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/React_lib Подборки по React js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста


Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Toggle Switch | cpc-on-off - Анимированный переключатель, выполненный с помощью Slim, SCSS и JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

Делаем текстовый редактор с Lexical и React.

Термин WYSIWYG очень часто используется в программном обеспечении для описания текстового редактора или системы, которая дает вам возможность редактировать текст в насыщенном формате. В текстовом редакторе WYSIWYG вы, по сути, видите, как будет выглядеть конечный результат в процессе работы над документом. Такой подход выгоден тем, что обеспечивает немедленную обратную связь, в отличие от систем, где вам приходится писать на языке разметки, например, markdown.

https://blog.logrocket.com/build-rich-text-editor-lexical-react/

👉 @frontend_1

Паттерны и антипаттерны в Node.js


Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, как Express.js. Эта простота обеспечивает большую гибкость. Однако при создании масштабируемых сетевых приложений, управляемых сетью, можно запутаться в том, каким шаблонам следовать.

Эта статья посвящена некоторым паттернам и лучшим практикам, которым следует следовать при создании приложений Node.js. Вы узнаете о стиле кодирования, обработке ошибок, логгерах и тестировании. Давайте начнем!

✍️ @nodejs_lib