Zaznacz i przeciągnij wybrany kod


/* Białe tło: */
c.fillStyle = "rgb(255,255,255)";
c.fillRect(0, 0, 476, 476);


// Niebieski odcinek:
c.strokeStyle = "blue";
c.beginPath();
c.moveTo(10, 10);
c.lineTo(90, 90);
c.stroke();


// Czerwony trójkąt:
c.fillStyle = "rgba(255,0,0,0.5)";
c.moveTo(10, 10);
c.lineTo(90, 90);
c.lineTo(10, 90);
c.fill();


// INNE
for(var i=1; ;i++) {

}

Jak się bawić

Kodujący stwór uczy dzieci i dorosłych programowania w JavaScript!

Zabawa jest prosta. Podążaj za instrukcjami stwora. Jeśli utkniesz to przeskocz do następnego kroku. Zawsze możesz wrócić!

Kliknij na przycisk WSTECZ jeśli chesz przejść do wcześniejszego kroku. Jeśli za bardzo namieszasz kliknij przycisk RESET aby odświeżyć obszar z kodem.

Miłej zabawy!

Wybierz lekcję

O stronie

Kodujący stwór (oryginalnie Code Monster) to interaktywny samouczek dla dzieci która skupia się na akcji. Zmiany w kodzie natychmiast dają widoczne rezultaty.
Projekty zaczyna się od prostych figur i kolorów, szybko postępując do ciekawych eksperymentów z prostymi animacjami i fraktalami. Ważne pojęcia programowania jak zmienne, pętle, instrukcje warunkowe, wyrażenia i funkcje są wprowadzane przez przykład.
Kodujący stwór fajnie i przyjemnie wprowadza do koncepcji programowania. Jest to pierwszy krok w nauce programowania. Jest przeznaczony do nauczania wszystkich informatyki i programowania.

Często zadawane pytania

Czym jest c w czymś takim jak c.save()?

To trochę pytanie techniczne, ale, jeśli chcesz poznać szczegóły, c jest zmienną Kodujący Stwór tworzy ją dla Ciebie, zawiera obiekt HTML5 Canvas 2D. Kod, który tworzy zmienną c, która jest ukryty

var c = pane.getContext('2d');

Jak mogę zapisać mój kod i używać go poza Kodującym stworem?

Krótka odpowiedź: Nie jest to bardzo proste, ale można skopiować i wkleić kod w blogu lub stronie.

Dłuższa odpowiedź: minimalny plik HTML, który działa, wyglądałby tak:


<canvas id=pane width=476 height=300></canvas>
<script>
var c = pane.getContext('2d');

// Tutaj wklej swój kod

</script>

Jeśli skopiujesz i wkleisz kod do pliku, a następnie zapiszesz plik w .html, powinieneś być w stanie załadować stronę WWW w dowolnej przeglądarce internetowej.

Polityka prywatności

Kodujący stwór jest zwolennikiem ochronny prywatności. Nie utrzymuje prawie żadnych informacji na temat ludzi, którzy korzystają z witryny.
Witryna nie wymaga rejestracji. Nie wymaga adresu e-mail. Nie wiem, kim jesteś. Podczas korzystania ze strony, jesteś w zasadzie anonimowy.
Kodujący stwór nie korzysta z plików cookie. Aplikacja korzysta z HTML5 Local Storage, która umożliwia przechowywanie danych na komputerze, a nie zdalnie na serwerach. Stwór nawet nie wie, co było na lekcji lub ile lekcji ludzie przy użyciu aplikacji zakończyli, to trochę szkoda, że ​​nie, ale tak poważnie traktujemy prywatność.

Kontakt

Uwagi proszę zgłaszać przez blog Portfolio RK