Jaringan Pengembang Mozilla (MDN): Memulai dengan Alat dan Panduan Terbaik

Penyingkapan: Dukungan Anda membantu menjaga situs tetap berjalan! Kami mendapatkan biaya referensi untuk beberapa layanan yang kami rekomendasikan pada halaman ini.


Mozilla Developer Network adalah situs komunitas untuk pengembang web, desainer, siswa, pembuat kode profesional, dan amatir yang antusias – siapa pun yang tertarik belajar kode untuk web atau meningkatkan keterampilan pemrograman mereka. Ini menyatukan dokumentasi, bahan referensi, tutorial, informasi spesifik Mozilla, dan berbagai alat yang akan membantu Anda meningkatkan kode Anda.

Selain itu, Jaringan Pengembang Mozilla memiliki berbagai layanan sosial dan kolaboratif, termasuk blog dan saluran IRC. Anggota diundang untuk terhubung, terlibat, dan berkontribusi pada banyak proyek sumber terbuka Mozilla.

Apa itu Mozilla??

Mozilla adalah organisasi nirlaba yang terkenal dengan browser open source mereka, Firefox. Organisasi ini mulai hidup pada akhir 1990-an, ketika Netscape merilis browser web-nya, Netscape Communicator, secara gratis. Pada awalnya, Organisasi Mozilla hanyalah sebuah tim kecil yang sebagian besar berada di dalam Netscape, bertugas mengelola pengembangan browser sumber terbuka yang baru ini. Pada tahun 2003, Yayasan Mozilla nirlaba dibentuk. AOL (perusahaan induk Netscape) mentransfer kekayaan intelektual yang relevan ke yayasan, membayar waktu karyawan, dan menyumbangkan $ 2 juta.

Mozilla terus mengembangkan dan meningkatkan peramban Firefox, tetapi juga memperluas cakupannya. Misi mereka adalah untuk “mempertahankan kebebasan internet untuk semua.” Mereka melakukan ini dalam sejumlah cara termasuk menyediakan browser open source untuk berbagai platform, mengadvokasi kebijakan publik yang konsisten dengan internet gratis dan terbuka, mempromosikan standar web terbuka di seluruh industri, dan mengedukasi pengembang melalui Mozilla Developer Network mereka..

Dokumentasi dan Tutorial

Sebagian besar pekerjaan MDN menyediakan dokumentasi ekstensif tentang teknologi web. Mereka memiliki apa yang bisa dibilang sebagai referensi paling lengkap tentang HTML yang tersedia, dengan ratusan halaman merinci elemen-elemen HTML, API browser, soket web, penyimpanan offline, dan setiap detail lain dari web modern.

Ada juga dokumentasi dan tutorial pengembang untuk teknologi web mendasar lainnya seperti JavaScript dan CSS, bersama dengan panduan pengembang untuk aksesibilitas, keamanan web, pengembangan aplikasi web, dan banyak topik lainnya.

Semua proyek dokumentasi dan tutorial ini – termasuk dokumentasi untuk proyek mereka sendiri – dimaksudkan untuk mempromosikan penggunaan standar web terbuka untuk pengembangan. Materi mereka ditujukan untuk pengembang dari semua tingkatan; dari pengantar yang sangat mendasar ke HTML hingga tutorial tentang cara membuat game di HTML5. Selain itu, sebagian besar halaman situs diterjemahkan ke dalam sejumlah bahasa yang berbeda, memberikan MDN kemampuan unik untuk mengajarkan praktik pengembangan web terbuka di seluruh dunia.

Alat pengembang

Selain menyediakan dokumentasi mendalam tentang teknologi web, MDN membantu pekerja web melalui pengembangan sejumlah alat pengembangan sumber terbuka yang berkualitas tinggi, gratis dan terbuka. Alat-alat ini adalah bagian dari proyek browser Firefox, dan sebagian besar dibangun ke dalam (atau digunakan dengan) browser Firefox.

