CSS Учебники

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

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

В этом проекте мы создадим простой веб-редактор Markdown, который предоставляет живой HTML-предварительный просмотр при наборе текста. С использованием библиотек таких как Ace Editor, marked и highlight.js вы разработаете интуитивно понятный редактор, который не только позволяет писать на Markdown, но и сохраняет данные между сессиями браузера и подсвечивает фрагменты кода в предварительном просмотре.

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

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

В этом проекте мы собираемся создать простую и好玩的игру для回避блока с использованием HTML, CSS и JavaScript. В этой игре блоки двигаются, и игрок должен нажать на черные блоки, чтобы заработать очки и избегать нажатия на белые блоки. Давайте начнем создавать ее пошагово!

Добро пожаловать в проект по симуляции Задачи Монти Холла. Задача Монти Холла - это задача по теории вероятностей, основанная на сценарии телевизионного игры. В этом проекте мы проведем вас по созданию простой веб-симуляции, чтобы продемонстрировать эту задачу. В конце вы получите функциональную симуляцию Задачи Монти Холла, которую сможете протестировать самостоятельно.

В этой лабораторной работе вы изучите основы манипулирования Document Object Model (DOM) с помощью JavaScript, включая выбор элементов, изменение содержимого, установку атрибутов, а также создание/добавление новых элементов.

В этом проекте вы научитесь создавать простой сервис сокращения URL-адресов с использованием Flask и MySQL. Вы узнаете, как настраивать базу данных, проектировать веб-интерфейс и реализовывать функциональность для сокращения URL-адресов, поиска URL-адресов по тегам и просмотра аналитики. Проект прост в освоении и дает полное представление о веб-разработке на Python и управлении базами данных.

Этот проект, 'jQuery Flip Puzzle Game', предоставляет практический опыт в веб-разработке, сосредотачиваясь на JavaScript, jQuery и Bootstrap. Он включает в себя объектно-ориентированное программирование на JavaScript и решает общую проблему связывания 'this' в контексте веб-разработки. Игра реализована с использованием jQuery и Bootstrap 3 для пользовательского интерфейса. Хотя знакомство с Bootstrap полезно, основная логика проекта построена с использованием jQuery и JavaScript.

Добро пожаловать в этот проект по созданию простой игры "Слайд Puzzle" с использованием JavaScript. В конце этого руководства у вас будет работающая игра "Слайд Puzzle" 3x3, которую вы сможете играть в своем браузере. В игре будут использоваться нумерованные плитки, таймер и кнопки для запуска, паузы и сброса игры.

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

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

В этом проекте мы проведём вас через процесс создания простой веб-игры с серпантируемой карточкой. Эта игра позволяет пользователям удалить серый слой, чтобы открыть изображение ниже, которое будет либо сообщением 'Победитель', либо 'Попробуйте снова'. Мы будем использовать HTML для структуры, CSS для стилизации и JavaScript для интерактивности.

В этом проекте вы научитесь создавать игру Whack-a-Mole с использованием HTML, CSS и JavaScript. В игре нужно ударить по кротов, которые случайно появляются из ям в заданный временной лимит. Вы создадите необходимые файлы HTML, CSS и JavaScript и поэтапно реализуете игровую логику.

Я полагаю, что каждый из нас когда-то играл в классическую игру "Сапёр". Правила игры простые, но она крайне увлекательная. Возникало ли у вас когда-то желание создать её самостоятельно? Сегодня мы создадим веб-версию игры "Сапёр". Давайте сначала взглянем на скриншот интерфейса.

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

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