Kurs JavaScript odc. 1: Skrypty po stronie klienta – pierwszy projekt, wiedza podstawowa




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

JavaScript to niezwykle przyjemne programowanie. Czeka nas masa zabawy i jednocześnie satysfakcji z tworzenia coraz ciekawszych witryn, coraz bardziej pomysłowych elementów interfejsu. Kod Javascript interpretuje i wykonuje po prostu przeglądarka internetowa, a cały kod JavaScriptu trafia na nasz lokalny komputer i można do niego zupełnie swobodnie zajrzeć, jest całkowicie jawny. Tę różnicę dziś już rozumiemy: PHP wykonuje się na serwerze, a JavaScript lokalnie, na naszej maszynie.

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

PLIKI DO ODCINKA:

http://miroslawzelent.pl/kurs-javascript/skrypty-js-pierwszy-projekt/

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:

CruciA – With You: https://www.youtube.com/watch?v=O16F_P9gwXw

A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially (http://bit.ly/CCAttribution).
Release: https://soundcloud.com/crucia/crucia-with-you
License: http://creativecommons.org/licenses/by/3.0/

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


30 responses to “Kurs JavaScript odc. 1: Skrypty po stronie klienta – pierwszy projekt, wiedza podstawowa”

  1. Czy ten język będzie dobry na początek?
    Próbowałem C++, ale jest dla mnie ciut dziwny.
    Docelowo chciałbym robić gry… Wiem, że Java jest pod gry mobilne… czy to dobry wybór? 😀

  2. Na chłopski rozum zrobiłem skrypt, który zamienia liczbę na nazwę dnia.
    Nie wiem czy są w nim błędy, ale u mnie działa 🙂

    var zegarek = 0;
    var zegareknazwyd = 0;
    var nazwad = 1;

    function dodawanie()
    {
    nazwad ++;
    }

    function dajczas()
    {
    var czas = new Date();
    var dzien = czas.getDay();
    var miesiac = czas.getMonth();
    var rok = czas.getFullYear();
    var godzina = czas.getHours();
    var minuta = czas.getMinutes();
    var sekunda = czas.getSeconds();

    if(nazwad>7) nazwa = 1;
    if(nazwad==1) dzien = "Poniedziałek";
    if(nazwad==2) dzien = "Wtorek";
    if(nazwad==3) dzien = "Środa";
    if(nazwad==4) dzien = "Czwartek";
    if(nazwad==5) dzien = "Piątek";
    if(nazwad==6) dzien = "Sobota";
    if(nazwad==7) dzien = "Niedziela";

    <!– Czas –!>
    if(godzina<10) godzina = "0"+ godzina;
    if(minuta<10) minuta = "0"+ minuta;
    if(sekunda<10) sekunda = "0"+ sekunda;
    <!– Dni –!>
    if(miesiac<10) miesiac = "0" + miesiac;

    var godzinay = dzien+"."+miesiac+"."+rok+" || "+godzina+":"+minuta+":"+sekunda;

    document.getElementById("zegar").innerHTML = godzinay;

    zegarek = setTimeout("dajczas();", 1000);
    zegareknazwyd = setTimeout("dodawanie();", 86400);

    }

  3. Jestem uczniem technikum informatycznego i powiem, że więcej można się nauczyć od pana w ciągu 40 minut niż dwóch tygodni w szkole podczas programowania, gdzie zazwyczaj na początku klepie się document.write, podczas nauki szkolnej ten 40 minutowy materiał zostałby omówiony w około miesiąc. Biorę się za kolejne materiały 😉

  4. Co zrobiłem źle ze nie chce mi się nic pokazać na stronie?

    <!DOCTYPE HTML>

    <html lang="pl">
    <head>
    <meta charset="utf-8" />
    <title>Odliczanie czasu</title>
    <script type="text/javascript">
    var = dzisiaj = new Date();

    var dzien = dzisiaj.getDate();
    var miesiac = dzisiaj.getMonth()+1;
    var rok = dzisiaj.getFullYear();

    var = godzina = dzisiaj.getHours();
    var = minuta = dzisiaj.getMinutes();
    var = sekunda = dzisiaj.getSeconds();
    </script>

    </head>
    <body>
    <div id="zegar"></div>
    <script type="text/javascript">
    document.getElementById("zegar").innerHTML = dzien;
    </script>

    </body>

    </html>

  5. CZEGO NIE DZIAŁA?
    <!DOCTYPE HTML>
    <html lang="pl">
    <head>
    <meta charset="utf-8"/>
    <title>Odliczanie czasu</title>

    <script type="text/javascript">

    var dzisiaj =new Date();

    var dzien =dzisiaj.getDate();
    var miesiac =dzisiaj.getMonth()+1;
    var rok =dzisiaj.getFullYear();

    var godzina =dzisiaj.getHours();
    var minuta =dzisiaj.getMinutes();
    var sekunda =dzisiaj.getSeconds();

    </script>
    </head>
    <body>

    <div id="zegar"></div>

    <script type="text/javascript">
    document.getElementById("zegar").innerHtml = dzien+"/"+miesiac+"/"+rok+" "+godzina+":"+minuta+":"+sekunda;
    </script>
    </body>
    </html>

  6. Nie dziala:

    <!DOCTYPE HTML>
    <html>

    <head>
    <meta charset="utf-8" />
    <title>Zegarek mini</title>

    <script type="text/javascript">

    function odliczanie()
    {
    var dzisiaj = new Date();

    var dzien = dzisiaj.getDate();
    var miesiac = dzisiaj.getMonth()+1;
    var rok = dzisiaj.getFullYear();

    var godzina = dzisiaj.getHours();
    if (godzina<10) godzina = "0"+godzina;

    var minuta = dzisiaj.getMinutes();
    if (minuta<10) minuta = "0"+minuta;

    var sekunda = dzisiaj.getSeconds();
    if (sekunda<10) sekunda = "0"+sekunda;

    document.getElementById("zegar").innerHTML =
    dzien+"/"+miesiac+"/"+rok+" | "+godzina+":"+minuta+":"+sekunda;

    setTimeout("odliczanie()",1000);
    }
    </script>

    </head>

    <body>

    <div id="zegar"></div>

    </body>

    </html>

  7. Dzięki Panu wiem, co chcę robić w życiu. Prawda jest taka, że czuje się Pana podopiecznym, a Pan moim mentorem, ideałem do którego chociaż w jakimś procencie się zbliżę. Tym czasem przygotowania do sesji – 🙂 Wracamy do C++ – oczywiście razem z Panem 🙂 ! Pozdrawiam :>

  8. Witam, mógłby ktoś napisać, dlaczego nie działa mi poniższy skrypt (chodzi o samego JS):

    <script>

    function odliczanie()
    {

    var dzisiaj = new Date();

    var dzien = dzisiaj.getDate();
    var miesiac = dzisiaj.getMonth()+1;
    var rok = dzisiaj.getFullYear();

    var godzina = dzisiaj.getHours();
    if (godzina<10) godzina = "0"+godzina;

    var minuta = dzisiaj.getMinutes();
    if (minuta<10) minuta = "0"+minuta;

    var sekunda = dzisiaj.getSecounds();
    if (sekunda<10) sekunda = "0"+sekunda;

    document.getElementById("zegar").innerHTML = dzien+"/"+miesiac+"/"+rok+" "+godzina+":"+minuta+":"+sekunda;

    setTimeout("odliczanie()",1000);

    }

    </script>

  9. Zastanawia mnie, jak to się dzieje, że funkcja odliczanie() wywołana jako onload nie rzuca błędem, że nie wie, czym jest div o id "zegar"? Czy oznacza to, że div zostaje rozpoznany zanim zostanie odpalona funkcja, mimo, że jest w linijce niżej?

Leave a Reply