odimera.com adalah media yang tepat bagi anda untuk belajar tentang komputer, pemrograman, Developer, jaringan, dan tutorial seputar internet juga teknologi.
Materi ini adalah jalan yang tepat untuk membuat panduan, dan konten pendidikan lainnya untuk membantu memandu pengembang dalam mengambil jalan dan memandu pembelajaran mereka.
Pelajari pengembangan web
Selamat datang di area pembelajaran. Kumpulan artikel ini bertujuan untuk memandu pemula yang lengkap untuk pengembangan web dengan semua yang mereka butuhkan untuk mulai mengkodekan situs web.
Tujuan dari bidang ini bukan untuk membawa Anda dari "pemula" ke "ahli" tetapi untuk membawa Anda dari "pemula" ke "nyaman." Dari sana, Anda harus dapat mulai membuat jalan Anda, belajar sumber daya menengah ke lanjutan lainnya yang mengasumsikan banyak pengetahuan sebelumnya.
Jika Anda seorang pemula yang lengkap, pengembangan web bisa menjadi tantangan - kami akan memegang tangan Anda dan memberikan detail yang cukup bagi Anda untuk merasa nyaman dan mempelajari topik dengan benar. Anda harus merasa di rumah apakah Anda seorang siswa belajar pengembangan web (sendiri atau sebagai bagian dari kelas), seorang guru mencari materi kelas, hobi, atau seseorang yang hanya ingin memahami lebih lanjut tentang bagaimana teknologi web bekerja.
Ikuti Blog kami di tombol Navigasi atas untuk memberikan semangat kepada saya dalam menulis materi pembelajaran ini.
Di mana untuk memulai
Jika Anda seorang pemula yang lengkap untuk pengembangan web, kami sarankan Anda mulai dengan bekerja melalui modul Memulai kami dengan web, yang memberikan pengantar praktis untuk pengembangan web.
Jika Anda sudah memiliki sedikit pengetahuan, langkah selanjutnya adalah mempelajari HTML dan CSS secara rinci: mulailah dengan modul Pengantar HTML kami dan lanjutkan ke modul langkah pertama CSS kami.
Jika Anda sudah merasa nyaman dengan HTML dan CSS, atau Anda terutama tertarik pada pengkodean, Anda akan ingin beralih ke JavaScript atau pengembangan sisi server. Mulailah dengan langkah pertama JavaScript dan modul langkah pertama sisi Server kami.
1. Pemula lengkap
2. Di luar dasar-dasar
3. Pindah ke scripting
Memberikan pengantar praktis untuk pengembangan web untuk pemula yang lengkap.
HTML adalah bahasa yang kita gunakan untuk menyusun berbagai bagian konten kita dan menentukan apa arti atau tujuannya. Topik ini mengajarkan HTML secara rinci.
CSS adalah bahasa yang dapat kita gunakan untuk menata dan tata letak konten web kita, serta menambahkan perilaku seperti animasi. Topik ini memberikan cakupan CSS yang komprehensif.
JavaScript adalah bahasa scripting yang digunakan untuk menambahkan fungsionalitas dinamis ke halaman web. Topik ini mengajarkan semua hal penting yang diperlukan untuk merasa nyaman dengan menulis dan memahami JavaScript.
Formulir web adalah alat yang ampuh untuk berinteraksi dengan pengguna - paling umum, mereka digunakan untuk mengumpulkan data dari pengguna, atau memungkinkan mereka untuk mengontrol antarmuka pengguna. Dalam artikel yang tercantum di bawah ini, kami akan membahas semua aspek penting dari penataan, styling, dan berinteraksi dengan formulir web.
Aksesibilitas adalah praktik membuat konten web tersedia untuk sebanyak mungkin orang terlepas dari kecacatan, perangkat, lokal, atau faktor pembeda lainnya. Topik ini memberi Anda semua yang perlu Anda ketahui.
Kinerja web adalah seni memastikan aplikasi web mengunduh dengan cepat dan responsif terhadap interaksi pengguna, terlepas dari bandwidth, ukuran layar, jaringan, atau kemampuan perangkat pengguna.
Topik ini mencakup alat yang digunakan pengembang untuk memfasilitasi pekerjaan mereka, seperti alat pengujian lintas browser, linter, formatter, alat transformasi, sistem kontrol versi, alat penyebaran, dan kerangka kerja JavaScript sisi klien.
Bahkan jika Anda berkonsentrasi pada pengembangan web sisi klien, masih berguna untuk mengetahui bagaimana server dan fitur kode sisi server bekerja. Topik ini memberikan pengantar umum tentang bagaimana sisi server bekerja dan tutorial terperinci yang menunjukkan cara membangun aplikasi sisi server menggunakan dua kerangka kerja populer: Django (Python) dan Express (Node.js).
4. Memulai dengan web
5. HTML — Penataan web
6. CSS — Menata web
7. JavaScript
8. Formulir web — Bekerja dengan data pengguna
9. Aksesibilitas – membuat web dapat digunakan oleh semua orang
10. Kinerja Web – membuat situs web cepat dan responsif
Alat dan pengujian
Pemrograman situs web
Mendapatkan contoh kode
Contoh kode yang akan Anda temui di Area Pembelajaran adalah semuanya tersedia di GitHub. Jika Anda ingin menyalin semuanya ke komputer Anda, cara termudah adalah dengan menyalin semuanya ke komputer Anda, cara termudah adalah dengan unduh ZIP cabang kode master terbaru.
Jika Anda lebih suka menyalin repo dengan cara yang lebih fleksibel yang memungkinkan pembaruan otomatis, Anda dapat mengikuti instruksi yang lebih kompleks:
- Instal Git pada mesin Anda. Ini adalah perangkat lunak sistem kontrol versi yang mendasari yang digunakan GitHub.
- Buka komputer Anda command prompt (Windows) atau terminal (Linux, macOS).
- Untuk menyalin repo area pembelajaran ke folder yang disebut area pembelajaran di lokasi saat ini yang ditunjukkan oleh command prompt/terminal Anda, gunakan perintah berikut:
git clone https://github.com/mdn/learning-area - Anda sekarang dapat memasukkan direktori dan menemukan file yang Anda cari (baik menggunakan Finder / File Explorer atau
cdperintah).
Anda dapat memperbarui repositori dengan perubahan apa pun yang dilakukan pada versi master di GitHub dengan langkah-langkah berikut:learning-area
- Di command prompt/terminal Anda, masuk ke dalam direktori menggunakan . Misalnya, jika Anda berada di direktori induk:
learning-areacdcd learning-area - Perbarui repositori menggunakan perintah berikut:
git pull
Jika Anda ingin menghubungi kami tentang apa pun, cara terbaik adalah memberi kami pesan di Forum wacana. Kami ingin mendengar dari Anda tentang apa pun yang menurut Anda salah atau hilang di situs, permintaan untuk topik pembelajaran baru, permintaan bantuan dengan item yang tidak Anda pahami, atau pertanyaan atau masalah lainnya.
Jika Anda tertarik untuk membantu mengembangkan / meningkatkan konten, lihatlah bagaimana Anda dapat membantu dan menghubungi! Kami lebih dari senang untuk berbicara dengan Anda, apakah Anda seorang pelajar, guru, pengembang web berpengalaman, atau orang lain yang tertarik untuk membantu meningkatkan pengalaman belajar.