Kurs JavaScript odc. 3: Gra w wisielca. Przetwarzanie łańcuchów




Wesprzyj na Patronite ► https://patronite.pl/pasja-informatyki

Trzeci odcinek kursu pozwoli nam zrozumieć jak w JavaScript przetwarzane są napisy, czyli tzw. łańcuchy (stringi). Oczywiście moglibyśmy potestować zachowanie się łańcuchów na jakichś przykładowych sentencjach, ale to by było nudne. Zamiast zajmować się na sucho takimi klasykami, wypłyńmy na nieco głębszą wodę i zróbmy sobie dzisiaj grę komputerową, która będzie operować na łańcuchach. Znamy ją myślę wszyscy – nazywa się wisielec, albo szubienica.

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

PLIKI DO ODCINKA:

http://miroslawzelent.pl/kurs-javascript/przetwarzanie-lancuchow-gra-wisielec

DOBROWOLNE WSPARCIE:

http://patronite.pl/pasja-informatyki
http://miroslawzelent.pl/dobrowolna-darowizna/

CODE REVIEW NA FORUM:

http://bit.ly/code-reviews-odcinkow

TRENAŻER EGZAMINACYJNY:

http://egzamin-informatyk.pl/

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

MUZYKA:

Muzyka w intro:
Runaways – YouTube Audio Library: https://youtu.be/wyCp0cqPL3Y

Muzyka z podsumowania:
Crimson Fly – Huma-Huma: http://youtu.be/-D2gn7pjxWU

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

ZAPRASZAMY:

http://pasja-informatyki.pl/
http://bit.ly/pasja-fb
http://bit.ly/pasja-gplus
http://egzamin-informatyk.pl/

Slider


http://miroslawzelent.pl/
http://forum.pasja-informatyki.pl/



http://bit.ly/pasja-itunes

Original source


25 responses to “Kurs JavaScript odc. 3: Gra w wisielca. Przetwarzanie łańcuchów”

  1. Umie ktoś wyjaśnić dlaczego dodając tą linijkę w html-u
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1"/>
    sprawiam iż plik js nie może dołączyć? Gdy go usuwam wszystko śmiga, jak tylko wpisze, nagle ciemno.

  2. Polecam dodać do css'a linijki (np. pod element body):
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    Zapobiegają one możliwości zaznaczania tekstu, co bardzo denerwuje przy wciskaniu kilkakrotnie jednego przycisku. Estetyczniej wtedy to wygląda. To jedynie dodatek, ale fajnie to wygląda 😀

  3. Mirosławie troszkę się pomyliłeś przy 33 i 34 literce w tabeli 😀 W alfabecie polskim 2 ostatnie litery są w tej kolejności: Ź Ż natomiast Ty napisałeś na odwrót. Wiem, że napisałem to dosyć późno, ale oglądam drugi raz dla przypomnienia (sam tworzę podobną stronę) i dopiero teraz to zauważyłem. Minuta: 49:03

  4. Jak wczytać wszystkie obrazy podczas wczytywania się pierwszej strony?

    Chodzi o to, że kolejne obrazy wczytywane są dopiero w momencie kliknięcia złej litery, a w przypadku gorszego połączenia internetowego, zanim obraz się załaduje minie kilka sekund, a to powoduje laga w grze… 🙂 gdyby wszystkie obrazy zostały pobrane od razu po wczytaniu się strony, wtedy następowałoby jedynie podmienianie obrazków, a nie ich pobranie i dopiero podmienienie, a to umożliwiłoby płynną rozgrywkę bez zbędnych zacięć 🙂

  5. Witam. Jestem wielkim fanem kanału, fajnie że szybko to się tak rozwinęło, widzów przybywa. Wszystko super. Ale z drugiej strony nie uczył bym młodych złych nawyków, takich jak innerHTML czy onClick w htmlu. I od samego początku pisać już po angielsku żeby wyuczyć sobie ten nawyk. Mam nadzieję że na wszystko przyjdzie z czasem 🙂 Pozdrawiam serdecznie, nie jestem hejterem. Obejrzałem dużo filmików, dobra robota, ale nasunęła mi się właśnie taka myśl.

  6. Nie wyświetla mi polskich znaków. Co dziwne, jak otwieram gotowy skrypt pana Mirosława, to działa. Sądziłem na początku, że mam literówkę w moim kodzie, ale kopiuje fragmenty kodu z gotowego skryptu i też nie działa. Jakieś pomysły? Z góry dzięki!

  7. Witam,

    Według mnie kod ten jest już dość zaawansowany. Próbowałem zrobić całą grę sam, bez pańskiego filmiku i naprawdę ciężko i topornie to szło, można się w tym wszystkim pogubić. Jednak będę się starać by osiągnąć to do perfekcji, zwłaszcza tą logikę żeby wszystko jasno i przejrzyście się ze sobą wiązało 🙂

  8. Witam Panie Mirosławie. Mam pytanie, jeśli nie rozumiem przedstawionego tutaj przykładu, co powinienem zrobić? Czy ma Pan jakieś propozycje książek albo kursów dla wyjątkowo opornych?

    Na serio, przepisuje kod ale nie wiem zupełnie co sie dzieje. miałem styczność z programowaniem w techinkum, przerobiłem cały kurs HTML i CSS, wszystko jasne, ale tutaj, nie rozumiem zupełnie działania tego programu, wszystko wydaje sie cholernie skomplikowane

  9. Mam problem, gdy wpisuję pętlę odpowiedzialną za wypisanie divów z literkami, nie układają się one jeden przy drugim, lecz każdy w nowej linijce (jednak na szerokości diva alfabet). Wklepałem w css float: left; a problem ciągle mnie dręczy. Pomoże ktoś?

  10. litery w jednej lini kodu:
    var litery = ["A","Ą","B", "C", "Ć","D", "E", "Ę", "F", "G", "H", "I", "J", "K", "L", "Ł", "M", "N","Ń", "O","Ó", "P","Q","R", "S","Ś", "T", "U", "V","W", "X", "Y", "Z", "Ź", "Ż"];

Leave a Reply