​Основные принципы хорошего нейминга

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

#ru

Live data

Демонстрация работы графика с автоматическим обновлением данных. Создано с использованием библиотеки amCharts.

#js

JavaScript. Что будет выведено в консоль?

Ответ

Хотите узнать, как создать чат-приложение с использованием React и WebSockets?

На вебинаре вы узнаете:
- Основы WebSockets и их интеграция с React.
- Реализация функциональности чата.
- Управление состоянием и работа с хранилищем данных (обновление интерфейса при изменении состояния).

Этот вебинар будет полезен:
- JavaScript-разработчикам, которые хотят улучшить навыки работы с React и узнать особенности работы и обновления приложения в режиме реального времени.
- Frontend-разработчикам, желающим понять и использовать WebSockets для создания интерактивных приложений.
- Fullstack-разработчикам для дополнения своих знаний и получения навыков интеграции WebSocket серверов с React-приложениями.

После вебинара вы сможете:
- Настроить и управлять WebSocket соединением в React-проектах.
- Управлять состоянием в React-проектах и работать с хранилищами данных для сохранения истории сообщений.
- Применить знания для создания разнообразных приложений реального времени (чаты, системы уведомлений, онлайн-игры).

Урок пройдет 7 ноября в 20:00 мск и будет приурочен к старту большого курса «React.js Developer». После вебинара вы получите специальную цену на обучение и персональную консультацию от менеджеров!

Регистрируйтесь на открытый вебинар прямо сейчас! 👇

https://vk.cc/cDMkK8

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Typing Effect

Эффект последовательного ввода букв, реализованный в JS.

#js

Neon Effect Arrow

Анимация стрелки с неоновым эффектом Pure, реализована с помощью CSS.

#css

​Как сопоставлять скобки с помощью JavaScript и без использования Regex

Разбираем, как с помощью JS определять, совпадают ли пары открывающих и закрывающих символов (), [] и {} внутри строки типа «[foo () {bar}]».

#ru

Fit Text

Подгонка текста по ширине окна просмотра, реализованная с помощью переменных CSS и JavaScript.

#js

JavaScript. Что будет выведено в консоль?

Ответ

Logo animation

Вся сцена состоит из svg-картинки, которая анимируется библиотекой anime.js

#js

​Тестирование кода HTML при помощи CSS

Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.

Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.

#ru

Single div CSS - Window

Окно с открывающейся ставней. В HTML - один блок div, все остальное - CSS.

#css