Skip to main content

MEMANFAATKAN W3SCHOOL UNTUK BELAJAR KODING HTML GRATIS

Internet bkan hanya sekedar tempat bersenang senang mencari berita, bermain game atau melakukan interaksi melalui media sosial. Internet bisa menjadi sebuah tempat belajar hingga level ahli. Karena begitu banyaknya referensi yang tersebar dan mulai terorganisir rapi berkat kemampuan algoritma mengelompokan kunci kata pencarian, tidak salah jika internet mulai menjadi sebuah buku yang amat lengkap bagi orang yang ingin mencari ilmu.
menawarkan sertifikat online koding
Tentu saja semua itu terpulang kepada pilihan sobat karena walaupun kesempatan terbuka di dunia nyata, banyak juga orang telah menyia nyiakannya. Begitu juga dengan dunia maya internet malahan orang lebih tersihir oleh daya tarik medsos lebih menyihir ketimbang "sekolah-sekolah" yang telah mulai tumbuh menjamur baik yang gratis maupun yang berbayar. Saya ingin memberikan gambaran keuntungan sobat jika belajar di internet:

  1. Biaya dan waktu lebih murah dan singkat. Sobat tidak perlu membayar berlebihan seperti belajar di dunia nyata. Saya belajar dasar dasar koding dari internet gratis, bukunya tidak perlu saya simpan didalam lemari yang berdebu. Cukup save linknya atau simpan didalam Google Drive, Box, OneDrive gratis. Waktu belajarnya bisa lebih singkat, tidak perlu harus bepergian ke kampus. Cukup dirumah saja.
  2. Sekolahnya Internasional. Saya belajar melalui CodePen dan W3School. Itu jelas Internasional banget. Punya komunitas yang sangat besar tempat berdiskusi sambil mengasah kemampuan menulis koding dan menjelaskannya dalam bahasa Ingris. Saya ambil opsi gratisnya dan sampai sejauh ini manfaatnya sudah tidak terkatakan lagi bagi saya.
  3. Bisa belajar sambil praktik dan tidak perlu takut salah. Praktik saja sampai mahir menulis dan mengimplemetasikan koding! Wah yang namanya HTML,XML, CSS, Php, JavaScript itu sekarang sudah bukan hal yang asing lagi bagi sobat.
  4. Alat atau media belajarnya bisa melalui Pc atau laptop, tablet atau iPad, hape atau ponsel yang selalu ada digenggaman sobat. Dan internet. Kalau alasan sobat tidak ada quota internet keterlaluan banget, sobat bisa chatting dan main facebook pakai apa? Jika perlu pergi saja ke tempat yang berdekatan dengan hostpot WiFi.
1. CODE PEN

Sedikit saya singgung CodePen terlebih dahulu. Sobat bisa sign-up atau mendaftar di situs CodePen, untuk bermain dan menulis koding lebih menyenangkan. Ini adalah tempatnya para developer dengan komunitas koding terbesar di dunia. 

Di CodePen sobat akan menemukan contoh contoh project dari navigasi yang adaptif untuk web, hingga UI dan UX yang hebat dan kreatif. Melalui pengamatan dan mencoba coba merobah robah tampilan hasil kerja para desainer sobat akan lebih memahami bagaimana setiap elemen html dapat menjadi sangat kreatif saat di pergunakan untuk membuat sebuah desain. 

Saya tidak akan bercerita banyak perihal codepen, hampir semua pembuat template memanfaatkannya buat bermain dan berlatih membuat desain tema blogger dan wordpress mereka disini. Arlina Design misalnya punya akun CodePen.

Walaupun saya sering mencoba coba mengedit editorialnya para suhu disana, jujur sampai saat ini saya masih belum memanfaat CodePen karena masih terfokus belajar di W3School.

2. w3School

Situs ini adalah pavorite saya, karena melaluinyalah pertama sekali saya benar benar memahami arti koding untuk desain. Walau terlihat jadul, namun para ahli mengakui keunggulannya. 


Dibuat dan dimiliki oleh Refsnes data, pengembangan perangkat lunak milik keluarga Norwegia dan perusahaan konsultan. Situs ini menyediakan panduan referensi yang mencakup banyak aspek pemrograman web, termasuk teknologi seperti HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL dll

W3Schools menyediakan ribuan contoh kode. Dengan menggunakan editor online yang disediakan, pembaca dapat mengedit contoh dan mengeksekusi kode eksperimental.
Saya memanfaatkan editor online ini ketika pertama saya mengamati template viomagz buatan Mas Sugeng dengan gradasi warna pada menu navigasinya. Lalu saya mencoba  membuatnya melalui editor online w3school seperti pada gambar:
contoh pembuatan menu navigasi blogger dengan gradasi warna
Untuk mencobanya silahkan kunjungi:
EDITOR W3SCHOOL sobat bisa merobah robah tampilannya dengan mengedit halaman editor disebelah kiri dan melihat hasinya di halaman editor sebelah kanan dengan menekan tombil warna hijau "Run" terlebih dahulu.
Saya juga membuat video bagaimana caranya editor online ini bekerja begitu mudah di ikuti:
Contoh diatas saya ambil pada saat saya membuat menu navigasi dengan gradasi warna bulan lalu. Navigasi menu ini telah saya terapkan ke templat template buatan atau editan yang telah saya bagi bagikan gratis. Menurut teman teman yang menggunakannya Menu Navigasinya ringan dan tidak mengecewakan.

Kepada sobat sobat blogger, saya benar benar berharap sobat semua tidak semata mata ngeblog tetapi manfaatkan juga waktu buat belajar. Menuntut ilmu zaman sekarang sudah mudah sekali, yang dibutuhkan tinggal hanya kemamuan yang kuat untuk maju dan meraih masa depan yang lebih cerah.

Menuntut ilmu tidak terbatas melalui pendidikan formal saja. Contoh saja blogger sukses seperti Mas Sugeng, dia tidak pernah mengecap pendidikan real. Tapi saya yakin dia memiliki kemamuan yang kuat untuk belajar sehingga dia mampu meraih apa yang dia miliki sekarang. Walaupun dunia online terasa lebih mudah namun tidak ada hasil yang bisa didapatkan instan. Segalanya butuh waktu.

Untuk melihat contoh contoh template w3school berikut kode kode pembuatannya, silahkan ikuti link dibawah ini:
W3SCHOOL THEMES
Untuk melihat dan mengedit kode kodenya cukup klik "Try It Yourself" Semoga bermanfaat!

www.editblogtema.net

Comments

  1. Hai Kak...
    Keren Codepen dan W3School. Tapi, aku belum tertarik belajar coding. Sekarang masih belajar nulis blog yang bagus dulu. Maksudnya, yang bisa ngena di hati pembaca.

    Tapi, informasinya bermanfaat sekali.

    Makasih ya Kak.

    Ini cus link-nya aku kasih ke temenku yang pengen belajar coding.

    ReplyDelete
    Replies
    1. Benar, blog kamu kalau saya perhatikan sudah banyak mengena dihati pembaca😊

      Delete

Post a Comment

Ajukan pertanyaan dan berikan detailnya untuk memudahkan kami menganalisa dan troubleshooting agar kami dapat membantu atau membantu memecahkan masalah seputar kode kode HTML, CSS dan JS template blog kalian

Jika ingin komen dengan menyisipkan kode HTML, parse terlebih dahulu kodenya di :
Blogcrowds
Lalu hasil parse pastekan ke dalam kotak komentar.

Bagaimanapun pertanyaan, kritik, saran dan masukan dari kalianlah yang membuat blog ini tetap bertahan dan ada.

Terimakasih

Salam dari Admin
Anissa Auliasari

Popular Posts

MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG

Tulisan ini di posting adalah karena terdapat problem yang muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTema yang dibuat untuk sementara berdasarkan tema sederhana bawaan blogger.
Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Setelah saya cari di dasbor ada tool yang bernama "Add Numbering dan Add Bullets" yang tidak bekerja.

Sudah tentu ini pasti celah kelemahan tema jadi harus segera di perbaiki.

Ketika menulis pada dasbor blog dan di preview sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets tesebut dan pada saat dilakukan penulisan dalam bentuk list keduanya tampak berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisa…

BENANG MERAH CINTA SANG PENCIPTA

Andy Weir menulis sebuah cerpen pada tahun 2009, cerpen yang sangat menarik, indah sekaligus menakutkan jika dia bercerita perihal ide realitas hidup kita, semacam multiverse dalam fiksi sains dan fisika.
Aku adalah Tuhan dan Kamu sedang dalam perjalanan pulang ke rumah ketika kamu meninggal... Sebuah kecelakaan mobil, sebenarnya bukan peristiwa luarbiasa tetapi kematian tidak pernah memberikanmu pilihan. Kamu meninggalkan seorang isteri dan dua orang anak. Kematianmu itu tidak terlalu menyakitkan, paramedis telah berusaha menyelamatkan hidupmu, tetapi tidak ada harapan, tubuhmu telah hancur, dan itu lebih baik, percayalah kepadaku....
Dan disana, kamu akhirnya bertemu dengan Aku.

