computer science & coding education
C/C++ CSS HTML JavaScript Python React React Native Веб-разработка Графика Программирование
Введение в C++: Основы и Синтаксис
Основы C++: введение в синтаксис и базовые принципы программирования.
Log4js в JavaScript
Руководство по Log4js в JavaScript: от установки до продвинутых тем. Исследуйте логирование с уровнями, аппендерами и настройками.
TDZ в JavaScript
TDZ – Temporal Dead Zone в JavaScript: Узнайте, как ключевые слова var, let и const определяют область видимости переменных.
Область видимости var и let в JavaScript
Узнайте, как ключевые слова var и let определяют область видимости объявленной переменной в языке программирования JavaScript.
Безопасность в HTML
Безопасность в HTML: Основы безопасности в HTML и узнайте о советах и рекомендациях по защите веб-страниц от уязвимостей.
SEO-оптимизация в HTML
SEO-оптимизация в HTML: Основы SEO-оптимизации в HTML, как оптимизировать веб-страницы для улучшения их видимости в поисковых систем.
Препроцессоры HTML
Препроцессоры HTML: Познакомьтесь с препроцессорами HTML, такими как Pug и Haml, которые упрощают процесс разработки и поддержки HTML-кода.
Веб-сокеты в HTML
Веб-сокеты в HTML: Узнайте, как использовать веб-сокеты в HTML для обмена данными между клиентом и сервером в режиме реального времени.
WebRTC в HTML
WebRTC в HTML: Познакомьтесь с технологией WebRTC в HTML. Потоковая передача аудио, видео и данных в режиме реального времени.
Геолокация в HTML
Геолокация в HTML: Получение информации о местоположении пользователя. Как получить координаты и отобразить карту.
Веб-хранилище в HTML
Веб-хранилище в HTML: Храним данные на стороне клиента. Узнайте о localStorage и sessionStorage для сохранения информации.
Инклюды в HTML
Инклюды и фрагменты в HTML: Узнайте о возможности включения фрагментов кода и контента в HTML с помощью инклюдов.
Веб-компиляция в HTML
Веб-компиляция в HTML: Изучите принципы и инструменты веб-компиляции, собираем и объединяем ресурсы в единый файл для оптимизации загрузки.
Оптимизация HTML
Оптимизация производительности в HTML: Различные методы оптимизации, улучшение скорости загрузки и отзывчивости веб-страниц.
Прогрессивное улучшение в HTML
Прогрессивное улучшение в HTML: Подход прогрессивного улучшения в HTML, создание веб-страниц, для всех уровней устройств и браузеров.
Web-шаблоны в HTML
Web-шаблоны в HTML: Как использовать элемент template в HTML для создания и отображения переиспользуемых шаблонов контента на веб-страницах.
Web-компоненты в HTML
Web-компоненты в HTML: Познакомьтесь с концепцией веб-компонентов в HTML, создаваем и используем собственные компоненты на веб-страницах.
SVG в HTML
SVG в HTML: Изучите встраивание и использование векторной графики SVG в HTML. Как создавать и манипулировать графическими элементами SVG.
Canvas в HTML
Canvas в HTML: Узнайте, как использовать элемент canvas в HTML для рисования графики и создания интерактивных элементов на веб-страницах.
Анимация в HTML
Анимация в HTML: Различные способы создания анимации в HTML с помощью CSS и JavaScript. Изучите анимационные свойства и ключевые кадры.
Валидация HTML
Валидация HTML: Изучите процесс валидации, как проверить свои веб-страницы на соответствие стандартам и ошибки разметки.
Веб-шрифты в HTML
Веб-шрифты в HTML: Создание стильных и уникальных типографий на веб-страницах, способы подключения и использования шрифтов.
Микроформаты в HTML
Микроформаты в HTML: Добавляем семантическую информацию к контенту. Изучите форматы, такие как hCard и hCalendar.
Адаптивный дизайн в HTML
Адаптивный дизайн в HTML: Изучите основы адаптивного дизайна в HTML для создания отзывчивых веб-страниц для разных устройств.
Семантическая разметка в HTML
Семантическая разметка в HTML: Узнайте о семантической разметке в HTML и ее важности для доступности и SEO. Изучите теги, такие как , и .
Мета-теги в HTML
Мета-теги в HTML: Познакомьтесь с мета-тегами HTML предоставляющие информацию о веб-странице. Мета-теги description и keywords.
Хранение данных в HTML
Хранение данных в HTML: Узнайте о различных способах хранения данных в HTML. Атрибуты data-* и localStorage, для сохранения информации.
Карты в HTML
Карты в HTML: создание карт и местоположение на веб-страницах с помощью тега map. Узнайте, как добавлять области с ссылками на карту.
Аудио в HTML
Познакомьтесь с встраиванием аудио на веб-страницы с помощью тега audio. Узнайте, как добавлять звуковые файлы и управлять воспроизведением.
Видео в HTML
Видео в HTML: встраиваем видео на веб-страницы с помощью тега video. Изучите атрибуты для управления воспроизведением видео.
HTML и СSS
Узнайте, как связать HTML и CSS для создания стильных веб-страниц. Изучите различные способы добавления стилей к элементам HTML.
Формы в HTML
Изучите создание форм в HTML с помощью тега . Узнайте, как создавать текстовые поля, кнопки, флажки, переключатели и другие элементы форм.
Таблицы в HTML
Познакомьтесь с созданием таблиц в HTML. Узнайте, как создавать заголовки, строки и ячейки таблицы, как объединять ячейки и добавлять рамки.
Гиперссылки в HTML
Изучите создание гиперссылок в HTML с помощью тега . Узнайте, как создавать ссылки на другие веб-страницы, файлы и разделы на странице.
Изображения в HTML
Узнайте, как добавлять изображения на веб-страницы с помощью тега . Изучите атрибуты, такие как src, alt и width, для управления изображениями.
Текст в HTML
Изучите различные способы работы с текстом в HTML. Узнайте, как создавать заголовки, абзацы, списки и другие текстовые элементы.
Структура HTML
Узнайте о структуре HTML-документа, включая теги html, head и body. Понимание правильной структуры поможет в создании семантически верных веб-страниц.
Атрибуты HTML
Познакомьтесь с атрибутами HTML, которые предоставляют дополнительную информацию о элементах. Распространенные атрибуты и их использование.
Теги в HTML
Узнайте о различных тегах HTML и их ролях в создании веб-страниц. Освойте основные и расширенные теги для разметки контента.
Основы HTML
Изучите основы HTML и начните создавать свои веб-страницы. Узнайте о тегах, атрибутах, структуре документа и простых элементах HTML.
Эффект параллакса при прокрутке на CSS
Изучите способы создания эффекта параллакса при прокрутке страницы с использованием CSS и добавьте интерактивность к своему дизайну.
@keyframes СSS
Изучите анимацию ключевых кадров, @keyframes в CSS и создайте сложные и интересные анимации для своих веб-страниц.
Flexbox CSS центрирование элементов
Узнайте, как использовать Flexbox в CSS для удобного центрирования элементов на веб-странице, без необходимости вручную задавать отступы.
Как создать выпадающее меню на чистом CSS
Изучите способы создания выпадающего меню на веб-странице без использования JavaScript, только с помощью CSS.
Медиа-элементы в CSS
Изучите способы стилизации медиа-элементов, таких как изображения и видео, с помощью CSS, чтобы они лучше вписывались в дизайн страницы.
Анимация загрузки CSS
Изучите способы создания анимации загрузки на веб-странице с использованием CSS, чтобы улучшить визуальный опыт пользователей.
Стилизация кнопок CSS
Узнайте, как изменить стиль и внешний вид кнопок на веб-странице с помощью CSS и сделайте их более привлекательными для пользователей.
Как создать эффект параллакса CSS
Изучите способы создания эффекта параллакса на веб-странице с использованием CSS и добавьте глубину и динамику в свой дизайн.
Оптимизация CSS
Узнайте, как оптимизировать производительность веб-страницы, сократив размер и количество используемого CSS-кода.
Cоздание горизонтального меню навигации в CSS
Изучите способы создания горизонтального меню навигации на веб-странице с использованием CSS, чтобы улучшить навигацию пользователей.
Псевдоклассы в CSS
Псевдоклассы в CSS: как применять стили к элементам в зависимости от их состояния и положения, для создания интерактивных эффектов.
Как создать слайдер изображений CSS
Узнайте, как создать слайдер изображений с помощью CSS и JavaScript, добавляя интерактивность и привлекательность на веб-странице.
Переменные в CSS
Узнайте, как использовать переменные в CSS для удобного управления стилями и легкого изменения дизайна на веб-странице.
Как создать анимированные переходы CSS
Изучите возможности CSS для создания плавных и красивых анимированных переходов между состояниями элементов.
Тени и границы в CSS
Узнайте, как использовать тени и границы в CSS для создания эффектных элементов на веб-странице.
Создание адаптивного меню навигации CSS
Изучите способы создания адаптивного меню навигации на веб-странице с использованием CSS, удобное меню навигации на различных устройствах.
Стилизация форм CSS
Узнайте, как создать привлекательные и функциональные формы на веб-странице с помощью CSS. Изучите различные методы стилизации полей ввода, кнопок и других элементов формы.ч
Модальное окно СSS
Изучите способы создания модальных окон на веб-странице с использованием CSS и JavaScript.
Стилизация таблиц CSS
Стилизация таблиц CSS: способы стилизации HTML-таблиц с помощью CSS, создаем более привлекательные табличные данные.
Как создать гибкие колонки CSS
Узнайте, как создать гибкие колонки на веб-странице с использованием CSS, чтобы лучше организовать контент.
Использование трансформаций в CSS
Изучите трансформации в CSS и добавьте эффекты вращения, масштабирования и другие к элементам на странице.
Адаптивные изображения в CSS
Узнайте, как создавать адаптивные изображения на веб-странице с использованием CSS.
Псевдоэлементы CSS
Изучите псевдоэлементы в CSS и узнайте, как добавить стильные декоративные элементы на страницу.
Градиентный фон CSS
Изучите способы создания градиентного фона веб-страницы с использованием CSS.
Медиа-запросы в CSS
Медиа-запросы в CSS: Узнайте, как использовать медиа-запросы в CSS для создания адаптивных веб-страниц, @media, 768px, 1024px.
Выпадающее меню на CSS
Выпадающее меню CSS: Изучите способы создания красивых и функциональных выпадающих меню с использованием CSS.
Стилизация ссылок в CSS
Узнайте, как изменить стили ссылок с помощью CSS и сделайте их более привлекательными.
Добавление теней и эффектов в CSS
Изучите возможности CSS для добавления теней и других эффектов к элементам веб-страницы.
Позиционирование элементов в CSS
Узнайте различные способы позиционирования элементов на веб-странице с помощью CSS.
Grid CSS
CSS Grid: Создаем адаптивные макеты для разных устройств. Новые возможности контроля и гибкости в расположении элементов.
Flexbox в CSS
Изучите Flexbox, новый метод разметки в CSS, и создайте гибкие макеты для своих веб-страниц.
Анимации на CSS
Изучите возможности CSS для создания анимаций и оживите свои веб-страницы.
Изменение размеров элементов CSS
Узнайте, как изменять размеры элементов на веб-странице с помощью CSS.
Работа с шрифтами в CSS
Изучите различные способы задания шрифтов в CSS и создайте стильный дизайн для текста.
Как изменить цвет фона CSS, background-color
Узнайте, как легко изменить цвет фона веб-страницы с использованием CSS. Фокусное ключевое слово: цвет фона CSS.
Селекторы в CSS
Узнайте различные типы селекторов CSS и научитесь выбирать нужные элементы на странице для точной стилизации.
Основы CSS
Основы CSS: введение в каскадные таблицы стилей. Узнайте, как применять стили к веб-страницам и создавать привлекательный дизайн.
Серверный рендеринг с Next.js и Gatsby
Изучите npm-пакеты Express и Koa, для разработки серверной части React-приложений и создайте полноценное веб-приложение.
Управление состоянием в React, npm-пакеты: MobX, Zustand
Изучите различные npm-пакеты MobX и Zustand, для управления состоянием в React-приложениях и выберите подходящий для ваших потребностей.
Создание и публикация npm-пакетов с React-компонентами: Разработка для сообщества
Узнайте, как разрабатывать и публиковать npm-пакеты, содержащие полезные React-компоненты, для использования в проектах сообщества.
Использование Redux-плагинов и middleware из npm: Расширение функциональности Redux
Изучите, как устанавливать и использовать плагины и middleware из npm для расширения функциональности Redux в ваших React-приложениях.
Работа с асинхронными запросами в React с использованием npm-пакетов: Axios, Fetch и другие
Узнайте, как использовать npm-пакеты, такие как Axios и Fetch, для выполнения асинхронных запросов данных в React-приложениях.
Создание и публикация React-компонентов в npm: Разработка для повторного использования
Изучите процесс создания и публикации React-компонентов в npm для повторного использования и облегчения разработки ваших проектов.
Сторонние компоненты в React
Узнайте, как устанавливать и интегрировать сторонние компоненты в React-приложения с помощью npm, расширяя функциональность и повышая производительность.
CSS-модули в React
Изучите, как использовать CSS-модули в React-приложениях для создания локальных стилей компонентов и изоляции CSS-правил.
Создание собственных npm-пакетов для React: Разработка и публикация
Узнайте, как разрабатывать и публиковать собственные npm-пакеты для использования в React-проектах и их установка через npm.
Управление зависимостями в React с npm
Изучите процесс установки, обновления и управления зависимостями в React-проектах с использованием npm.
Подключение React к базе данных
Изучите, как подключить React к базе данных и работать с данными из внешних источников, таких как Firebase или MongoDB.
Разработка игр на React
Узнайте, как использовать React для разработки интерактивных игровых приложений с использованием графики, анимаций и обработки пользовательского ввода.
Локальное хранилище в React
Изучите, как использовать локальное хранилище в React-приложениях для сохранения и извлечения данных на стороне клиента.
WebSockets в React
Узнайте, как использовать WebSockets в React-приложениях для обмена данными в режиме реального времени с сервером.
Интеграция React с другими библиотеками и фреймворками: Vue, Angular, Ember
Изучите, как интегрировать React с другими популярными библиотеками и фреймворками, такими как Vue, Angular и Ember.
Деплой React-приложений
Узнайте, как развертывать React-приложения на различных хостинг-платформах и настроить окружение для запуска приложений в продакшн.
Графические библиотеки в React
Изучите, как использовать графические библиотеки в React-приложениях для создания визуальных эффектов, диаграмм и графиков.
Оптимизация кода в React
Изучите методы оптимизации кода в React-приложениях, включая чистку кода, улучшение структуры проекта и удаление неиспользуемого кода.
React GraphQL
Узнайте, как использовать GraphQL в React-приложениях для более эффективного запроса и мутации данных с сервера.
Реактивное программирование с RxJS и React: Управление потоками данных
Изучите, как использовать RxJS в React-приложениях для управления асинхронными потоками данных и обработки событий.
Тестирование производительности React
Узнайте, как измерять и тестировать производительность React-приложений для выявления узких мест и оптимизации кода.
Анимации в React
Изучите, как создавать анимации в React-приложениях для добавления динамичности и привлекательности к пользовательскому интерфейсу.
React Native – IOS и Android
React Native для разработки кросс-платформенных мобильных приложений и переиспользования кода между iOS и Android.
Интернационализация в React – i18n
Изучите, как реализовать интернационализацию в React-приложениях для поддержки многоязычных пользовательских интерфейсов.
Server-Side Rendering в React
Server-Side Rendering в React: Как работает серверный рендеринг в React, принципы и возможности SSR для оптимизации производительности.
Оптимизация производительности React
Изучите методы и подходы к оптимизации производительности React-приложений для создания более быстрых и отзывчивых интерфейсов.
Тестирование React-приложений
Узнайте, как писать юнит-тесты и выполнять интеграционное тестирование в React-приложениях для обеспечения стабильности и надежности.
React Hooks
Изучите, как использовать React Hooks для упрощения работы с состоянием компонентов и эффектами.
Redux в React
Узнайте, как использовать Redux в React для управления состоянием приложения и обеспечения предсказуемости и масштабируемости.
Контекст в React
Изучите, как использовать контекст в React для передачи данных между компонентами без необходимости передачи пропсов через каждый уровень.
Жизненный цикл компонентов в React: Управление процессом создания и удаления
Узнайте о различных этапах жизненного цикла компонентов в React и управляйте процессом создания и удаления компонентов.
API в React
React предоставляет мощные инструменты для работы с внешними API и интеграции с различными сервисами. В этой статье мы рассмотрим, как взаимодействовать с API в React-приложениях для получения и отправки данных.
Роутинг в React: Навигация и управление URL
Узнайте, как создавать навигацию и управлять URL-адресами в React с помощью механизма роутинга.
AJAX-запросы в React
Изучите, как выполнять AJAX-запросы в React для получения и отправки данных на сервер.
Управление формами в React
Узнайте, как управлять формами в React, получать ввод от пользователя и обрабатывать отправку данных.
События в React
Изучите, как обрабатывать события пользовательского взаимодействия в React и создавать отзывчивые интерфейсы.
Состояние и свойства в React: Управление данными компонентов
Узнайте, как управлять состоянием и свойствами компонентов в React и создавать динамические интерфейсы.
Работа с компонентами в React: Создание и использование.
Изучите, как создавать и использовать компоненты в React, чтобы организовать код и повысить повторное использование.
Введение в React
Узнайте основные принципы и концепции React и начните создавать мощные и интерактивные пользовательские интерфейсы.
Как работают веб-браузеры?
Узнайте, как работают веб-браузеры, как они интерпретируют HTML, CSS и JavaScript, а также как отображают веб-страницы.
Что такое HTTP и как это работает?
Узнайте, что такое протокол HTTP, как он обеспечивает взаимодействие между клиентом и сервером, а также как происходит обмен данными.
Что такое доменное имя и как оно работает?
Узнайте, что представляет собой доменное имя, как оно связано с URL, как зарегистрировать домен и как работает система DNS.
Как работает DNS?
Узнайте, как функционирует система DNS, преобразующая доменные имена в IP-адреса, и как она обеспечивает работу интернета.
Как работает Интернет?
Узнайте, как функционирует Интернет, как взаимодействуют компьютеры и серверы, и как происходит передача данных через сеть.
Аутентификация в веб-приложениях на JavaScript
Узнайте, как реализовать аутентификацию и авторизацию пользователей в веб-приложениях на JavaScript для обеспечения безопасности и контроля доступа.
Node.js и Express
Узнайте, как использовать Node.js и фреймворк Express для создания серверных приложений на JavaScript и разработки API.
SPA на Angular
Погрузитесь в разработку одностраничных приложений (SPA) с помощью фреймворка Angular и создавайте мощные веб-приложения на JavaScript.
Реактивные интерфейсы на Vue.js
Изучите фреймворк Vue.js и создавайте реактивные интерфейсы для ваших веб-приложений на JavaScript.
React Native и Ionic
Узнайте, как использовать фреймворки, такие как React Native или Ionic, для разработки кросс-платформенных мобильных приложений на JavaScript.
Игры на JavaScript
Узнайте, как создавать простые игры с помощью JavaScript и HTML5 и погрузитесь в разработку игрового контента.
Геолокация и местоположение в JavaScript
Геолокация и местоположение в JavaScript: API и шаги использования для создания местоспецифичного функционала в веб-приложениях.
Canvas в JavaScript
Погрузитесь в мир интерактивных графических элементов и анимаций с помощью библиотеки Canvas в JavaScript.
Локальное хранилище и куки в JavaScript
Узнайте, как использовать локальное хранилище и куки в JavaScript для сохранения данных на клиентской стороне.
Оптимизация и производительность JavaScript-приложений
Изучите стратегии и техники оптимизации производительности JavaScript-приложений для создания быстрых и отзывчивых веб-сайтов.
Отладка и тестирование JavaScript-кода
Узнайте о различных инструментах и методах отладки и тестирования JavaScript-кода для создания стабильных и безошибочных приложений.
Использование модулей и пакетов в JavaScript с инструментами Node.js и npm
Узнайте, как использовать модули и пакеты в JavaScript с помощью инструментов, таких как Node.js и npm, для создания масштабируемых приложений.
Регулярные выражения в JavaScript
Изучите основы работы с регулярными выражениями в JavaScript и применяйте их для обработки и поиска текстовых данных.
Взаимодействие с браузером: управление окнами, вкладками и историей браузера JavaScript
Познайте способы взаимодействия с браузером через JavaScript: управление окнами, вкладками и историей для более удобного пользовательского опыта.
Формы и валидация данных в JavaScript
Узнайте, как работать с формами и выполнять валидацию данных с помощью JavaScript для создания надежных веб-форм.
Манипулирование DOM: изменение структуры HTML-страницы с JavaScript
Изучите способы манипулирования DOM с помощью JavaScript и создавайте динамические и интерактивные веб-страницы.
AJAX в JavaScript
Узнайте, как использовать технологию AJAX для обмена данными с сервером в JavaScript и создавайте динамические веб-приложения.
Асинхронные функции и оператор async/await в JavaScript
Познайте силу асинхронных функций и оператора async/await в JavaScript для удобного управления асинхронным кодом. Концепция async/await позволяет писать асинхронный код в синхронном стиле.
Асинхронное программирование, промисы в JavaScript
Изучите асинхронное программирование с помощью промисов в JavaScript и создавайте отзывчивые и эффективные приложения.
События и обработка пользовательского ввода в JavaScript
Узнайте, как эффективно работать с событиями и обрабатывать пользовательский ввод в JavaScript для интерактивных веб-приложений.
ООП в JavaScript
Изучите принципы объектно-ориентированного программирования в JavaScript и создавайте модульные и гибкие приложения.
Условный оператор switch в JavaScript
Познайте секреты использования условного оператора switch в JavaScript для элегантного управления ветвлением кода.
Дата и время в JavaScript
Изучите возможности работы с датами и временем в JavaScript и научитесь управлять временными данными легко и точно.
Математические операции и функции в JavaScript
Углубитесь в мир математических операций и функций в JavaScript, чтобы решать сложные задачи эффективно.
Строки в JavaScript
Узнайте, как эффективно работать со строками и выполнять операции над ними в JavaScript.
Массивы в JavaScript
Откройте для себя возможности массивов в JavaScript: создание, добавление и удаление элементов с легкостью.
Объекты и прототипы в JavaScript
Углубитесь в мир объектов и прототипов в JavaScript и научитесь создавать гибкие и мощные структуры данных.
Область видимости в JavaScript
Познайте силу функций в JavaScript и разберитесь с областью видимости переменных для эффективной разработки.
Условные операторы и циклы в JavaScript
Изучите условные операторы и циклы в JavaScript для эффективного управления потоком выполнения программы. Узнайте, как использовать условные операторы для принятия решений и циклы для повторения действий.
Переменные и типы данных в JavaScript
Узнайте, как создавать переменные, работать с различными типами данных и их преобразованиями в JavaScript.
Основы JavaScript
Основы JavaScript: синтаксис, переменные и типы данных, функции, операторы, условия, интеграция JavaScript в HTML.
13 основных алгоритмов сортировки на С/С++
Изучаем самые популярные алгоритмы сортировки, визуализируем и сравниваем.
Методы массивов в JavaScript
Массивы в JavaScript: push(), pop(), slice(), map(), filter(), reduce(), sort() и многое другое для манипуляции и обработки данных.
Руководство по графической библиотеке Python Tkinter
Краткое руководство по графической библиотеке Python Tkinter для создания GUI-приложений, список основных команд, возможностей и методов.
Классы хранения в C
В языке программирования C существует четыре типа классов хранения: auto, extern, static и register. Каждый из них имеет свое назначение и применение.
19 увлекательных идеи проектов на Python для новичков в портфолио
Лучшие идеи проектов на Python для практики и портфолио
Что такое URI, URL и URN: чем отличаются?
URL, URI и URN: исследование структуры и семантики этих технологий и их применение в современной веб-разработке
Как расположить div по центру
В данной статье рассмотрим некоторые способы задания положения div’a по центу с помощью таких приемов, как position, flexbox и grid.
Сетевые модели: OSI и TCP/IP
Подробное описание сетевых моделей OSI и TCP/IP
Практика JavaScript
Рассказываем, где практиковать язык программирования JavaScript
Разница между DPI и PPI
В статье рассматривается разница между DPI (точками на дюйм) и PPI (пикселями на дюйм) и их применение. Узнайте, как DPI используется в печати, а PPI – на цифровых экранах, и как эти понятия влияют на качество изображений.
В чем отличие растровой и векторной графики?
Рассмотрим, что такое растровая и векторная графика и чем они отличаются.
Есть вопросы?