1. Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah bahasa markup standar yang digunakan untuk membuat layout halaman web.
2. Bahasa Pemrograman CSS
Cascading Style Sheet (CSS) adalah bahasa pemrograman yang digunakan untuk membuat style web.
3. Bahasa Pemrograman JavaScript
JavaScript berfungsi untuk membuat web menjadi lebih interaktif seperti membuat animasi pada halaman web.
4. Framework CSS dan Javascript
Jangan lupa belajar framework CSS (Bootstrap, Foundation, Materialize, dll) dan framework Javascript (Angular, React, Vude, Node, dll.).
5. CSS Preprocessing
Preprocessor CSS seperti Sass, LESS, atau Stylus berfungsi untuk melakukan preprocessing kode CSS.
Contoh anda ingin mengubah warna merah yang anda gunakan di seluruh situs. Dengan preprocessor CSS, anda hanya perlu mengubah nilai hex di satu tempat saja dan itu akan mengubah nilai hex di mana-mana.
6. Responsive Design
Setelah paham dengan HTML, CSS dan JavaScript, silahkan pelajari tentang Responsive Design.Responsive design membuat aplikasi web yang anda buat dapat terlihat rapi dan menarik di semua ukuran layar.
Popularitas smartphone dan tablet dengan ukuran layar yang berbeda, penting untuk menjadikan desain responsif sebagai prioritas di setiap situs web atau aplikasi yang anda buat.
7. Browser Developer Tool
Belajar juga cara menggunakan developer tool pada browser.Pengguna pada akhirnya akan berinteraksi dengan situs web anda melalui browser web. Cara situs anda dirender oleh peramban/web browser ini akan menjadi bagian besar apakah pekerjaan anda berhasil atau tidak.
Semua browser web modern dilengkapi dengan alat pengembang. Alat-alat ini memungkinkan anda untuk menguji dan menyempurnakan halaman web anda di browser itu sendiri, dengan cara-cara khusus bagaimana browser menginterpretasikan kode anda.
Spesifikasi akan bervariasi pada tiap-tiap browser, tetapi alat pengembang setiap browser umumnya terdapat inspector dan konsol JavaScript.
Inspector memungkinkan anda untuk melihat seperti apa runtime HTML pada halaman anda, seperti apa CSS yang dikaitkan dengan setiap elemen pada halaman, dan juga memungkinkan anda untuk mengedit HTML dan CSS anda dan melihat perubahan langsung saat terjadi.
Konsol JavaScript memungkinkan anda melihat kesalahan apa pun yang terjadi saat browser mencoba mengeksekusi kode JacaScript anda.
8. Automation Tools
Program-program seperti Grunt dan Gulp dapat digunakan untuk mengotomatiskan pengoptimalan gambar, CSS dan JS minifying, dan web lainnya.