Mohon tunggu...
Shauri Ramadhan
Shauri Ramadhan Mohon Tunggu... Lainnya - teknik informatika , universitas muhammadiyah PROF.DR.HAMKA

belajar, belajar, belajar dan terus belajar

Selanjutnya

Tutup

Inovasi

Jalur Belajar Web Programming untuk Pemula

1 Februari 2021   01:04 Diperbarui: 1 Februari 2021   01:20 427
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Inovasi. Sumber ilustrasi: PEXELS/Jcomp

Sebelum kita mulai bikin web programming , kita harus tau apa itu internet dan teknologi web. Teknologi web adalah suatu aplikasi yang berbentuk client atau server yang dapat membentuk halaman-halaman web berdasarkan permintaan pemakai. Client adalah pemakai yang meminta halaman web sedangkan server adalah penyedia layanan yang melayani permintaan dari pemakai. Client dan Server berhubungan dalam suatu jaringan internet atau intranet. Mengenai internet dan teknologi web , kita harus tau dulu apa itu HTTP, WWW, web browser, web hosting dan nama domain

 HTTP

HTTP adalah protokol jaringan lapisan aplikasi (application layer) yang dikembangkan untuk membantu proses transfer antar komputer. Protokol ini berguna untuk mentransfer informasi seperti dokumen, file, gambar, dan video antar komputer. Protokol HTTP menyediakan kumpulan perintah di dalam komunikasi antar jaringan. Komunikasi tersebut berlangsung antara web server dengan komputer client atau sebaliknya. Di dalam komunikasi ini, komputer client melakukan permintaan dengan mengakses alamat IP atau domain (URL). Kemudian web server mengelola permintaan tersebut sesuai dengan kode yang dimasukkan.

WWW

WWW adalah kumpulan sumber daya internet (seperti FTP, telnet, Usenet), teks hyperlink, file audio, dan video, dan situs jarak jauh yang dapat diakses dan dicari oleh browser berdasarkan standar seperti HTTP dan TCP / IP. Di manapun Anda berada, Anda dapat mengakses konten situs-situs web melalui internet dengan menggunakan perangkat seperti komputer, laptop, ponsel, dll. WWW bersama dengan internet memungkinkan pengambilan dan tampilan teks dan media ke perangkat Anda. Web pada awalnya adalah kumpulan situs berbasis teks yang dihosting oleh organisasi yang secara teknis cukup berbakat untuk membuat server web dan mempelajari HTML. Ini terus berkembang sejak desain aslinya, dan sekarang termasuk media interaktif (sosial) dan konten yang dibuat pengguna yang membutuhkan sedikit atau tidak ada keterampilan teknis.

Web browser

Web browser merupakan aplikasi yang bisa menjelajahi, menyajikan, maupun mengambil konten yang ada di berbagai sumber informasi pada jaringan internet atau WWW. Pengertian dari web browser juga sering disebut dengan suatu perangkat lunak dengan fungsi yang dimilikinya sebagai penerima, pengakses, penyaji berbagai informasi di internet. web merupakan singkatan dari website, untuk browser yaitu sebuah media penjelajah. Jadi mudahnya web browser merupakan alat penjelajah berbagai situs website yang ada di Internet. Masyarakat juga sering menyebutnya dengan peramban web, yang mampu mengidentifikasi berbagai sumber informasi melalui pengidentifikasian sumber seragam, yakni berupa halaman di website, gambar, video, dan konten sejenis yang lain.

Web hosting

Web hosting adalah layanan online untuk mengonlinekan website atau aplikasi web di internet. Ketika Anda membeli dan mendaftar di suatu layanan hosting, pada dasarnya Anda sedang meminjam space di server, tempat menyimpan semua file dan data yang dibutuhkan oleh website agar dapat bekeja sepenuhnya. Server merupakan komputer fisik yang dijalankan tanpa adanya interupsi sehingga website Anda bisa diakses kapan saja oleh siapa pun. Web host bertugas untuk menjaga server agar tetap aktif dan berjalan, mengamankannya dari serangan cyber berbahaya, dan memindahkan konten (teks, gambar, file) dari server ke browser pengunjung situs Anda.

Dan kita harus tau juga tools-tools pendukung , diantaranya code editor, web browser , dan design tools

Code editor

Code Editor adalah text editor yang mempunyai nilai dan fungsi lebih untuk pemrograman dibandingkan dengan text editor biasa. Secara umum code editor dibangun untuk memudahkan para developer atau pengembang dalam mengerjakan program-program secara efisien, fungsi dan kegunaannya. Contohnya seperti visual studio code , sublime text, notepad ++ , atom , brackets  dll.

Web browser

Masyarakat mungkin sudah tidak asing lagi dengan peramban web yang sering mereka gunakan, namun belum banyak yang mengetahui ternyata jenis peramban web ada banyak. Beberapa web browser yang sering digunakan yakni : google chrome , mozila firefox , uc browser, opera mini, opera, internet explorer

Design tools

Tempat untuk menampilkan gambar atau animasi animasi sehingga menjadi website nya menjadi bagus, indah , dan enak dilihat oleh user atau pengguna seperti contoh : photoshop, adobe XD, figma

Terus kita harus mempunyai pengetahuan tentang HTML ( HyperText Markup Language)  sebagai struktur dari sebuah website.

HTML

HTML yaitu Bahasa pemograman standar yang digunakan untuk membuat sebuah halaman web yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). Didalam html juga banyak yang kita harus pelajari yaitu:

1. Tag and atribut

2. Form and table

3. Semantic HTML

4. Accesbility

Dari HTML kita harus menghiasi bagian bagian website kita menjadi indah dan enak untuk dipandang yaitu CSS

CSS ( Cascading Style Sheets)

CSS adalah Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan ditampilkan pada halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, Anda tidak perlu menulis propertis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan. Di CSS banyak bagian bagian yang harus kita ketahui :

1. Selector

2. Property

3. specifity

https://www.youtube.com/watch?v=c_fRtpQf4Oc&t=942s

         

         

HALAMAN :
  1. 1
  2. 2
  3. 3
Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun