🔥 Полезнейшая Подборка каналов
🖥 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
@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка
@javascriptv - javascript изучение
@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
@pythonl - python
@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python
@python_django_work
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux
👷♂️ IT работа
@hr_itwork - ит-ваканнсии
@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_forprogrammers - Английский для программистов
@github_code
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey Navigation
Элементы меню - это svg картинки, стилизованные в SCSS.
https://codepen.io/simeydotme/pen/LYLxJqV
@javascriptv
Элементы меню - это svg картинки, стилизованные в SCSS.
https://codepen.io/simeydotme/pen/LYLxJqV
@javascriptv
🔥10👍6❤3👎1
Favicon (фавикон) — это термин, образованный из двух слов: favorite (“избранный”) и icon (“иконка”). Фавикон можно увидеть практически в каждом веб-приложении. Этот уникальный значок поможет выделить веб-приложение из тысяч других.
Вы, вероятно, стараетесь использовать возможности современных браузеров по максимуму, чтобы обеспечить оптимальный уровень пользовательского опыта. Именно поэтому необходимо заменять традиционные фавиконы адаптивными иконками, интересными современным пользователям.
Поговорим о том, как разработать и использовать в React-проекте адаптивные SVG-фавиконы, а также об их преимуществах.
➡️ Читать дальше
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Intelligent Mouse Trailer
Анимация плавного курсора. Реализована с помощью JavaScript.
#анимация #курсор #javascript
https://codepen.io/Hyperplexed/pen/abYJQxP
@javascriptv
Анимация плавного курсора. Реализована с помощью JavaScript.
#анимация #курсор #javascript
https://codepen.io/Hyperplexed/pen/abYJQxP
@javascriptv
👍7❤1🔥1
В этой статье мы рассмотрим, что такое синглтон и все способы его реализации в JavaScript.
Синглтон — это шаблон проектирования, решающий две проблемы. Это гарантирует, что однопоточное приложение будет иметь только один экземпляр данного класса. Вторая проблема, когда нам нужно иметь глобальную точку доступа к какому-то экземпляру класса или просто объекту. Иногда разработчики называют некоторый объект синглтоном, даже если он решает только одну проблему.
Вот несколько случаев, когда мы можем использовать синглтон:
- Глобальное состояние приложения как единственный источник истинного — Redux, менеджеры состояний Mobx обеспечивают глобальный доступ к состоянию
- Служба API, в которой мы инкапсулируем некоторую логику и сохраняем сеанс или токен для выполнения вызовов API.
- Служба для хранения базы данных или соединения WebSocket, и здесь мы можем быть уверены, что у нас есть только одно соединение данного синглтона.
Итак, давайте посмотрим, как мы можем реализовать следующий шаблон.
➡️ Читать дальше
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤1🔥1
Validate.js – библиотека, которая предоставляет декларативный способ валидации JavaScript-объектов
Поддерживает юнит-тестирование и на 100% покрывает код
⤷ Ссылка на проект
@github_code | #Interesting #JavaScript #Web
Поддерживает юнит-тестирование и на 100% покрывает код
⤷ Ссылка на проект
@github_code | #Interesting #JavaScript #Web
👍5🔥4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic Hover Interaction
Взаимодействие с магнитным зависанием. Реализовано с помощью JavaScript.
#анимация #курсор #javascript
https://codepen.io/dev_loop/pen/KKdEgdz
@javascriptv
Взаимодействие с магнитным зависанием. Реализовано с помощью 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
Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.
#css #js
https://codepen.io/team/keyframers/pen/YoaeGg
👍16🔥2❤1
Pdf.js – программа для чтения PDF-файлов, написанная на JavaScript и HTML5
Это проект с открытым исходным кодом, который постоянно ищет новых участников
⤷ Ссылка на проект
@javascriptv | #Interesting #Web #JavaScript
Это проект с открытым исходным кодом, который постоянно ищет новых участников
⤷ Ссылка на проект
@javascriptv | #Interesting #Web #JavaScript
👍12❤1👎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
3D-анимация карт. Реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/team/keyframers/pen/abywmrO
@javascriptv
👍5❤1🔥1
В этой статье будет подробно рассмотрена проблема загрузки исходных данных при использовании React в Sketch. Она заключается в том, что UI React рендерится без данных Sketch при первом открытии окна плагина.
Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.
Примечание: плагин реагирует только на слои, а не на страницы. Если запустить плагин с выбранной страницей, он будет рендериться без данных Sketch.
➡️ Читать дальше
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥2❤1
Chatwoot – проект, предоставляющий функционал для живого чата (чат-саппорта) с открытым исходным кодом, альтернатива Intercom, Zendesk, Drift, Crisp и т.д.
⤷ Ссылка на проект
@github_code | #Interesting #Ruby, #JavaScript
⤷ Ссылка на проект
@github_code | #Interesting #Ruby, #JavaScript
❤7👍2🔥1
🔥 Front-end. Вопросы на собеседовании
Огромный репозитории видеокаста, содержит коллекцию вопросов и ответов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.
🖥 GitHub/Инструкция
#html #js #oop #react #vue #nodejs
@javascriptv
Огромный репозитории видеокаста, содержит коллекцию вопросов и ответов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.
#html #js #oop #react #vue #nodejs
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17😁8🔥2❤1
Surge — площадка для бесплатной публикации статических сайтов
Самое приятное, что опубликовать свой проект можно прямо из командной строки буквально в одну команду. Поддерживаются HTML, CSS, JavaScript
На данный момент с помощью Surge уже опубликовано более 1,5 млн проектов
Стоимость: #бесплатно (но есть и платный тариф)
#web #html #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤2🔥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
Анимация гиперпространственного текста с эффектом отталкивания частиц от курсора мыши. Реализована с помощью CSS и JavaScript.
#анимация #текст #css #javascript
https://codepen.io/DonKarlssonSan/pen/xxWppEg
@javascriptv
🔥11❤4👍4
This media is not supported in your browser
VIEW IN TELEGRAM
8 различных переходов текстовой загрузки.
#прелоадер #ожидание #загрузка
https://codepen.io/nxworld/pen/zwGpXr
@javascriptv
#прелоадер #ожидание #загрузка
https://codepen.io/nxworld/pen/zwGpXr
@javascriptv
🔥11👍5❤2🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированный загрузчик в стиле Google на HTML и SCSS.
#html #css
https://codepen.io/onlyveen/pen/owQRME
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥3❤1
Однострочники - это действительно классные задачи, и их очень весело создавать. Раньше я тратил много своего времени на codewars.com и codingame.com, которые представляют собой два веб-сайта, облегчающих небольшие задачи по кодированию, которые бросают вызов вашей способности писать короткий код или писать код быстро.
В то время как код-гольф может служить забавным инженерным упражнением, их уроки редко следует использовать в реальном мире, а когда они используются, менеджеры по разработке ни в коем случае не должны поощрять разработчиков использовать этот тип кода в кодовой базе. Когда вы находитесь в среде совместной работы, написание хорошего кода должно быть приоритетом. Это означает, что код удобочитаем, ремонтопригоден и надежно работает.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤2👎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
Переключатель с уменьшенным движением. Реализован с помощью JavaScript.
#анимация #javascript
https://codepen.io/michellebarker/pen/bGrNjgB
@javascriptv
👍6🔥2❤1