Web Dev Fundamentals - Recap of JS/TS, HTML, CSS, and Vite by building Minesweeper

  Рет қаралды 358

Rainer Stropek

Rainer Stropek

Күн бұрын

This is a recording of my teaching at HTL Leonding (htl-leonding.at).
This lecture is in a class that I did not know before. So we did a recap on selected JavaScript/TypeScript-, HTML-, and CSS-topics by building a simple Minesweeper game. In the end, we also covered the basics about Vite. This will become important when we switch to Angular (also with Vite) in the upcoming weeks.
00:00:00 Creating the project, setup of environment (Liveserver)
00:17:04 First steps of game logic in JavaScript
00:24:06 Creating the game grid with CSS Grid
00:33:48 Click handling (talking about closures)
00:54:07 Truthy/falsy
00:58:16 Randomly placing mines
01:07:56 Converting JS to TS
01:27:26 Adding Vite for dev server and build
01:33:07 Closing

Пікірлер
C# Fundamentals - Stack, Heap, and References
30:42
Rainer Stropek
Рет қаралды 2,9 М.
SAG 2023: Introduction to OpenAI Embeddings (with Python code samples)
45:52
WORLD BEST MAGIC SECRETS
00:50
MasomkaMagic
Рет қаралды 49 МЛН
Bike Vs Tricycle Fast Challenge
00:43
Russo
Рет қаралды 79 МЛН
Become A Master Grid CSS In 13 Minutes
13:46
Lun Dev
Рет қаралды 40 М.
I gave three AI models a CSS quiz
50:31
Kevin Powell
Рет қаралды 11 М.
🚨 [LIVE] Build a Full Stack App with NextJS - Day 3 🚨
4:28:16
Magdeburger DevDays: Why I Think Everybody Should Learn Rust
1:01:10
Rainer Stropek
Рет қаралды 1,6 М.
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 282 М.
OOP 2024: Understanding and Applying Embeddings in AI Solutions
56:38
OOP 2024: Rust Memory Management Introduction
57:05
Rainer Stropek
Рет қаралды 1,4 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,5 МЛН
An Introduction to WPF
56:08
Rainer Stropek
Рет қаралды 1,2 М.
WORLD BEST MAGIC SECRETS
00:50
MasomkaMagic
Рет қаралды 49 МЛН