#3 Membuat Game TIC TAC TOE | Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐

Подписаться 874 тыс.

Просмотров 42 тыс.

50% 1

Mari kita membuat Game TIC TAC TOE
Referensi Video:
- react.dev/learn/tutorial-tic-...
- id.react.dev/learn/tutorial-t...
Repository Belajar React WPU
github.com/sandhikagalih/bela...
Jalur Belajar React:
1. HTML Dasar
• HTML Dasar
2. CSS Dasar
• CSS Dasar
3. CSS Layouting
• CSS Layouting
4. Javascript Dasar
• Dasar Pemrograman deng...
5. Javascript DOM
• Javascript dan DOM (Do...
6. Javascript Lanjutan
• JAVASCRIPT LANJUTAN
7. Git & GitHub
• GIT & GITHUB
8. NodeJS & NPM
• Belajar NodeJS
-- CHAPTERS --
00:00:00 Pendahuluan
---
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Official Store 👕
shopee.co.id/wpustore.id
👾 Gabung Server Discord WPU 👾
/ discord
- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- / sandhikagalih
- tiktok.com/@sandhika.galih
- / sandhikagalih
- github.com/sandhikagalih
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

Опубликовано:

16 июл 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 74

@mhaidarhanif 11 месяцев назад

Yoi mantap 👏 Konsep yang menarik di sini ada immutability dan time travel. Yang sejak dahulu kala pun sudah diperkenalkan di dokumentasi React versi sebelumnya. Dengan yang sekarang sudah lebih modern menggunakan function component dan React Developer Tools yang terbaru.

@gunzxx1723 11 месяцев назад

Buat yg ingin ngatasin bug ketika calculateWinner bisa coba ganti if nya jadi gini : if (squares[a] == squares[b] && squares[b] == squares[c]) { return squares[a]; } 😁👍🏻

@agribyChaniago 10 месяцев назад

mantapp pantesan bingung kok gitu wkwkw

@latihancoding839 25 дней назад

thanks, pantes agak bingung disini

@ilightning_ 3 месяца назад

Buat yang mau tambahin sistem Draw (Kalau player tidak ada yg menang) : let status; if (winner) { status = 'Winner: ' + winner; } else if (squares.every(square => square !== null)) { status = 'Draw'; } else { status = 'Next Player: ' + (xIsNext ? 'X' : 'O'); }

@samyutomo 11 месяцев назад

1:10:10 “Genap itu pasti X, ganjil pasti Y” ucapan Pak Dhika typo tapi crew nya teliti mengoreksi. Mantap! Terima kasih Pak Dhika and the crew untuk ilmu dan video pembelajaran yg berkualitas. Sukses selalu! 👍🏼🙏🏼

@ahmadazizfauzi_teknikinfor4796 11 месяцев назад

Selamat malam pak Dhika, terimakasih atas video2 nya yang bermanfaat hehe. Izin request materi pak Dhika kalau boleh😅 Mungkin bisa dibuatkan mengenai program pembuatan projek html css JS kecil-kecilan buat pemula, kaya pembuatan kalkulator, penghitung mundur, to-do list, atau semacamnya. Projek yang sering disinggung tapi udah nonton tutorial-tutorial belum paham secara detail. Jujur soalnya penjelasan dari Pak Dhika memang paling mudah saya pahami, terutama sebagai pemula 😀

@hendrakusuma2026 9 месяцев назад

MasyaAllah., ilmunya mantab sekali mas Dika., Jazakallah Khairan

@santaiaja_Lah 11 месяцев назад

Keren pak, kemarin sudah live langsung upload playlist nya react

@mirfanarfah3493 11 месяцев назад

logika cek winnernya masih ngebug pak... Coba kondisinya ['x' ,'x', 'o', 'o', null, null, null, null, null] returnnya jadi 'x'....

@bayual01 11 месяцев назад

Nah bener

@gunzxx1723 11 месяцев назад

ganti if nya jadi gini : if (squares[a] == squares[b] && squares[b] == squares[c]) { return squares[a]; }

@016_vickypratamasetiamahar7 7 месяцев назад

@@gunzxx1723 betul bang, aq ganti gini baru sesuai ekspektasi

@hendrakusuma2026 9 месяцев назад

baru nih makin puyeng belajar bikin tic tac toe., ya Allah., moga bisa

@gemamaulana7065 11 месяцев назад

Senang rasanya belajar react Pak, kalau boleh request buat Company profile kombinasi antara react dengan bootsrap pak 😇

@aufarafiki7762 11 месяцев назад

selanjutnya mohon berikan tutorial mengelola web yang multipage pak hehe, sekalian lengkap dengan backend tipis-tipisnya serta menggunakan vite.js pak xixi..🙏🙏

@luthfiyyahamari7464 10 месяцев назад

Terima kasiiii banyaakkk paakk dhikaa atas videonyaa...

@indracode7 11 месяцев назад

Lanjutkan pak dhika👍

@ibarhuttaqi5511 5 месяцев назад

pas mulai masuk ke time travel pusing banget Pak ;(

@fajarnasrulloh8266 11 месяцев назад

terimakasih pak sandhika

@DavisElizabeth-kh9di 9 месяцев назад

mantap bang gas terus jngan kasih loyo xixixii

@wowowkecil 11 месяцев назад

mantap

@riskyablasa5231 8 месяцев назад

Pak dika logikanya kuat banget. Jam terbang tinggi pasti

@ReinalddyAldy 11 месяцев назад

azeek hehe

@F_F996 11 месяцев назад

Bang, coba bikin tutorial AWS Cloud Computing🙏.Terimakasih🙏

@RheaVlog 11 месяцев назад

pertamax .... eh ... nyimak member only ...

@m.a.h.1505 11 месяцев назад

Pak dhika request materi tentang python😇🙏🏻

@haniramadhan678 11 месяцев назад

Mantappp.. Member jg dong

@ibankproduction7190 4 месяца назад

mantap pak

@zenqy2592 10 месяцев назад

kalau misal ingin memisahkan componentnya ke folder component berdasar function misal func Board() gitu, itu apa aja yang harus di ubah pak? gak mungkin kan cuman copas ke file component baru?

@ludgeralvurza1090 7 месяцев назад

Pak coba tutor langsung react JS dengan mengcombinasikan dengan Back end nya pak terimakasih

@tuangkarombang5315 11 месяцев назад

Di tahap pembuatan Timetravelnya nge blank sy pak😂🙏

@WakJezz 11 месяцев назад

Akhirnya kepake juga membernya.. Wakakakakaka..

@yudhibk3613 7 месяцев назад

kalo saya liat dari codingannya alur trigger untuk ganti squaresnya itu click squares > onplay running handleplay > handleplay setup moves dan history > (useState berjalan?) mengganti si squares di board > terus oper value squares dari Game() ke Board() > Board() ngerubah semua value di square berarti kalo kita setState yang memakai useState itu selalu ngetrigger parent functionnya kah? dan setiap kita return inisialisasi komponen, itu otomatis juga menjalankan fungsi komponen tersebut yah? saya masih pake vanilla js, jadi saya agak bingung sama alur react ini...

@rizalahmad7427 11 месяцев назад

Pak... Ngobar web kedai kopinya kapan dilanjutin...?? 😁

@paintendo1251 10 месяцев назад

ditunggu yang pakai typescript nya pak

@MrGunkbram 19 дней назад

Kak, bikinin react yg bsa sambunhkan ke database untuk CRUD beserta bikin dashboard nya kak, please🙏

@muhammaddanihaikal3559 6 месяцев назад

trima kasih untuk ilmunya pa, tapi mohon maaf pa, untuk pembagian chapter pada video ini belum ada yah?

@WiryaSoedibjo 10 месяцев назад

hooh ngudud lah

@cloverstudio2497 11 месяцев назад

assalamu'alaikum pak dhika, terimakasih semua video" nya sangan membantu saya saat membuat website pribadi saya :) kalau boleh izin request materi soal PWA ( progressive web app ). saya sudah cari referensi di banyak tempat tapi gk paham", cuma di channel ini saya cepet paham 😊, sukses terus pak dhika 👍

@animeclip7266 11 месяцев назад

nama playlistnya di channel pa dika apa kak?

@yuliarahma1300 11 месяцев назад

jangan lupa bahas yg lagi hot pak, livewireV3 + Filament Admin, terima kasih.

@genshin1593 25 дней назад

function jumpTo(nextMove) { setCurrentMove(nextMove); nextMove == 0 ? setHistory([Array(9).fill(null)]) : false; } untuk gamenya bisa restart semua nya ke awal bisa pake ini

@Iskael 11 месяцев назад

yang sekarang sih web nya lebih enak dibanding awal belajar react 2018 lalu

@user-kl3qw4ux9g 11 месяцев назад

Assalamu'alaikum pak dika, alhamdulillah saya sedang menyelesaikan playlist Js lanjutan, juga sudha menyelesaikan DOM playlist. Selanjutnya Apakah masih bagus untuk belajar Stack Mevn, dan Vue js untuk front end nya juga Jquery Terimakasih, sehat selalu guru kesayangan

@miguelemmara5046 10 месяцев назад

menurut ku fokus ke 1 aja dulu bro, MERN stack skrg lbh populer, kalo udh bisa kuasai 1 juga gampang learning new tech stack

@WhyNot-fp6cv 8 месяцев назад

Tutor basic routes dll ny gk ad pembahasan ya.

@pacific6933 8 месяцев назад

😊😊

@andrihamdaniharahap5795 11 месяцев назад

Izin bertanya bang, apakah kalau kita melihat source kode dari game slot misalnya Olympic Gates atau Zeus, dan apabila kita bisa tahu koding daripada HTML kita bisa melihat putaran selanjutnya, atau mungkin tidak bisa karena dicoding dengan base64, Izin bertanya bang

@akamarusensei7029 11 месяцев назад

Logika dari situs spt itu berada di server bng. Jadi browser mengirim perintah "spin" ke server, lalu server merespon dengan mengirim data hasil spinnya, terus browser menerima data tersebut untuk selanjutnya ditampilkan di layar. Dan hampir mustahil melihat source code milik server.

@WiryaSoedibjo 10 месяцев назад

salam dri afrika bang