Javascript
18.6K subscribers
804 photos
117 videos
2 files
1.24K links
По всем вопросам - @workakkk

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

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

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
🔥 Полезнейшая Подборка каналов

🖥 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
This media is not supported in your browser
VIEW IN TELEGRAM
Hyperspace Text

Анимация гиперпространственного текста с эффектом отталкивания частиц от курсора мыши. Реализована с помощью CSS и JavaScript.

#анимация #текст #css #javascript

https://codepen.io/DonKarlssonSan/pen/xxWppEg

@javascriptv
🔥114👍4
This media is not supported in your browser
VIEW IN TELEGRAM
8 различных переходов текстовой загрузки.

#прелоадер #ожидание #загрузка

https://codepen.io/nxworld/pen/zwGpXr

@javascriptv
🔥11👍52🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Google Loading

Анимированный загрузчик в стиле Google на HTML и SCSS.

#html #css

https://codepen.io/onlyveen/pen/owQRME

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥31
🖥 Я переписал эти 10+ отдельных строк кода JavaScript, руководитель группы похвалил код за его элегантность

Однострочники - это действительно классные задачи, и их очень весело создавать. Раньше я тратил много своего времени на codewars.com и codingame.com, которые представляют собой два веб-сайта, облегчающих небольшие задачи по кодированию, которые бросают вызов вашей способности писать короткий код или писать код быстро.

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

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍72👎2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Reduced-motion toggle

Переключатель с уменьшенным движением. Реализован с помощью JavaScript.

#анимация #javascript

https://codepen.io/michellebarker/pen/bGrNjgB

@javascriptv
👍6🔥21