Ahli HTML Dalam Sehari

 

Ahli HTML Dalam Sehari

Kembali lagi bersama saya, Mustafidh Rafan Ahyan. Hari ini hari ke dua saya PKL di ISTN. Saya akan menceritakan sedikit aktivitas saya PKL hari ini.

Hari ini saya belajar cara menceritakan keseharian masing-masing, lalu ditulis ke dalam Notepad++, setelah itu membuat Web dan cerita tersebut dimasukkan kedalam web lalu dirapihkan dengan menggunakan tailwind agar ketika melihat web tersebut dari handphone, tampilannya tidak berantakan. Sebelum itu Tailwind itu apasih? Notepad++ itu gunanya apasih? kok buat web pake Notepad++, emang nyambung sama HTML?

HTML

HTML, atau HyperText Markup Language, adalah bahasa markup standar yang digunakan untuk membuat dan merancang halaman web. Ini bukan bahasa pemrograman, melainkan bahasa yang memberikan struktur dan konten pada halaman web, memungkinkan teks, gambar, video, dan elemen lainnya ditampilkan di browser.

(Berikut perbedaan HTML dengan CSS atau Javascript)

Tailwind CSS

Tailwind CSS adalah framework CSS yang bersifat "utility-first. Artinya, alih-alih menyediakan komponen siap pakai, tailwind menyediakan berbagai kelas CSS kecil yang dapat dikombinasikan langsung dalam kode HTML untuk membangun tampilan website yang unik dan kostum.

Notepad++ adalah sebuah editor teks gratis dan sumber terbuka yang berjalan pada sistem operasi windows. Ia berguna untuk menyunting berbagai bahasa pemrograman dengan fitur penyorotan sintaksis dan pelipatan kode, yang mana membuatnya populer di kalangan pengembang.

Maka dari itu Notepad++ sangat berguna bagi pengembang web, programmer, dan siapa saja yang membutuhkan editor teks yang lebih canggih dan efisien daripada notepad bawaan windows.

Jadi intinya, dengan menggunakan tailwind CSS akan membuat tampilan website yang kostum dan responsif dengan cepat dan efisien.

(Berikut contoh Tailwind CSS)

Notepad++

Notepad++ adalah sebuah editor teks gratis dan sumber terbuka yang berjalan pada sistem operasi windows. Ia berguna untuk menyunting berbagai bahasa pemrograman dengan fitur penyorotan sintaksis dan pelipatan kode, yang mana membuatnya populer di kalangan pengembang.

Maka dari itu Notepad++ sangat berguna bagi pengembang web, programmer, dan siapa saja yang membutuhkan editor teks yang lebih canggih dan efisien daripada notepad bawaan windows.

(Berikut gambar icon dari Notepad++)

Aktivitas

Hari ini saya mengawali hari saya tidak seperti biasanya, bangun mulai lebih pagi karena jam masuk PKL sudah berubah menjadi jam 08.00 pagi. Saya menyiapkan baju dan celana saya, serta menyiapkan bekal untuk nanti siang istirahat di saat PKL. Hari ini saya membawa nasi dengan lauk udang goreng tepung mentega. 

Melihat jam sudah menunjukkan pukul 07.10, saya pun bergegas memanaskan motor saya agar motor saya tidak cepat rusak.Saya pun berangkat sendiri dari rumah, dimana biasanya saya berangkat bersama Daniel namun karna hari ini saya berniat ingin main terlebih dulu sebelum pulang, maka saya berinisiatif untuk membawa motor sendiri.

Di perjalnan ke ISTN saya bertemu teman saya yang lain, yakni Rifat dan Dimas. akhirnya kami pun jalan bersama menuju ISTN. Sesampainya di parkiran ISTN, ternyata teman kami yang lain juga baru sampai di ISTN, yakni Noufal dan Dito.

(Dimas dan Rifat sedang merapihkan baju mereka sebelum pergi ke Lab)

Akhirnya kami bersama-sama masuk ke dalam lab komputer. Namun, ketika kami sampai di depan pintu lab. Lab belum dibuka, akhirnya kami pun pergi ke danau untuk menunggu lab dibuka.

ketika menunggu kami bertemu dengan anak PKl dari SMK Nasional, akhirnya kami pun mengajaknya duduk bersama di danau. Namun, pada saat yang bersamaan Pak Riadi pun sampai dan membukakan pintu lab untuk kami.

Akhirnya kami masuk ke dalam lab, beristirahat sebentar kemudian briefing dengan Pak Riadi. Pagi itu tepatnya pada pukul 08.00 kami mulai melakukan piket ruangan, sesuai dengan jadwal piket yang telah dibuat Dimas atas arahan Pak Riadi. Saya mendapatkan tugas mengelap di ruangan C, saya pun berusaha mengelap kaca, meja, pintu dan komputer. Hal itu saya lakukan agar membuat nyaman kegiatan PKL kami dan kegiatan PKL pun dapat berjalan lancar. 

(Saya sedang membersihkan Rak)

(Saya piket di ruangan C bersama 2 teman saya)

Setelah membersihkan ruangan, kami masuk kembali ke ruangan A untuk mendengarkan materi dari Pak Riadi. Lalu kami pindah ke ruangan B untuk melanjutkan materi dan mengerjakan tugas dari Pak Riadi, yakni membuat web dengan notepad++ dengan memakai Windtail CSS lalu mencatat keseharian PKL kami di dalam Blogger dan Notepad++.

Awalnya saya tidak mengerti bagaimana cara membuat web tersebut terlebih lagi menggunakan windtail (karena saya belun pernah memakainya). Namun Pak Riadi dapat membimbing saya hingga saya menjadi lebih mengerti dan paham bagaimana cara menggunakan Notepad++ dan bagaimana cara membuat Web.

Akhirnya saya berhasil membuat Web yang lumayan bagus, web itu berisi foto dan sedikit cerita keseharian saya. Saya merasa bangga bisa membuat web tersebut, walaupun saya masih kurang mengerti dan masih sedikit bingung, hehe.

Berikut hasil dari web saya :

(Ketika saya mencoba Menggunakan Notepad++)

(Hasil dari Web saya)

(Hasil dari web saya)