🖥 Product page — верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS-анимация.

https://codepen.io/Shell4ik/pen/JjZWaQQ

Codepen Amazing

@javascriptv

🔥 Подборка каналов для разработчиков.

🖥 Javascript / front

@react_tg - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS

⭐️ Нейронные сети
@vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы.
@aigen - сети для генерации картинок. видео, музыки и многого другого.
@neural – погружение в нейросети.

🖥 Machine learning
@ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседованию.
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте

@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs - чат работы мл

🖥 SQL базы данных

@sqlhub - Повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.

🖥 Python

@pythonl - главный канал самого популярного языка программирования.
@pro_python_code – учим python с ментором.
@python_job_interview – подготовка к Python собеседованию.
@python_testit - проверочные тесты на python
@pythonlbooks - современные книги Python
@python_djangojobs - работа для Python программистов
@python_django_work - чат обсуждения вакансий

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

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

🖥 Linux
@linux -топ фишки, гайды, уроки по работе  с Linux.
@linux chat - чат linux для обучения и помощи.
@linux_read - бесплатные книги linux

👷‍♂️ IT работа

@hr_itwork -кураторский список актуальных ит-ваканнсии

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

⚙️ Rust
@rust_code - Rust избавлен от болевых точек, которые есть во многих современных яп
@rust_chats - чат rust

#️⃣ c# c++
C# - объединяет лучшие идеи современных языков программирования
@csharp_cplus чат
С++ - Универсальность. Возможно, этот главный плюс C++.

📓 Книги

@programming_books_it - большая библиотека. программиста
@datascienceiot -ds книги
@pythonlbooks - python библиотека.
@golang_books - книги Golang
@frontendbooksit - front книги
@progersit - ит-шпаргалки
@linux_read - Linux books
@java_library - Java books

🖥 Github
@github_code - лучшие проекты с github
@bigdatai - инструменты по работе с данными

🖥 Devops
Devops - специалист общего профиля, которому нужны обширные знания в области разработки.

📢 English for coders

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

🖥 Password Generator — генератор паролей с использованием строчных и заглавных буквы, цифр и специальных символов. Реализован с помощью Clipboard.js.

https://codepen.io/KeishaSPerkins/pen/RjrxNx

@javascriptv

🖥 Как создать многопользовательский чат с помощью WebSocket за 10 минут

Чаты, которыми мы привычно пользуемся, кажутся чем-то загадочным. На самом деле они традиционно разрабатываются с использованием Websocket.

В этой статье кратко изложена основная информация о Websocket и реализована простая демонстрационная версия чата на несколько человек. После прочтения вы сможете использовать Websocket для создания чата.

✔️ Читать

@javascriptv

🖥 Electric strings — электрический «паук», который следует за движением курсора.

https://codepen.io/Mertl/pen/dybBPWx

#js

@javascriptv

🖥 Sidebar Interaction — интерактивная боковая панель с переключением темной темы на SCSS и JavaScript.

https://codepen.io/aybukeceylan/pen/wvpBmrq

@javascriptv

🖥 Collections Slider — слайдер с коллекциями изображений и приятной анимацией взаимодействия. Реализован с помощью CSS и JavaScript.

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

@javascriptv

🖥 Slide Sign In/Sign Up form — формы входа и регистрации, сделанные на CSS и JS. Отлично смотрится!

https://codepen.io/danielarlert/pen/LYNVyPL

@javascriptv

🖥 7 способов сократить код JavaScript

➡️ Список

@javascriptv

💨 Flex Slider

Интерактивный слайдер, выполненный с помощью фреймворка Vue.js. При клике на секцию плавно показывается дополнительная информация.

https://codepen.io/rodleviton/pen/yLPGBZP

@javascriptv

🖥 Day and Night — переключатель создан из svg-картинки, анимировано в CSS. Логика переключения состояния день/ночь сделана в JS.

https://codepen.io/apchnk/pen/qBKjEQQ

@javascriptv