Jak začít programovat weby?

Jelikož jsem nedávno začínal s programování a vůbec to nebylo lehké ale bylo to docela úspěšné tak jsem se rozhodl že se s Vámi podělím o mé zkušenosti. Jelikož jsem primárně webař tak začneme s weby, weby doporučuji všem co začínají jelikož ze začátku nejsou složité ale jsou i složité věci a celkově se to tak hezky nabaluje 🙂


Když začínáte tak nemůžete čekat že za týden budete dělat hry nebo nějaké použitelné weby, tak rychle to nejde. Z mé zkušenosti není dobré se učit programovat tím způsobem že si sednu k článkům a učím se jako ve škole. Podle mne je nejlepší si pro začátek sehnat někoho zkušeného a ten Vás povede, když pochopíte základy (cca. když pochopíte OOP) tak je nejlepší začít zkoušet nějaké věci a když něco nevím tak si to najdu, např. Googlem, či Bingem (Seznamem toho moc nenajdete 🙂 ), musíte hledat anglicky, takže bez znalosti aj se v programování neobejdete. Nestresujte se s tím že budete dělat chyby nebo za to že toho hodně „Googlíte“, dělají to i zkušení programátoři. Nejlepší je si zvolit nějaký cíl a za ním jít, ikdyž to ze začátku nepůjde tak rychle. Když budete chtít začít s programováním tak mě klidně kontaktujte (klidně v komentářích) a já Vás ze začátku navedu 🙂

V jakém jazyku začít?

HTML – jednoduchý značkovací jazyk, vhodný pro začátek. Sice se ještě nejedná o programování ale už drobek nahlédnete do toho, jak vše funguje. Z HTML se dostanete do PHP, když pochopíte a ovládáte OOP tak gratuluji, stali jste se programátory 🙂

Ukázka kódu

Jednoduché HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Jednoduchá HTML stránka</title>
    </head>
    <body>
        <p>Jednoduchá HTML stránka, žádné styly. Prostě černý text na bílém pozadí :)</p>
    </body>
</html>

Jednoduchý PHP kód:

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Jednoduché PHP</title>
    </head>
    <body>
        <form method="POST">
            Zadejte text:<input type="text" name="text">
            <input type="submit" value="Odeslat">
        </form>
        <br>
        <?php
            if (isset ($_POST["text"])) {
                echo "Zadaný text:".$_POST["text"];
            } else {
                echo "Nebyl zadán žádný text.";
            }
        ?>
    </body>
</html>

Stejný kód v jazyce JavaScript (pro začátečníky nedoporučuji, oproti PHP je složitější, jeho výhoda je že běží v prohlížeči takže ho nemusí zpracovávat server):

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Jednoduchý JavaScript</title>
        <script>
            function vypsat () {
                var input = document.getElementById ("input").value;
                var text;
                if (input == "") {
                    text = "Nebyl zadán žádný text.";
                } else {
                    text = "Zadaný text:" + input;
                }
                document.getElementById ("text").innerHTML = text;
            }
        </script>
    </head>
    <body>
        Zadejte text:<input id="input" type="text">
        <button onclick="vypsat ()">Odeslat</button>
        <br>
        <span id="text"></span>
        <script>
            vypsat ();
        </script>
    </body>
</html>

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *