Panduan Pemula Menjadi Web Developer (My Story)
Hii, Nama saya “Candra Kriswinarto”, tanpa background pendidikan dibidang IT tapi sekarang menjadi seorang web developer, dalam artikel ini saya akan memberikan step by step apa yang harus dipelajari jika kamu mau menjadi web developer serta akan saya sertakan beberapa link yang akan menjadi referensi untuk informasi yang lebih lengkap.
Just like any web developer in out there, HTML, CSS dan JAVASCRIPT. Tiga basic teknologi dan sangat penting. dan hal penting lainnya adalah temukan cara terbaik kamu dalam belajar, beberapa orang cepat belajar dengan melihat video beberapa lainnya dengan membaca, melihat video tutorail adalah cara yang saya sukai untuk belajar web developer. so temukan cara terbaik kamu dalam belajar..
Ada beberapa hal yang perlu kamu siapkan terkait aplikasi yang nantinya akan digunakan, diantaranya :
*text yang dibold adalah aplikasi yang saya gunakan*
- Text Editor: VsCode, Atom, Notepad++, Sublime text, dsb.
- Browser: Chrome, Firefox, Opera, Internet Explorer & Edge, dsb.
HTML
Kamu bisa mencari beberapa referensi untuk belajar basic HTML, ada begitu banyak sumber yang bisa kamu dapat sekarang juga di internet. di antaranya:
- Traversy Media HTML Crash Course For Absolute Beginners
- FreeCodeCamp HTML Full Course — Build a Website Tutorial
Mungkin kalian bertanya adakah yang berbahasa Indonesia?, bahasa inggris saya jelek soalnya, saya merekomendasikan channel youtube Web Programming UNPAS dengan konten yang mudah dipahami untuk pemula, tapi satu hal yang penting yaitu untuk belajar web developer sendiri kita harus terbisa dengan bahasa inggris.
Tidak harus “lancar” berbahasa inggris yang paling penting adalah kamu memahami apa yang sedang terjadi, maksud saya adalah tampilan di browser akan berubah seperti ini jika kamu tambahkan code seperti ini, karena tidak begitu sulit memahami penjelasan jika kita mengikuti step by step dalam tutorialnya, dan secara otamatis sambil belajar web developer kita belajar bahasa inggris juga. sound cool right?
Setelah mempelajari HTML, tentu kalian sekarang tidak asing dengan tag HTML seperti: head, title, body, header, main, section , input, button, h1, p, dsb.
CSS
Hal kedua yang harus kamu pelajari adalah CSS, apa itu CSS? initinya CSS adalah kumpulan code yang akan membuat tampilan website lebih menarik seperti warna, jenis font, responsive website, dan banyak lagi. Untuk referensi video youtube kalian bisa tonton beberapa video berikut:
- Traversy Media CSS Crash Course For Absolute Beginners
- FreeCodeCamp HTML and CSS Tutorial — Create a Website for Beginners
Untuk link yang saya berikan diatas hanya sedikit dari begitu banyak yang bisa kamu dapatkan di internet, kamu juga bisa mengunjungi website seperti Codecademy, FreeCodeCamp, W3Schools, Udemy, dsb. berikut artikel yang bisa kamu baca terkait website yang bisa kamu kunjungi untuk belajar web developer 7 Most Popular Websites To Learn Web Development.
CSS mudah dipelajari namun sangat sulit diimplementasikan, ada beberapa hal yang saya rasa susah dimengerti pada CSS apalagi bagi pemula, karena itu akan saya tuliskan beberapa dan akan saya sertakan link untuk penjelasannya. :)
- Kapan menggunakan position: relative; dan kapan menggunakan position: absolute; Kevin Powell CSS Positioning: Position absolute and relative explained
- Mengikuti beberapa tutorial di youtube mungkin kamu menemukan sintaks box-sizing: border-box; what is that? berikut penjelasannya Kevin Powell box-sizing: border-box explained
- Apa bedanya padding, border, margin, serta outline The CSS Box Model
Hal yang harus kamu pelajari pada CSS dan sangat penting yaitu Flexbox, Grid, Media Queries, Variable. Setelah mengikuti beberapa video tutorial, membaca beberapa artikel terkait HTML dan CSS mulailah membuat tampilan website sederhana hanya dengan HTML dan CSS.
Kamu akan merasa sangat ingin menguasai CSS tapi percayalah itu akan memakan waktu yang sangat lama, yang saya sarankan adalah jangan dulu fokus pada CSS animations, keyframs dan sebagainya, fokuslah pada membuat tampilan website pada umumnya, membuat tampilan layout, membuat website kamu responsive.
Untuk menguji skill yang sudah kamu pelajari yang saya sarankan adalah buat project! dengan code kamu sendiri! jika kamu mendapatkan problem cobalah mencari solusinya sendiri, karena google adalah tempat terbaik untuk menemukan solusi, dengan itu kamu akan terbiasa menyelesaian masalah.
Perlu kamu ingat setiap orang punya stylenya sendiri, karena untuk membuat satu tampilan website yang sama persis akan ada begitu banyak kemungkinan sintaks yang berbeda yang diterapkan.
Javascript
Javascript adalah salah satu bahasa pemrograman yang sangat populer saat ini, dan tentu saja untuk pemula kamu harus belajar JavaScript Fundamentals, ketika belajar javascript kamu akan mendengar javascript framework, javascript library. don’t be crazy about that!
Hal penting adalah belajar javascript, i mean vanilla javascript. buat beberapa project dengan pure HTML, CSS dan Javascript akan semakin memperkuat skill kamu. tidak masalah jika kamu mengikuti beberapa tutorial di youtube, tapi yang saya sarankan “Buat lagi project tersebut dengan code kamu sendiri dan sedikit ubah tampilannya dengan tampilan yang kamu suka”.
Kamu bisa cek repositories saya di Github, ada beberapa project yang saya buat dengan inspirasi dari beberapa video youtube. So keep learning guys. Perdalam skill kamu di 3 basic teknologi ini yaitu HTML, CSS dan Javascript. Hal yang paling penting lagi adalah “learn every single day!” tidak peduli berapa jam yang kamu habiskan, or just 30 minute i think it’s fine. the most important is CONSISTENCY!. Ya konsisten adalah yang paling penting. But don’t forget about this “enjoy!!! :)”
