Javascript

🖥 Я переписал эти 10+ отдельных строк кода JavaScript, руководитель группы похвалил код за его элегантность

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

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

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

@javascriptv

🖥 Google Loading

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

#html #css

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

@javascriptv

8 различных переходов текстовой загрузки.

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

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

@javascriptv

Hyperspace Text

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

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

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

@javascriptv

🔩 Surge

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

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

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

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

#web #html #css

🔥 Front-end. Вопросы на собеседовании

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

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

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

@javascriptv

Лучшие проекты с Github теперь доступны в одном канале.

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

Смотреть

​Chatwoot – проект, предоставляющий функционал для живого чата (чат-саппорта) с открытым исходным кодом, альтернатива Intercom, Zendesk, Drift, Crisp и т.д.

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

@github_code | #Interesting #Ruby, #JavaScript

🖥 React в плагине Sketch: проблема загрузки исходных данных

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

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

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

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

@javascriptv

3D Card Animation

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

#анимация #javascript

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

@javascriptv

​Pdf.js – программа для чтения PDF-файлов, написанная на JavaScript и HTML5

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

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

@javascriptv | #Interesting #Web #JavaScript

Planet Picker

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

#css #js

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

Magnetic Hover Interaction

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

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

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

@javascriptv

​Validate.js – библиотека, которая предоставляет декларативный способ валидации JavaScript-объектов

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

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

@github_code | #Interesting #JavaScript #Web

🖥 Как реализовать синглтон в JavaScript

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

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

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

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

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

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

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

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

@javascriptv

Intelligent Mouse Trailer

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

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

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

@javascriptv

🖥 Адаптивный фавикон для современных веб-приложений на React


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

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

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

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

@javascriptv

Gooey Navigation

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

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

@javascriptv

🔥 Полезнейшая Подборка каналов

🖥 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

cpc-days | 3d carousel

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

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

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

@javascriptv