"Apa yang terjadi? " kamu bertanya. " Dimanakah aku kini ? " 
"Kamu sudah meninggal," Jawabku dengan suara datar. Bukan seperti nada yang menarik seperti yang kamu harapkan. 
"Apakah tadi aku ditabrak truk?...Sebuah tanjakan.." 
"Benar" Jawabku 
"Aku....…

Kisah UAS Dan Mellya Juniarti: Tidak ada yang abadi.

Sudah lama saya tidak menulis di halaman blog ini, karena lebih banyak terfokus pada pekerjaan sehari hari. Sampai akhirnya saya tergelitik untuk ikutan menulis tentang UAS, setelah membaca berita yang bertebaran di internet.
Menulis menurut sudut pandang saya sendiri. Atau lebih spesifiknya sebagai seorang blogger.

Fakta 1. Ustad Abdul Somad - Mellya Juniarti Resmi bercerai.
Peristiwa ini menarik perhatian saya apalagi tentang hubungan dua insan yang pernah bertekad memilih hidup bersama selamanya. Siapa sih yang ingin berpisah? Gambar di atas sudah bertebaran di internet, di medsos dan tidak akan dapat di hapus lagi dari dunia maya karena jalin menjalin sangat kuat di dalam library di dunia website.

Saya tahu itu karena saya peminat web dan mengerti segala impikasinya terhadap kehidupan dan privasi manusia pada saat ini. Dunia sekarang telah hampir kepada dimana dinding, lantai dan langit dapat mendengarkan setiap perkataan dan bahkan helaan nafas kita.

Ya, photo itu telah di postin…

PANDUAN LENGKAP MENGEDIT TEMPLATE EMPORIO

Untuk template blogger default versi 3 Ini adalah panduan lengkap cara "mengoprek" template bawaan (default) blogger menjadi beda dan tampak premium. Ikuti secara seksama. Sisanya ada ditangan sobat sendiri...
Bagian Isi:
Kelebihan template bawaan bloggerKelebihan varian terbaru template bloggerMerombak heading blogger agar dinamisMemasang related postMemasang menu navigasiMenambahkan CSSMenambahkan HTMLMenambahkan Javascript Langkah merubah Desain Template blogger:
(Menggunakan HTML untuk mengubah desain blog)
Login ke Blogger.Pilih blog untuk diperbarui.Di menu sebelah kiri, klik Tema.Di sebelah kanan agak keatas ada ikon tiga titik klik dan, klik Edit HTML.Buat perubahan yang Kalian inginkan.Klik Simpan tema. Template adalah bagian terpenting dari sebuah blog tidak perduli sobat ngeblognya pakai platform Wordpress, Jimdo, Wix atau Blogspot dan lain lain. Tidak perduli sobat memakai template premium berbeli atau hanya sekedar memakai template yang telah tersedia secara defau…

ALASAN MENGAPA MENGGANTI SISTEM ANDROID KE SISTEM OPERASI BARU NYARIS MUSTAHIL AKAN SUKSES

Huawei jelas sedang mencoba dan itu pasti akan ada harganya: Akan hadir sebuah sistem baru yang akan membuat kita panasaran seperti apa bentuk dan performanya jika dibanding dengan Android yang selama ini telah memberikannya "nyawa" untuk hidup dan menjadi sebesar sekarang.
Karena kita tahu sehebat apapun sebuah mesin gagdet tiada akan ada artinya tanpa sistem operasi, software dan aplikasi, maka suatu gadget  itu ibarat raga tanpa nyawa. Dilatari nasibnya yang ter"aniaya" oleh Trump (baca:Amerika)  tentu sangat menarik untuk mengikuti perkembangan nasib dari Huawei. Akankah Huawei tetap menjadi besar setelah menggunakan sistem operasinya sendiri?

Baca juga:
Siapa pemenang, siapa pacundang Amerika atau Cina? bagian pertamaSiapa pemenang, siapa pacundang Amerika atau Cina? bagian Kedua Oke mari kita simak penjelasan yang saya simpulkan dari pendapat para ahli mengapa hal itu sulit menjadi kenyataan:
1. Terlihat sederhana Platform mobile beserta ekosistemnya itu sanga…
Copyright © editblogtema. All rights reserved.