FAYED's BLOG

Dido Fabian Fayed 05111940000059  Soal 1. Jelaskan dan berikan contoh - front end web apps - back end web apps - full stack developer 2. Tuliskan skill yang dibutuhkan untuk membangun aplikasi web 3. Apa yang dimaksud client side dan server side, ilustrasikan penjelasanmu 4.Buatlah sebuah front end web 🎈Link  Source code 🎈Link  Website 🎈L ink Dokumentasi  

💣  Membuat Website:  Login, SignUp, ContactUs dengan Bootstrap  💣   💀Intro AJAX memiliki kepanjangan Asynchronous Javascript And XML merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa pemrograman yang baru. Dikembangkan sekitar 2-3 tahun yang lalu, AJAX mulai dilirik oleh para web desainer dan programmer. Hal ini dikarenakan AJAX tidak perlu melakukan proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapat diintegrasikan dengan server side programming seperti PHP, ASP, JSP dll.  Pada website tradisional biasa jika kita mengklik suatu tombol/link tertentu maka browser akan melakukan refresh dimana document HTML akan di baca dari awal dan layar browser akan menjadi blank sesaat karena pada saat itu browser sedang meminta/merequest data dari web server dan hal itulah yang membuat aplikasi website menjadi kurang interaktif dan responsif. Ajax digunakan untuk memecahkan masalah tersebut, Ajax membuat aplikasi website menja...

💣  Membuat Website:  Login, SignUp, ContactUs dengan Bootstrap  💣 💀Intro Dengan menggunakan Boostrap, kita dapat dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Bootstrap juga menyediakan komponen-komponen lain yang dibangun dengan menggunakan JavaScript. 💀Project Saya Pada kali ini, saya membuat halaman sign in, sign up, dan contact dari sebuah website. Web ini dibuat dengan menggunakan Bootstrap dan dapat diakses pada link berikut ini . Tampilan web ini dapat dilihat juga melalui screenshoot di bawah ini. 💀 Source Code   🎈 index.html   🎈 singup.html 🎈 contact.html

  💣  Membuat Website: Form dengan Javascript  💣 💀Intro JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.  Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan berorientasi objek.  💀Project Saya Pada tugas kali ini saya berkesempatan untuk membuat form responsif mengenai validasi vaksin dan ketersediaan mengikuti kuliah tatap muka bagi mahasiswa ITS menggunakan implementasi dari javascript.  Berikut tampilannya: Untuk website ...

  💣  Membuat Website: Ecommerce dengan CSS  💣 💀Intro CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”. 💀  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat website katalog produk sederhana menggunakan implementasi dari CSS.  Berikut tampilan websitenya: Untuk website dapat dilihat  di sini 💀 Source Code Source code lengkap dapat dili...

  💣  Membuat Website: Warteg dengan HTML5  💣 💀Intro HTMLS merupakan kelanjutan dari HTML 4 yang tidak diupdate sejak tahun 1999. Dimana W3C sebagai badan yang membuat standar HTML lebih berminat mergembungkan XHTML daripada melanjutkan HTML.  Setelah beberapa tahun pengembangan, XHTML tarnyata tidak sesuai dengan harapan. XHTML 2.0 tidak kunjung selesai, sehingga beberapa programmer web bergabung membentuk badin tersendiri: WHATWG. WHATWG kemudian mengembangkan format yang akan menjadi cikal bakal HTML5. Singkat cerita, W3C meninggalkan XHTML 2.0 dan ikut mengembangkan HTML5 bersama WHATWG.  Tepat puda tanggal 28 Oktober 2014 lalu, W3C telah resmi merampungkan standar HTML5 (sumber resminya dapat dibaca pada http://www.w3.org/blog/news/archives/4167). Walaupun demikian, saat ini HTMLS telah didukung hampir oleh semua web browser modern, sehingga sudah saatnya kita mulai membuat kode HTML menggunakan standar HTML.5. 💀  Project Saya Pada tugas kali ini sa...

💣 Membuat CV dengan HTML  💣 💀Intro HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ). HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. 💀  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat curiculum vitae sederhana menggunakan HTML. Berikut tampilan CV saya 💀  Source Code Berikut source code untuk membuat cv menggunakan HTML Lihat CV  di sini