Ada banyak alat pengembang Firefox. Berikut ini beberapa hal penting:

  • Scratchpad memungkinkan Anda bereksperimen dengan JavaScript, menyediakan editor kode JS kecil. Kode yang ditulis di scratchpad dijalankan di halaman web saat ini.
  • Style Editor serupa, memungkinkan Anda untuk menambah, mengedit, atau menghapus CSS apa pun di situs web, dengan cepat.
  • Shader Editor memungkinkan Anda mengedit vertex dan shader fragmen yang digunakan oleh perpustakaan rendering grafik JavaScript WebGL.
  • Inspektur Halaman memungkinkan Anda untuk dengan mudah mengedit dan memodifikasi sumber HTML suatu halaman.
  • Web Console menyediakan akses ke log kinerja dan kesalahan yang dihasilkan selama rendering halaman, dan memungkinkan pengguna untuk mengeksekusi garis sewenang-wenang JavaScript; sama halnya, Konsol Browser memberikan informasi yang sama untuk browser secara keseluruhan, bukan hanya satu halaman web.
  • Debugger memungkinkan Anda menelusuri JavaScript satu per satu, membantu Anda melacak di mana bug terjadi.
  • Monitor Jaringan mengilustrasikan semua permintaan yang dibuat oleh browser, menunjukkan respons, kesalahan, dan informasi kinerja.
  • Storage Inspector menyediakan cara untuk mengakses dan memanipulasi banyak jenis penyimpanan browser, seperti cache, cookie, penyimpanan lokal, penyimpanan sesi, dan IndexedDB.
  • Penampil Properti DOM memungkinkan Anda untuk melihat model objek dokumen (representasi internal browser dari halaman web dalam memori aktif) sebagai struktur pohon yang dapat diperluas, dan menjelajahi properti setiap elemen DOM.
  • Eyedropper berfungsi seperti alat pipet di Photoshop dan program grafik lainnya, memungkinkan Anda menemukan warna tepat dari piksel apa pun di peramban.
  • View Source memungkinkan Anda melihat sumber HTML mentah dari halaman saat ini.
  • Mode Desain Responsif secara otomatis menskalakan viewport ke beberapa ukuran pra-setel atau kustom, untuk meniru ukuran layar kecil seperti yang ditemukan pada ponsel, tablet, dan perangkat lain.
  • Paint Flashing Tool menyoroti bagian-bagian port view yang harus dicat ulang (di-rendering ulang) sebagai respons terhadap input.
  • Browser Toolbox memungkinkan untuk menerapkan alat pengembang yang dirancang untuk halaman web ke browser secara keseluruhan dan untuk plugins dan add-on browser.
  • Alat kinerja menyediakan informasi terperinci tentang respons dan kecepatan situs. Ini termasuk beberapa subtool untuk melihat berbagai aspek kinerja situs web:
    • Waterfall menunjukkan visualisasi aktivitas peramban Anda melebihi waktu memuat dan merender.
    • Pohon Panggilan menggunakan analisis statistik untuk menentukan fungsi JavaScript yang paling banyak menghabiskan waktu komputasi.
    • Flame chart menggunakan dataset yang sama dengan Call Tree untuk memberikan pembacaan yang diperintahkan secara kronologis dimana fungsi JavaScript dieksekusi ketika.
    • Alokasi menunjukkan berapa banyak memori yang dialokasikan setiap fungsi JavaScript selama eksekusi.
  • WebIDE adalah lingkungan pengembangan terintegrasi untuk membangun, menguji, dan men-debug aplikasi seluler yang dibuat untuk OS Firefox. Selain itu, WebIDE memungkinkan untuk menggunakan alat pengembangan Firefox lainnya dengan browser web seluler.

Alat pengembangan ini dapat diperluas, dan MDN menyediakan Add-on SDK untuk pengembangan ekstensi. Ekstensi dapat ditulis dalam bahasa web (HTML, CSS, JavaScript). SDK menyediakan API JavaScript untuk hampir setiap aspek browser.

