Создание калькулятора с нуля: туториал по 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 Заключение и задание: Попробуйте создать другие кнопки калькулятора!