Upiększamy stronę za pomocą CSSa
W dzisiejszym poście poznamy podstawy CSS (ang. Cascading Style Sheets) czyli języka, za pomocą którego sprawimy, że strona internetowa naszej gry Szybkie Palce! będzie wyglądać dużo lepiej niż obecnie.
W dzisiejszym poście poznamy podstawy CSS (ang. Cascading Style Sheets) czyli języka, za pomocą którego sprawimy, że strona internetowa naszej gry Szybkie Palce! będzie wyglądać dużo lepiej niż obecnie.
Od zawsze uważałem że najlepszą rzeczą jaką możemy zrobić żeby przyswoić wiedzę to zacząć jej używać w praktyce. W poście Podstawy GITa. poznaliśmy podstawowe pojęcia i komendy Gita. Dziś przejdziemy od słów do czynów i użyjemy systemu kontroli wersji Git do pracy nad bardzo prostą stroną internetową.
Git to “darmowy i publiczny rozproszony system kontroli wersji” (https://git-scm.com/). Służy do śledzenia zmian w kodzie w projekach programistycznych. W tym poście poznamy podstawy pracy z tym narzędziem.
Systemy kontroli wersji oprogramowania są jednym z podstawowych narzędzi programisty. Dlatego już na samym początku dobrze jest się z nimi zapoznać. Główną funkcją systemów kontroli wersji (ang. Version Control Systems – VCS) jest umożliwienie śledzenia zmian w naszym kodzie.
Tworzenie gry Szybkie Palce! wchodzi w decydującą fazę. W poprzednich postach zaprojektowaliśmy ją, stworzyliśmy logikę rozpoczynania gry i pojedynku graczy. W dzisiejszym poście zaimplementujemy funkcje, w których wyłonimy zwycięzcę.
W tym poście zajmiemy się główną częścią logiki gry Szybkie Palce! czyli obsługą pojedynku na refleks pomiędzy dwoma Graczami. O samej grze możesz poczytać w poście Piszemy grę. Dotychczas stworzyliśmy strukturę gry oraz napisaliśmy funkcję rozpoczynającą rozgrywkę (Gra Szybkie Palce! Funkcja RozpocznijGre.). Dziś dodamy obsługę zdarzeń w przeglądarce takich jak: naciśnięcie klawisza oraz upłynięcie określonego czasu.
W poście Piszemy grę opisaliśmy pomysł na przeglądarkową grę Szybkie Palce! oraz wykonaliśmy analizę jej przebiegu. Rozpisaliśmy prosty algorytm mechaniki gry, wypisaliśmy zmienne jakich będziemy potrzebować oraz to jakie wartości początkowe będą one przyjmować. W tym poście przechodzimy do implementacji ustawień tych początkowych wartości. Za inicjalizację zmiennych będzie odpowiedzialna funkcja “RozpocznijGre” .
Na “Drodze programisty” nauczyliśmy się już wiele. Wiemy czym jest program komputerowy, co to są zmienne i funkcje. Wiemy jak sterować logiką naszego programu. Nadeszła chwila, aby wykorzystać naszą wiedzę i stworzyć coś bardziej praktycznego niż podawane przeze mnie przykłady. Dziś zaczniemy pisać grę. Taką prostą, przeglądarkową. Jest to pierwszy post z tej serii a na jej końcu będziemy mieli własną grę, w którą można zagrać na domówce ze znajomymi 😉
W poprzednim poście dowiedzieliśmy się, jak za pomocą instrukcji warunkowych sterować logiką naszego programu. Dziś zrobimy kolejny krok i poznamy funkcje. Dzięki nim możemy ładnie grupować sobie nasz kod w mniejsze, bardziej zrozumiałe i łatwiejsze do zarządzania części, które będziemy mogli wykorzystywać wielokrotnie.
Droga Programisty
Creyn Paweł Kowalik
M | T | W | T | F | S | S |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |