Belajar Pengembangan Web

Selamat Datang di Area Belajar MDN. Kumpulan artikel ini bertujuan untuk memberikan panduan lengkap bagi Pengembang Pemula seputar yang mereka butuhkan dalam memulai pengkodean situs web sederhana.

Tujuan dari area MDN bukan untuk mengubah anda dari "Pemula" menjadi "Ahli", namun akan membawa anda dari "Pemula" ke "Titik nyaman". Mulai sekarang Anda diharapkan dapat memulai belajar sendiri, belajar dari sumber daya MDN,  dan sumber lain dari tingkat menengah hingga lanjutan sesuai dengan pengetahuan anda sebelumnya.

Jika Anda adalah pemula, mengembangkan web akan menantang — kami bertujuan untuk menuntun Anda dan menjelaskan cukup rinci sehingga merasa nyaman dan belajar topik yang sesuai. Anda harus betah baik Anda seorang pelajar yang belajar pengembangan web (baik untuk Anda sendiri atau tergabung belajar di kelas), pengajar yang mencari materi belajar di kelas, penggemar, atau orang yang hanya ingin mengetahui lebih banyak bagaimana kerja teknologi jejaring.

Penting: konten area pembelajaran sedang ditambahkan secara bertahap. Jika Anda memiliki pertanyaan tentang topik yang ingin anda lihat tertutup, atau merasa hilang, lihat bagian Hubungi kami di bawah untuk informasi cara menghubungi.

Dimana harus memulai

  • Pemula: Jika Anda seorang pemula dalam pengembangan web, kami rekomendasikan Anda untuk mulai belajar melalui modul kami, Persiapan Memulai Web, yang memberikan pengenalan praktis mengenai pengembangan web.
  • Pertanyaan Spesifik Jika Anda memiliki pertanyaan spesifik tentang pengembangan web, bagian Pertanyaan Umum kami mungkin dapat membantu Anda.
  • Mengetahui Pengetahuan DasarJika anda telah memiliki sedikit pengetahuan dasar, langkah selanjutnya adalah mempelajari HTML dan CSS secara rinci: mulai dengan modul Pengenalan HTML kami dan dilanjutkan ke modul Pengenalan CSS.
  • Berlanjut ke ScriptingJika anda telah memahami pengetahuan HTML dan CSS, atau anda memang sedang tertarik dengan pengkodean, anda dapat mempelajari JavaScript atau pegembangan sisi-server. Mulailah dari modul Paduan Awal JavaScript dan Mengawali Sisi-Server.

Catatan:  Daftar Istilah menyediakan definisi terminologi.

Random glossary entry

Python
Python adalah bahasa pemrograman tujuan umum tingkat tinggi. Ini menggunakan pendekatan multi-paradigma, yang berarti mendukung prosedural, berorientasi objek dan beberapa konstruksi pemrograman fungsional.

Topik pembahasan

Berikut adalah semua daftar topik yang kami bahas di area pembelajaran MDN.

Mulai bekerja dengan web
Menyediakan pengenalan praktis pengembangan web untuk pemula.
HTML — Penstrukturan web
HTML adalah bahasa yang kita gunakan untuk menyusun bagian-bagian yang berbeda konten kita dan menafsirkan yang dimaksud atau tujuannya. Topik ini mengajari HTML dengan rinci.
CSS — Mendesain web
CSS adalah bahasa yang kita gunakan untuk mendesain dan penempatan konten web kita, serta menambahkan "pergerakan" seperti aninasi. Topik ini menyediakan cakupan pemahaman CSS.
JavaScript — Skripsi lintas-klien dinamis
JavaScript adalah bahasa skripsi yang digunakan untuk menambahkan fungsi dinamis ke dalam halaman web. Topik ini mengajari semua hal-hal penting yang diperlukan untuk merasa nyaman dengan penulisan dan pemahaman JavaScript.
Aksesbilitas — membuat web dapat digunakan semua orang
Aksesbilitas adalah praktek membuat konten web tersedia untuk sebanyak mungkin orang dapat mengaksesnya, tidak peduli disabilitas, perangkat, lokasi atau faktor-faktor yang berbeda lainnya. Topik ini memberikan semua hal yang perlu Anda ketahui.
Perfoma Web — membuat situs web cepat dan responsif
Performa web adalah seni untuk memastikan mengunduh aplikasi web dengan cepat dan reponsif untuk interaksi pengguna, tidak peduli bandwith pengguna, ukuran layar, jaringan, atau kemampuan perangkat.
Peralatan dan pengujian
Topik ini mengungkap peralatan pengembang yang digunakan untuk fasilitas kerja mereka, seperti alat pengujian lintas browser.
Pemrograman website lintas-server
Bahkan jika Anda berfokus pada pengembangan web lintas-klien, ini tetap berguna bagaimana fitur kode server dan lintas-server bekerja. Topik ini menyediakan pengenalan umum bagaimana lintas-server bekerja, dan tutorial terperinci yang menampilkan bagaimana membuat aplikasi lintas-server menggunakan dua kerangka terkenal — Django (Python) dan Express (node.js). 

Dapatkan contoh kode kami

Contoh kode yang akan Anda temui di Area Pembelajaran semua tersedia di GitHub. Jika Anda ingin menyalin semuanya ke komputer Anda, cara yang mudah unduh ZIP kode master bercabang terakhir.

Jika Anda lebih suka menyalin repo dengan cara yang lebih fleksibel yang memungkinkan pembaruan otomatis, Anda dapat mengikuti instruksi lebih kompleks:

  1. Install Git pada perangkat Anda. Inilah versi perangkat lunak mendasarinya sistem kendali atas kerja GitHub.
  2. Daftar untuk akun GitHub.
  3. Setelah Anda terdadtar, masuk ke github.com dengan nama pengguna dan kata sandi Anda.
  4. Buka command prompt (Windows) atau terminal (Linux, macOS) komputer Anda
  5. Untuk menyalin repo area pembelajaran ke folder bernama"learning-area" di lokasi saat ini yang dituju oleh command prompt/terminal, gunakan perintah (command) berikut:
    git clone https://github.com/mdn/learning-area
  6. Sekarang Anda dapat memasuki direktori dan menemukan file yang Anda cari setelahnya (baik menggunakan pencari/penjelajah file (file explorer atau cd command).

Anda daoat memperbarui repositori learning-area dengan perubahan apapun yang dibuat versi master di GitHub dengan langkah-langjah berikut:

  1. Pada command prompt/terminal Anda, pergi ke dalam direktori learning-area menggunakan cd. Contoh, jika Anda di "parent directory":
    cd learning-area
  2. Memperbarui repositori menggunakan command berikut:
    git pull

Hubungi Kami

Jika Anda ingin menghubungi kami tentang hal apapun, Anda dapat mengirimkan pesan ke mailing lists atau Channel IRC. Kami akan menanggapi apapun yang menurut anda salah atau kurang pada situs, meminta topik pembelajaran baru, meminta bantuan tentang item yang tidak dimengerti, atau yang lainnya.

Jika Anda tertarik dalam membantu dan mengembangkan konten, lihat bagian Bagaimana Anda bisa membantu, dan langsung terhubung! Kami akan lebih senang berkomunikasi dengan Anda, baik anda pelajar, pengajar, web developer yang berpengalaman, atau orang lain yang tertarik membantu mengembangkan pengalaman belajar.

Lihat Juga

Buletin pengembang Mozilla
Buletin kami untuk pengembang web, merupakan sumber yang bagus untuk semua tingkat pengalaman
Web demystified
Rangkaian video bagus yang menjelaskan dasar-dasar web, ditujukan pada pemula untuk pengembangan web. Dibuat oleh Jérémie Patonnier
Codecademy
Situs interaktif terbaik untuk belajar bahasa pemrograman dari awal.
BitDegree
Teori dasar pengkodean proses pelajaran bermain. Terutama ditujukan untuk pemula.
Code.org
Teori dasar coding dan praktek, terutama ditujukan untuk anak-anak / pemula.
EXLskills
Gratis dan pembelajaran terbuka untuk mempelajari kemampuan teknologi, dengan pembimbing dan pembelajaran terencana
freeCodeCamp.org
Situs interaktif dengan tutorial dan dirancang untuk belajar pengembangan web
Web literacy map
Kerangka kerja untuk web literatur tingkat & kemampuan abad ke-21, yang juga nenyediakan akses untuk aktivitas pengajaran yang diurutkan berdasarkan kategori.
Teaching activities
Kumpulan kegiatan pengajaran untuk mengajar (dan pembelajaran) yang dibuat oleh Mozilla Foundation, mengupas semuanya dari literatur web dasar dan privasi untuk JavaScript dan hacking Minecraft.
Edabit
Ribuan tantangan JavaScript interaktif.