Javascript
18.6K subscribers
807 photos
119 videos
2 files
1.25K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
WARP

Красивая анимация плавающей голограммы. Реализована с помощью JavaScript.

#анимация #javascript #css

https://codepen.io/al-ro/pen/oRZLbd

@javascriptv
👍82👎1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Fakebrowser – Браузер, что умеет подделывать нажатия пальцев для обхода анти-бот систем.

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

#GitHub #JavaScript #Interesting #Browser

@javascriptv
👍11🔥31
This media is not supported in your browser
VIEW IN TELEGRAM
Fish Spinner - загрузчик для сайта. Спинер сделан при помощи CSS и JS

https://codepen.io/chrisgannon/pen/gOzgXve

@javascriptv
👍11🔥21👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Morphing Submit Button

Кнопка отправки морфинга. Реализована с помощью JavaScript.

#кнопка #javascript #css

https://codepen.io/toshiya-marukubo/pen/dypmMQq
👍16🔥32
This media is not supported in your browser
VIEW IN TELEGRAM
cpc-days | 3d carousel

3D-карусель просмотра праздников по дням в месяце. Реализован с помощью CSS и JavaScript.

#3D #карусель #css #javascript

https://codepen.io/MarkBoots/pen/ExbbvOv

@javascriptv
👍8🔥31🤯1
🔥 Полезнейшая Подборка каналов

🖥 Javascript / front

@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка
@javascriptv - javascript изучение

🖥 Machine learning
@ai_machinelearning_big_data – все о машинном обучении
@data_analysis_ml – все о анализе данных.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседования Data Science
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@neural – все о нейронных сетях
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs

🖥 Python

@pythonl - python
@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python
@python_django_work

🖥 Java
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит

👣 Golang
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go

🖥 Linux
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux

👷‍♂️ IT работа

@hr_itwork - ит-ваканнсии

🖥 SQL
@sqlhub - базы данных
@chat_sql - базы данных чат

🤡It memes
@memes_prog - ит-мемы

⚙️ Rust
@rust_code - язык программирования rust
@rust_chats - чат rust

#️⃣ c# c++
@csharp_ci - c# c++кодинг
@csharp_cplus чат

📓 Книги

@programming_books_it
@datascienceiot
@pythonlbooks
@golang_books
@frontendbooksit
@progersit
@linux_read
@java_library
@frontendbooksit

📢 English for coders

@english_forprogrammers - Английский для программистов

🖥 Github
@github_code
Please open Telegram to view this post
VIEW IN TELEGRAM
👍82🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey Navigation

Элементы меню - это svg картинки, стилизованные в SCSS.

https://codepen.io/simeydotme/pen/LYLxJqV

@javascriptv
🔥10👍63👎1
🖥 Адаптивный фавикон для современных веб-приложений на React


Favicon (фавикон)  —  это термин, образованный из двух слов: favorite (“избранный”) и icon (“иконка”). Фавикон можно увидеть практически в каждом веб-приложении. Этот уникальный значок поможет выделить веб-приложение из тысяч других.

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

Поговорим о том, как разработать и использовать в React-проекте адаптивные SVG-фавиконы, а также об их преимуществах.

➡️ Читать дальше

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍81🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Intelligent Mouse Trailer

Анимация плавного курсора. Реализована с помощью JavaScript.

#анимация #курсор #javascript

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

@javascriptv
👍71🔥1
🖥 Как реализовать синглтон в JavaScript

В этой статье мы рассмотрим, что такое синглтон и все способы его реализации в JavaScript.

Синглтон — это шаблон проектирования, решающий две проблемы. Это гарантирует, что однопоточное приложение будет иметь только один экземпляр данного класса. Вторая проблема, когда нам нужно иметь глобальную точку доступа к какому-то экземпляру класса или просто объекту. Иногда разработчики называют некоторый объект синглтоном, даже если он решает только одну проблему.

Вот несколько случаев, когда мы можем использовать синглтон:

- Глобальное состояние приложения как единственный источник истинного — Redux, менеджеры состояний Mobx обеспечивают глобальный доступ к состоянию

- Служба API, в которой мы инкапсулируем некоторую логику и сохраняем сеанс или токен для выполнения вызовов API.

- Служба для хранения базы данных или соединения WebSocket, и здесь мы можем быть уверены, что у нас есть только одно соединение данного синглтона.

Итак, давайте посмотрим, как мы можем реализовать следующий шаблон.

➡️ Читать дальше

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍101🔥1
Validate.js библиотека, которая предоставляет декларативный способ валидации JavaScript-объектов

Поддерживает юнит-тестирование и на 100% покрывает код

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

@github_code | #Interesting #JavaScript #Web
👍5🔥41
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic Hover Interaction

Взаимодействие с магнитным зависанием. Реализовано с помощью JavaScript.

#анимация #курсор #javascript

https://codepen.io/dev_loop/pen/KKdEgdz

@javascriptv
8👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Planet Picker

Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.

#css #js

https://codepen.io/team/keyframers/pen/YoaeGg
👍16🔥21
Pdf.jsпрограмма для чтения PDF-файлов, написанная на JavaScript и HTML5

Это проект с открытым исходным кодом, который постоянно ищет новых участников

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

@javascriptv | #Interesting #Web #JavaScript
👍121👎1🔥1😁1
This media is not supported in your browser
VIEW IN TELEGRAM
3D Card Animation

3D-анимация карт. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/team/keyframers/pen/abywmrO

@javascriptv
👍51🔥1
🖥 React в плагине Sketch: проблема загрузки исходных данных

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

Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.

Примечание: плагин реагирует только на слои, а не на страницы. Если запустить плагин с выбранной страницей, он будет рендериться без данных Sketch.

➡️ Читать дальше
🔩 Код

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥21
Chatwoot – проект, предоставляющий функционал для живого чата (чат-саппорта) с открытым исходным кодом, альтернатива Intercom, Zendesk, Drift, Crisp и т.д.

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

@github_code | #Interesting #Ruby, #JavaScript
7👍2🔥1
Лучшие проекты с Github теперь доступны в одном канале.

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

Смотреть
👍41🔥1
🔥 Front-end. Вопросы на собеседовании

Огромный репозитории видеокаста, содержит коллекцию вопросов и ответов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.

🖥 GitHub/Инструкция

#html #js #oop #react #vue #nodejs

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17😁8🔥21
🔩 Surge

Surge — площадка для бесплатной публикации статических сайтов

Самое приятное, что опубликовать свой проект можно прямо из командной строки буквально в одну команду. Поддерживаются HTML, CSS, JavaScript

На данный момент с помощью Surge уже опубликовано более 1,5 млн проектов

Стоимость: #бесплатно (но есть и платный тариф)

#web #html #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍162🔥1