CSS Учебники

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

В этом проекте вы научитесь создавать реагируемый макет кубиков с использованием Flexbox CSS. Цель - расположить набор кубиков с различными паттернами точек в соответствии с определенными требованиями макета.

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

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

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

В этом проекте вы научитесь использовать CSS Flexbox для создания макета расстановки фруктов. Вы узнаете, как использовать свойства align-self и order для позиционирования и расстановки фруктов в мисках.

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

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

В этом проекте вы научитесь создавать простой сервис сокращения 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, которую вы сможете играть в своем браузере. В игре будут использоваться нумерованные плитки, таймер и кнопки для запуска, паузы и сброса игры.

В этой лаборатории путь Алексея в разработке персонального финансового трекера входит в более продвинутую стадию, с акцентом на повышение интерактивности приложения с использованием сложных техник обработки событий. Сценарий разворачивается на头脑-сторонг-сессии в технологическом стартапе, где Алекс предлагает добавить функцию перетаскивания для переупорядочивания финансовых записей. Эта амбициозная цель направлена на то, чтобы предоставить пользователям интуитивный способ организации своих записей, отражая динамичность управления личными финансами. Для достижения этого Алекс должен изучить продвинутые DOM-события и манипулировать элементами таким образом, чтобы они были как визуально привлекательными, так и удобными для пользователя.

В 'Доме для питомцев', виртуальном мире для любителей животных, веб-разработчик Алекс предпринимает попытку обновить показку их услуг с использованием CSS Grid.

В оживленном городе Петвилль веб - разработчик Джордан получил задачу переделать сайт 'Дом для питомцев'.

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

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

В оживленном мире 'Дома для питомцев', виртуальном святилище для любителей животных, Тейлор, креативный веб-дизайнер, отправляется в путь, чтобы придать жизнь веб-сайту.

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