CustomNamesForGeyserMC/article-web-programming.html at main · kelasdeb/CustomNamesForGeyserMC · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Pemrograman Web - Rizky Cahya Bahri</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>Rizky Cahya Bahri</h1>
            <p>Blog Pribadi | Catatan Harian | Portfolio</p>
        </div>
    </header>

    <nav>
        <div class="container">
            <ul class="menu">
                <li><a href="index.html">Beranda</a></li>
                <li><a href="about.html">Tentang Saya</a></li>
                <li><a href="articles.html">Artikel</a></li>
                <li><a href="contact.html">Kontak</a></li>
            </ul>
        </div>
    </nav>

    <main class="container">
        <article class="full-article">
            <h2>Belajar Pemrograman Web</h2>
            <p class="post-meta">Diposting pada 10 Mei 2025 | Kategori: Pemrograman</p>

            <img src="web-dev.jpg" alt="Pemrograman Web" class="article-image">

            <p>Perjalanan saya mempelajari pemrograman web dimulai pada tahun 2023 ketika saya memutuskan untuk beralih karir ke bidang teknologi. Awalnya, saya merasa sangat kewalahan dengan banyaknya konsep dan teknologi yang harus dipelajari.</p>

            <h3>Langkah Pertama: HTML dan CSS</h3>
            <p>Saya memulai dengan mempelajari HTML dan CSS dasar melalui platform seperti freeCodeCamp dan MDN Web Docs. Beberapa konsep awal yang saya pelajari:</p>
            <ul>
                <li>Struktur dasar dokumen HTML</li>
                <li>Semantik HTML5</li>
                <li>CSS Box Model</li>
                <li>Flexbox dan Grid</li>
                <li>Responsive Design</li>
            </ul>

            <h3>Memahami JavaScript</h3>
            <p>Setelah merasa cukup nyaman dengan HTML dan CSS, saya mulai mempelajari JavaScript. Ini adalah titik di mana banyak pemula (termasuk saya) merasa kesulitan. Beberapa konsep penting yang harus dikuasai:</p>
            <ul>
                <li>Variabel dan tipe data</li>
                <li>Fungsi dan scope</li>
                <li>DOM Manipulation</li>
                <li>Event Handling</li>
                <li>Asynchronous JavaScript (Promises, async/await)</li>
            </ul>

            <h3>Sumber Belajar yang Membantu</h3>
            <p>Berikut beberapa sumber yang sangat membantu dalam perjalanan belajar saya:</p>
            <ol>
                <li><a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a> - Tutorial interaktif gratis</li>
                <li><a href="https://developer.mozilla.org/" target="_blank">MDN Web Docs</a> - Dokumentasi lengkap</li>
                <li><a href="https://www.youtube.com/c/TraversyMedia" target="_blank">Traversy Media</a> - Tutorial YouTube</li>
                <li><a href="https://javascript.info/" target="_blank">javascript.info</a> - Panduan JavaScript modern</li>
            </ol>

            <h3>Tips untuk Pemula</h3>
            <p>Berdasarkan pengalaman saya, berikut beberapa tips untuk mereka yang baru memulai:</p>
            <ul>
                <li>Mulailah dengan proyek kecil dan sederhana</li>
                <li>Jangan mencoba mempelajari semuanya sekaligus</li>
                <li>Praktekkan apa yang Anda pelajari</li>
                <li>Jangan takut membuat kesalahan</li>
                <li>Bergabunglah dengan komunitas pengembang</li>
            </ul>

            <div class="article-footer">
                <a href="articles.html" class="back-link">← Kembali ke Daftar Artikel</a>
            </div>
        </article>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2025 Rizky Cahya Bahri. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>