Edisi Pengembang Firefox

Firefox Developer Edition adalah distribusi khusus Firefox yang menempatkan alat pengembang sebagai yang terdepan dan utama. Alat pengembang dalam edisi ini adalah bagian dari GUI tingkat atas, tidak tersembunyi di balik menu. Selain itu, versi eksperimental dan rilis beta alat baru disertakan dalam edisi pengembang sebelum dirilis ke browser utama. Akhirnya, tampilan kode dalam elemen inspektur, tampilan sumber, dan alat lain ditampilkan dalam tema gelap yang mengingatkan kita pada editor kode populer seperti Sublime dan Atom.

Menghubungkan dengan Komunitas MDN

Jaringan Pengembang Mozilla bukan hanya seperangkat sumber daya, dan Mozilla Foundation bukan hanya organisasi nirlaba. Mozilla adalah komunitas di seluruh dunia yang mencakup banyak orang, dari pengembang inti yang dipekerjakan oleh yayasan, hingga sukarelawan yang menerjemahkan halaman atau memperbaiki kesalahan ketik..

Ada banyak cara untuk terhubung dan terlibat:

  • Mozilla IRC Server adalah salah satu tempat paling aktif untuk mengobrol dengan anggota komunitas Mozilla. Mereka menjalankan beberapa saluran untuk berbagai topik. Jika Anda baru saja menemukan jalan Anda, Anda mungkin ingin mencoba #newbies.
  • Wiki Mozilla adalah situs yang dibuat komunitas dengan informasi tentang semua hal yang terkait dengan Mozilla.
  • Hampir setiap halaman di situs Jaringan Pengembang Mozilla diedit oleh komunitas. Jika Anda melihat kesalahan ketik, atau tempat yang dapat ditingkatkan, Anda dapat mendaftar untuk akun dan memperbaiki masalah. Pastikan untuk membaca tentang bagaimana melakukan tinjauan editorial terlebih dahulu.
  • Jika Anda ingin berkontribusi sebagai pengembang ke salah satu alat Mozilla, Anda dapat menemukan halaman GitHub yang sesuai dan memulai.
  • Anda bahkan bisa mencari pekerjaan dengan Mozilla atau menjadi sukarelawan.

Ringkasan

Mozilla Developer Network, dan Mozilla Foundation yang lebih besar, adalah salah satu organisasi terpenting yang mempromosikan, mengadvokasi, dan mendidik untuk web terbuka. Alat dan tutorial mereka akan membuat Anda menjadi pengembang web yang lebih baik, dan menjadi terlibat dengan komunitas yang lebih besar akan memperluas jaringan profesional Anda dengan cara yang tidak mungkin dilakukan. Mereka, dalam banyak hal, adalah jantung dari web. Jika itu yang Anda inginkan, Anda sebaiknya mengeksplorasi apa yang mereka tawarkan, dan terlibat.

Bacaan Lebih Lanjut dan Sumberdaya

Kami memiliki lebih banyak panduan, tutorial, dan infografis yang berkaitan dengan pengkodean dan pengembangan:

  • Menulis HTML yang Baik, dan Validator: dasar-dasar penyajian informasi di web.
  • Pengantar JavaScript: bahasa pemrograman paling populer di dunia, sekarang juga digunakan di sisi server.
  • CSS3 – Intro, Panduan, dan Sumber Daya: semua tentang bagaimana halaman web modern ditampilkan.

Kode apa yang harus Anda pelajari?

Bingung tentang bahasa pemrograman apa yang harus Anda pelajari kode? Lihat infografis kami, Apa Kode Yang Harus Anda Pelajari? Itu tidak hanya membahas berbagai aspek bahasa, itu menjawab pertanyaan-pertanyaan penting seperti, “Berapa banyak uang yang akan saya hasilkan untuk pemrograman Java sebagai mata pencaharian?”

Kode Apa Yang Harus Anda Pelajari?
Kode apa yang harus Anda pelajari?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map