Organisasi Profesi Guru

Presiden Jokowi memberi hormat kepada Guru-Guru se Indonesia.

Tema Gambar Slide 2

Deskripsi gambar slide bisa dituliskan disini dengan beberapa kalimat yang menggambarkan gambar slide yang anda pasang, edit slide ini melalui edit HTML template.

Tema Gambar Slide 3

Deskripsi gambar slide bisa dituliskan disini dengan beberapa kalimat yang menggambarkan gambar slide yang anda pasang, edit slide ini melalui edit HTML template.

Tampilkan postingan dengan label Bahasa Program. Tampilkan semua postingan
Tampilkan postingan dengan label Bahasa Program. Tampilkan semua postingan

Senin, 27 Mei 2019

Ini Channel Youtube Lokal Terbaik Untuk Belajar Bahasa Pemograman Secara Otodidak

Channel Youtube Lokal Yang Terbaik Untuk Belajar Bahasa Pemograman - Kali ini saya akan membagikan Channel-channel youtube Lokal terbaik untuk belajar bahasa pemograman yang biasa saya kunjungi jika saya sedang belajar bahasa pemograman. Apa saja channel youtube lokal itu yang memberikan materi bahasa pemograman secara gratis?

Channel youtube untuk belajar bahasa program

Belajar pemograman di zaman modern seperti sekarang sudah bukan hal yang sulit, maksudnya bukan hal yang sulit itu adalah untuk mencari tutorial dan materi materi tentang pemograman lainnya karena belajar pemograman sudah bisa dimana saja, contohnya google.com, youtube.com, dan komunitas komunitas di facebook ataupun telegram.

Siapa yang tidak kenal dengan youtube? YouTube adalah sebuah platform atau situs web streaming, menonton dan berbagi video. Youtube itu sendiri dibuat oleh tiga mantan karyawan PayPal pada Februari 2005. 

Untuk belajar bahasa pemograman seperti Java, C++, PHP, Javascript itu sudah gampang dicari di platform youtube tersebut, terlebih lagi dijaman modern seperti sekarang ini, untuk mencari materi, tutorial atau pembahasannya baik itu dari artikel dari sebuah website atau blog maupun dari sebuah video yang di bagikan di channel youtube.

Channel youtube lokal terbaik untuk belajar  bahasa pemograman

1. Web Programming Unpas

Channel youtube untuk belajar bahasa pemograman

Web Programming Unpas adalah Channel youtube yang membahas tutorial Web design dan Web Programming, pemilik dari channel tersebut adalah seorang dosen di salah satu universitas bandung yaitu universitas pasundan, beliau sudah membuat banyak playlist yang bisa kita pelajari secara mudah dan tentunya gratis. 

Salah satu playlistnya adalah belajar HTML Dasar, CSS Dasar, CSS Layout, Dasar Pemograman dengan Javascript, dan PHP Dasar.

Tidak hanya Tutorial saja yang diberikan oleh beliau, beliau juga terkadang membuat playlist Ngobar (ngoding bareng) membuat website company profile menggunakan framework CSS yaitu Boostrap. 

Bahkan live youtube dan saat ngobar sambil live youtube itu seru lhoo seakan akan kita lagi kuliah dan di bimbing langsung oleh beliau 😁.

2. Kelas terbuka

Channel youtube terbaik untuk belajar bahasa pemograman

Kelas Terbuka adalah channelbelajar programming / pemrograman / ngoding / koding berbahasa indonesia. Channel ini membahas teknik pemrograman secara umum beserta teknologi terkait dan teknik komputasi serta pengolahan data. 

Owner dari Channe youtube kelas terbuka ini adalah Faqihza Mukhlish, dia adalah seorang peneliti di bidang Sistem Kontrol. Lulusan Sarjana Teknik Fisika dan Magister Instrumentasi dan kontrol, ITB. 

Sekarang sedang menjalani pendidikan PhD di UNSW, Sydney, Australia. Dan ownernya ini lucu kalau sedang menjelaskan materi di dalam videonya pokoknya thebest deh, silakan di korek isi kepalanya eh maksudnya ilmu nya yang udah tertuang di channel youtubenya 😅.

Channel Kelas terbuka telah menyediakan banyak tutorials seperti belajar java, python, django yang bisa kita nikmati secara gratis. Channel ini juga merupakan channel yang paling sering ku kunjungi karena penyampaian materinya yang mudah di mengerti. Saya sendiri sedang mempelajari bahasa pemograman python.

Baca juga : Cara membedakan flashdisk palsu dan asli

3. IDR Corner

Channel youtube lokal untuk belajar bahasa program

idr corner salah satu channel youtube yang sering saya kunjungi juga karena dichannel youtube ini pembahasan untuk belajar bahasa pemogrammannya mudah untuk saya mengerti Chanel ini memberikan tutorial-tutorial Pemrograman seperti Flutter, HTML, CSS, JavaScript, Canvas HTML5, jQuery, PHP, CodeIgniter, Bootstrap dan lain-lain.

Di channel ini juga terdapat playlist untuk membuat game juga lhoo. . . banyak dari temen-temen mungkin ingin membuat game pertama mu nah di channel ini mungkin bisa jadi solusi. 

Channel ini juga dalam tahap perkembangan, kenapa bisa tahu min kalo ini lagi dalam pengembangan? karena saya nyontek di deskripsi channel nya xixixi. 

4. Sekolah Koding 

Channel youtube untuk belajar bahasa pemograman dengan gampang atau mudah

Sekolah koding memiliki sebuah forum yang dan channel youtube nama forumnya adalah sekolahkoding.com, didalam forum tersebut terdapat banyak programmer asal indonesia mungkin ada juga yang dari luar negri, diforum tersebut juga menyediakan ebook dan video video bahasa program seperti PHP, laravel, NodeJS dll.

Tidak hanya forum sekolah koding juga memiliki channel youtube yang didalamnya banyak playlist bahasa pemograman, dan juga materi yang di sampaikan cukup mudah di mengerti playlist yang terdapat di channel youtube sekolah koding antara lain adalah, Tutorial Code Igniter, Laravel, HTML5, CSS3 dan masih banyak lagi.

5. Angga Rizky

Channel youtube lokal untuk belajar bahasa pemograman dengan mudah

Channel Angga Rizky juga recommended lho, kenapa? karena di channel ini menyajikan tutorial tutorial yang keren keren seperti design website dan mobile, UI dan banyak lagi. Buat kalian yang ingin menjadi front end developer atau UI desain bisa nih jadikan channel ini sebagai refrensi dan materi belajar untuk meningkatkan ilmu kalian.

Channel ini juga ada bahasa inggrisnya juga lho, tapi ownernya itu orang indonesia sambil belajar desain belajar bahasa inggris juga lhoo, jika kalian bingung youtube punya fitur untuk memunculnya translate dari apa yang dibicarakan dalam video tersebut. 

Gimana? channel mana yang menjadi favorit kalian? kalo admin sih semuanya karena keren keren penyampaian nya juga mudah di mengerti. Ini ilmu gratis lho jadi harus di manfaatkan, jangan di sia siakan. 

Selamat belajar, semoga bermanfaat ya untuk kalian yang sudah membacanya.


Sekian terimakasih.

Minggu, 10 Juni 2018

Apa sih Ngoding itu? Sama kah dengan Nyekrip?


Apa itu Pengertian ngoding sama kah dengan nyekrip? - Mungkin beberapa dari kita pernah dengar kata "Ngoding" atau "Nyekrip" untuk seorang programmer tentunya sudah mengetahui apa arti istilah itu, tapi untuk orang orang yang bukan programmer apakah mereka tahu sebenernya apa sih ngoding itu?.

Nyekrip atau Ngoding dalam bahasa bakunya adalah "memprogram". Memprogram adalah suatu kegiatan menggunakan bahasa pemrograman dan juga algoritma yang nantinya akan di susun menjadi satu untuk menciptakan suatu program. Kata "Nyekrip" atau "Ngoding" istilah biasanya yang disebutkan oleh programmer. Pengertian lainnnya adalah "membuat kode” dari suatu program. Atau bisa juga diartikan dengan “menulis program dengan menggunakan bahasa pemrograman tertentu”. 

Coding atau koding bertujuan tentunya untuk membuat suatu program komputer, dan program komputer itu sendiri adalah kumpulan instruksi-instruksi dalam membantu sebuah komputer dalam mengeksekusi untuk melakukan aktifitas tertentu. Banyak bahasa pemrograman yang sering digunakan untuk membuat sebuah program komputer, seperti VB(Visual Basic), Java, PHP dan masih banyak bahasa pemrograman komputer lainnya.


Itulah apa arti dari nyekrip atau ngoding yang bisa saya sampaikan semoga bisa bermanfaat yaah heheh, mungkin ada beberapa dari kalian yang ingin menambahkan bisa di tulis saja di kolom komentar atau langsung kirim request mu disini!

Jika ada kesalahan dalam pengartiannya mungkin bisa diberitahukan kepada admin melalui kolom komentar, koreksi kalian sangat berguna untuk admin agar bisa menjadi lebih baik lagi.

Sekian Terimakasih.

Jumat, 13 Oktober 2017

Macam Macam Tag Tag HTML Dan Fungsinya Lengkap


Pengertian HTML

Belajar HTML untuk para pemula bisa dibilang mudah bisa diblang susah sebelum kita belajar mendalam HTML kita harus apa itu HTML dan apa saja fungsinya. HTML adalah unsur dasar untuk untuk membangun pondasi atau mendirikan sebuah website. Tidak hanya bangunan seperti rumah gedung ataupun sekolah, Web pun juga membutuhkan pondasi yang kuat, karena pada sebuah website yang sering kita kunjungi terbuat dari kumpulan bahasa HTML.

Pengertian HTML

Hyper Text Markup Language atau yang biasa kita sebut dengan HTML adalah sebuah bahasa Pemogramman yang digunakan untuk membuat sebuah halaman website. Didalam dunia pemograman berbasis website (web Programming), Bahasa HTML merupakan dasar pertama untuk membangun sebuah website, File HTML bisa kita simpan dengan format(ekstensi). 

html dan bisa kita akses menggunakan web browser seperti Google Chrome, Mozila Firefox, Opera, IE(Internet Explorer), Safari dan web browser lainnya. Bila kita ingin membuat sebuah website tidak cukup hanya dengan HTML saja kita juga memerlukan CSS, PHP, dan juga JavaScript untuk membuat halaman website yang dinamis, jika hanya menggunakan bahasa HTML saja maka halaman website kita terlihat statis karena tidak memiliki fungsi – fungsi yang dapat mengelola website. Tentu developer akan sangat kesulitan dengan harus mengganti file HTML bila ingin meng-update artikel baru.


Kegunaan HTML

HTML memiliki fungsi sebagai pondasi sebuah halaman website. HTML memiliki fungsi lain sebagai berikut ini. Membungkus element element tertentu sesuai dengan kebutuhan.
  • Membuat heading atau Judul.
  • Membuat tabel.
  • Membuat list.
  • Membuat paragraf.
  • Membuat Form.
  • Membuat tombol.
  • Membuat huruf menjadi tebal.
  • Membuat huruf menjadi miring.
  • Menampilkan gambar.
  • Menampilakan video.
Dan masih banyak lagi yang bisa di buat oleh bahasa HTML. Saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya, HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan Adobe Flash.

Bentuk Umum HTML

Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad, selain di notepad kalian juga bisa menuliskan kode kode html di software lainnya seperti : sublime text, Notepad ++, dan lainnya. Sekarang coba ketikan atau kalian copy kode html dibawah ini:



Setelah dicopy kalian paste di notepad lalu Anda simpan dengan nama latihan.html. Untuk mengeceknya kalian cuku dengan double click(2x klik) pada file html yang telah kalian simpan.


Hasilnya akan seperti ini setelah di jalankan di web browser.




Sekarang coba anda ketikan atau copy-paste Perinta HTML dibawah ini lalu salin kedalam notepad dan simpan dengan nama latihan2.html.



Jika benar, seharusnya akan tampilkan seperti dibawah ini:


Perhatikan perintah HTML berikut ini


< p> adalah Tag

align adalah Atribut
Left adalah Value atau Nilai.
P pada perintah di atas disebut dengan tag, sedangkan align disebut dengan atribut. Atribut merupakan perintah yang menyertai tag.


Berikut beberapa perintah HTML dan fungsinya :

Nama Tag
Keterangan / Kegunaan


Basic
<!DOCTYPE> Tag untuk menentukan tipe dokumen
<html> Tag untuk membuat sebuah dokumen HTML
<title> Tag untuk membuat judul dari sebuah halaman
<body> Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6> Tag untuk membuat heading
<p> Tag untuk membuat paragraf
<br> Memasukan satu baris putus
<hr> Tag untuk membuat perubahan dasar kata didalam isi
<!--...--> Tag untuk membuat komentar


Formatting
<acronym> Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr> Tag untuk membuat sebuah singkatan
<address> Tag untuk membuat kontak alamat
<b> Tag untuk membuat huruf bercetak tebal
<bdi> Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo> Mengganti arah teks
<big> Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote> Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center> Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite> Tag untuk membuat judul karya
<code> Tag untuk membuat potongan kode komputer di antara text
<del> Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn> Tag untuk membuat sebuah istilah definisi
<em> Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font> Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i> Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins> Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd> Tag untuk membuat input keyboard
<mark> Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter> Tag untuk membuat pengukuran skalar
<pre> Tag untuk membuat teks terformat
<progress> Memperlihatkan kemajuan tugas (tag baru HTML5)
<q> Tag untuk membuat kutipan pendek
<rp> Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt> Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby> Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s> Tag untuk membuat teks yang tidak lagi benar
<samp> Tag untuk membuat contoh keluaran dari program komputer
<small> Tag untuk membuat teks kecil
<strike> Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong> Tag untuk membuat teks penting
<sub> Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup> Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time> Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt> Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u> Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var> Tag untuk membuat sebuah variabel
<wbr> Tag untuk membuat kemungkinan garis-putus


Forms
<form> Tag untuk membuat sebuah form HTML untuk input pengguna
<input> Tag untuk membuat sebuah kontrol input
<textarea> Tag untuk membuat sebuah kontrol input multibaris (text area)
<button> Tag untuk membuat sebuah tombol yang dapat diklik
<select> Tag untuk membuat sebuah daftar drop-down
<optgroup> Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option> Tag untuk membuat pilihan dalam daftar drop-down
<label> Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset> Grup unsur terkait dalam bentuk
<legend> Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist> Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen> Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output> Tag untuk membuat hasil penghitungan (tag baru HTML5)


Frames
<frame> Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset> Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes> Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe> Tag untuk membuat sebuah bingkai


Image
<img> Tag untuk membuat gambar
<map> Tag untuk membuat gambar-peta
<area> Tag untuk membuat area dalam gambar-peta
<canvas> Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption> Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
<figure> Menentukan konten mandiri (tag baru HTML5)


Audio/Vidio
<audio> Tag untuk membuat isi suara (tag baru HTML5)
<source> Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track> Tag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<video> Tag untuk membuat sebuah video atau film (tag baru HTML5)


Links
<a> Tag untuk membuat hyperlink
<link> Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav> Tag untuk membuat navigasi link (tag baru HTML5)


Lists
<ul> Tag untuk membuat daftar dengan selain nomor
<ol> Tag untuk membuat daftar dengan nomor
<li> Tag untuk membuat sebuah item daftar
<dir> Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl> Tag untuk membuat sebuah daftar definisi
<dt> Tag untuk membuat istilah (item) dalam daftar definisi
<dd> Defines a description of an item in a definition list
<menu> Tag untuk membuat deskripsi dari item dalam daftar definisi
<command> Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)


tables
<table> Tag untuk membuat tabel
<caption> Tag untuk membuat sebuah caption tabel
<th> Tag untuk membuat sebuah sel header tabel
<tr> Tag untuk membuat baris dalam sebuah tabel
<td> Tag untuk membuat sel dalam sebuah tabel
<thead> Mengelompokan isi header dalam sebuah tabel
<tbody> Mengelompokanisi tubuh dalam sebuah tabel
<tfoot> Mengelompokan isi footer dalam sebuah tabel
<col> Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup> Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat


Style/Sections
<style> Tag untuk membuat informasi style untuk dokumen
<div> Tag untuk membuat sebuah bagian dalam dokumen
<span> Tag untuk membuat sebuah bagian dalam dokumen
<header> Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer> Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup> Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section> Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article> Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside> Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details> Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog> Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary> Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)


Meta info
<head> Tag untuk membuat informasi tentang dokumen
<meta> Tag untuk membuat metadata tentang dokumen HTML
<base> Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont> Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)


Programming
<script> Tag untuk membuat script di sisi klien
<noscript> Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet> Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed> Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object> Tag untuk membuat sebuah objek yang ditanam
<param> Tag untuk membuat sebuah parameter untuk objek
Sekian untuk pembahasan dari saya mengenai HTML dasar, Bila kalian ingin belajar lebih dalam tentang Cara penulisannya dan sebagainya kalian bisa mengunjungi website yang sering saya kunjungi untuk mempelajari bahasa pemograman web.


Web nya yaitu : w3schools
Atau bagi kalian yang ingin belajar HTML dasar melalui vidio bisa di klik Details dibawah ini :





Jangan lupa untuk Share artikel ini semoga bermanfaat untuk kalian yang ingin belajar Pemograman web.

Terima kasih sudah datang di CatatanShand.blogspot.com