Перейти к содержимому

Создание калькулятора с нуля: туториал по HTML и CSS для начинающих

DailyCodeGrind

0:00 / 0:00

Создание калькулятора с нуля: туториал по HTML и CSS для начинающих

20 просмотров · 8 дн. назад
DailyCodeGrind
20 подписчиков
20 просмотров · 8 дн. назад
Готовы создать свой собственный калькулятор? В этом видео мы углубимся в основы HTML и CSS, создав и стилизовав пользовательскую кнопку калькулятора с нуля! Если вы пропустили, как мы настраивали файлы проекта и сервер, посмотрите сначала предыдущее видео:    • Getting Started with Web Development (HTML...   Создание калькулятора — один из лучших проектов для начинающих, позволяющий улучшить навыки программирования. Попутно мы изучим, как использовать NERDTree для управления файлами, поэкспериментируем с типографикой (размеры и толщина шрифтов) и улучшим нашу кнопку, используя отступы, радиусы границ и цвета фона. Если вам это помогло, поставьте лайк, оставьте комментарий и подпишитесь на канал, чтобы получать больше уроков по программированию! Хэштеги: #ВебРазработка #HTMLCSS #ПрограммированиеДляНачинающих #ФронтендРазработка 🚀 Задание дня: Попробуйте создать другие отдельные кнопки для своего калькулятора! Независимо от того, используете ли вы Windows или Mac, попробуйте создать клон кнопок калькулятора вашей системы. Поделитесь своими впечатлениями в комментариях ниже! ⏱️ Таймкоды 0:00 Введение: Почему калькулятор — отличный проект 0:55 Создание нашей первой кнопки 1:30 Обзор текста кнопки, жирности и размера 2:03 Настройка макета: HTML и CSS с помощью NERDTree 2:45 Обновление CSS от абзаца к элементу кнопки 2:50 Эксперименты с размерами шрифтов с помощью ключевых слов 3:55 Настройка толщины шрифта 4:08 Точная настройка размера текста в пикселях 5:20 Добавление и настройка отступов 8:15 Скругление углов с помощью радиуса границы 9:23 Выбор цвета фона 10:20 Заключение и задание: Попробуйте создать другие кнопки калькулятора!