37. HTML, CSS, JavaScript - Dice game. Приложение Игра в кости

Описание: 🟢 Пишем приложение "Игра в кости" на JavaScript. Есть 2 игрока (2 кубика) и кнопка бросить кости. Результатом игры может быть когда 1й игрок победил, 2й игрок победил или ничья. В уроке делаем с нуля разметку HTML и стили CSS. Также используем SVG спрайты и динамически их отрисовываем на странице.

➡️ таймлайн ➡️
00:00 старт
00:45 обзор игры
01:42 логика в корне
02:40 дизайн кубиков
03:34 svg спрайты
04:21 html - разметка
05:25 css - стили
09:42 javascript - логика игры
18:15 финиш

▶ ПОДДЕРЖАТЬ можно тут - Boosty: https://boosty.to/dmitry_ko
▶ Telegram: https://t.me/Dmitry_Kolotilshikov
▶ GitHub: https://github.com/DmitryKolotilshikov
▶ Linkedin:   / kolotilshikov  
▶ Графический дизайн и анимация: https://t.me/getlogo

📎 PDF ФАЙЛ с кодом к каждому уроке в телеграм канале 📎

⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео):    • Полный КУРС 2024 по GIT. Команды, терминал...  
🔑 CSS Flexbox (2 видео):    • 47. Frontender[1.0] FLEXBOX (флексбокс) те...  
🔑 CSS Grid (2 видео):    • 78. Frontender[1.0] CSS GRID | Теория, Пра...  
🔑 Препроцессоры SCSS (2 видео):    • 82. Frontender[1.0] ПРЕПРОЦЕССОРЫ SASS | S...  
🔑 SVG, svg-спрайты (2 видео):    • 53. Frontender[1.0] Векторная графика SVG ...  
🔑 1 уровень - Верстка макета (8 видео):    • 57. Frontender[1.0] Верстка первого макета...  
🔑 2 уровень - Верстка макета (8 видео):    • 70. Frontender[1.0] ВЕРСТКА второго макета...  
🔑 3 уровень - Верстка макета (10 видео):    • 84. Frontender[1.0] ВЕРСТКА Макета. Обзор ...  

⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;

HTML, CSS, JavaScript - Dice game. Приложение Игра в кости

📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript