PWSB_Kuliah Pemrograman Web Statis di UMS

Universitas Muhammadiyah Surakarta adalah salah satu universitas terkenal di kota surakarta. Banyak program studi yang tertera di universitas muhammadiyah sueakarta salah satunya adalah Program studi Informatika. di dalam studi informatika ada salah satu mata kuliah pemrograman yang menarik, yaitu adalah Mata Kuliah Pemrograman Web Statis di UMS.

Pemrograman Web statis, sesuai dengan namanya mata kuliah yang mempelajari pemrograman website satatis. Mata Kuliah ini diampu oleh bapak dosen Yogiek Indra Kurniawan. Beliau sangat dekat dengan mahasiswa, sangat dekatnya dan baiknya belia

di Kuilah Pemrograman Web Statis sendiri diajari banyak hal mulai dari HTML, CSS, dan JavaScript. HTML adalah salah satu dasar ilmu untuk mempelajari Website. CSS dan Javascript untuk mendukung Tampilan dari HTML tersebut.

HTML (HyperText Mark up Language)

Lalu apa yang dimaksud dengan HTML ? HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext. hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup. Maksud markup disini adalah menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language. Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan

Html mempunyai kerangka, walaupun saat kita membuat file ber ekstensi .html dipastikan kita sudah membuat html. namun, dalam dunia percodingan html mempunyai kerangka dasar yang diawali dengan <html> dan diakhiri dengan </html> dan di dalam kerangka html mempunyai bagian bagian lagi. bagian tersebut antara lain <head> dan di tutup dengan </head> bisa di sebut dengan bagian kepala sesuai namanya di sini digunakan untuk menambahkan judul, css, javascript, dll. sesuai dengan manusia di bagian kepala ini pasti digunakan untuk pengenal. bagian <body> dan di tutup dengan </body> di sebut dengan badan yang berfungsi sebgai tempat untuk memberikan sesuatu.

Jadi untuk bagian keranga secara lengkapnya bisa anda simak gambar di bawah ini :

PWSB_Kuliah Pemrograman Web Statis di UMS | HTML

Gambar diatas adalah koding dari kerangka html. bagaimana ? cukup mudah bukan memperlajari html.

Berhubung dnegan pesatnya perkembangan maka html mengikuti perkembangan. lalu apa perkembangan html ? perkembangan html sekarang telah hadir html terbaru yaitu html 5. tidak beda jauh dengan html sebelumnya.mungkin perbedaannya terjadi ketika kita menggabungkan css yang mana di html 5 telah support section, dan telah ada tag <header> juga <footer> yang mana di html sebelumnya belum mengenal hal tersebut.

Akan tetapi kerangka dari HTMLnya masih sama, berikut tampilan gambarnya

Gambar PWSB_Kuliah Pemrograman Web Statis di UMS | HTML 5

CSS (Cascading Style Sheet)

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID. Css ini bagaikan baju untuk sebuah website atau HTML. tanpa adanya CSS mungkin websit akan terlihat jelek atau ugly. mungkin beberapa kalian tidak asing dengan CSS.

Gambar PWSB_Kuliah Pemrograman Web Statis di UMS | CSS

Lalu bagaimana cara implementasi CSS pada HML ? ada dua cara untuk implemetasi css. cara pertama adalah dengan internal, kemudian cara kedua adalah eksternal.

untuk cara internal bisa menambahkan kode <stlyle> dan di tutup </style> sebelum kode head di tutup </head>. kemudian kalian bisa menuliskan sintak sintak cssnya.

JavaScript

Gambar PWSB_Kuliah Pemrograman Web Statis di UMS | JavaScript

JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server.

Bayangkan ketika kita mengisi form registrasi untuk pendaftaran sebuah situs web, lalu men-klik tombol submit, menunggu sekitar 20 detik untuk website memproses isian form tersebut, dan mendapati halaman yang menyatakan bahwa terdapat kolom form yang masih belum diisi.

Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.

Dalam perkembangan selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.

Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.
Perkembangan JavaScript Saat Ini

Dalam perkembangannya, JavaScript mengalami permasalahan yang sama seperti kode pemograman web yang bersifat client side seperti CSS, yakni bergantung kepada implementasi web browser.

Kode JavaScript yang kita buat, bisa saja tidak bekerja di Internet Explorer, karena web browser tersebut tidak mendukungnya. Sehingga programmer harus bekerja extra untuk membuat kode program agar bisa “mengakali” dukungan dari web browser.

Karena hal tersebut, JavaScript pada awalnya termasuk bahasa pemograman yang rumit, karena harus membuat beberapa kode program untuk berbagai web browser.

Namun, beberapa tahun belakangan ini, JavaScript kembali bersinar berkat kemudahan yang ditawari oleh komunitas programmer yang membuat library JavaScript seperti jQuery. Library ini memudahkan kita membuat program JavaScript untuk semua web browser, dan membuat fitur-fitur canggih yang sebelumnya membutuhkan ribuan baris kode program menjadi sederhana.

Kedepannya, JavaScript akan tetap menjadi kebutuhan programmer, apalagi untuk situs saat ini yang mengharuskan punya banyak fitur modern sebagai standar.

Nah , mungkin itu pengetahuan sedikit tentang HTML,CSS, dan JavaScript. saya tidak menjelaskan secara detail HTML,CSS dan JavaScript, karena bisa sangat panjang jika saya menjelaskannya. Lalu Bagaimana Kesan saya Pertama Kali di Mata Kuliah Pemrograman Web statis ?

Pada Awalnya saya merasa kaget jika dosen yang mengajar saya itu masih muda dan pertamanya saya kira dia adalah kakak tingkat karena terlihat santai dan tidak begitu tegang. so, ternyata dia adalah dosennya. ya, Pak yogiek adalah orangnya.

Pembelajaran PWSB_Kuliah Pemrograman Web Statis di UMS

Saat Pembelajaran PWSB_Kuliah Pemrograman Web Statis di UMS sangatlah menyenangkan tidak seperti mata kuliah lainnya yang begitu tegang. dan juga pembelajaran yang didapatkan mudah di cerna di karenakan dosen pengapunya sangat dekat dengan mahasiswa.

Walaupun bisa di bilang pembelajarannya santai akan tetapi, pembelajaran yang di kasihkan mudah untuk di cerna dan mudah untuk di mengerti. walaupun jamnya tidak lama tapi pembelajaran dalam satu semester ini sangat cepat dan mudah di mengerti mulai dari HTML sampai JavaScript.

Mungkin itu adalah postingan tentang PWSB_Kuliah Pemrograman Web Statis di UMS. mungkin bisa bermanfaat buat kalian pembaca setia Blog Mas Bintang / PWS2017L200170078.blogspot.com. jika ada pertanyaan atau kirtik dan saran bisa disampaikan di kolom komentar. Sekian, Selamat Berjumpa di Postingan berikutnya ya.