Apa Artinya Menjadi Pengembang Front-End di 2020 (dan Selanjutnya)

Apakah Anda pernah berpikir tentang apa sebenarnya arti front-end developer front- end? Saya pernah bertanya kepada Eric Meyer (yang telah membuat situs web hampir selama ada situs web) apakah dia tahu apa arti istilah itu di masa-masa awal, dan dia menjawab ya. Jadi, ini bukan gelar atau posisi baru, tapi tentu saja ruang lingkupnya berpindah selama bertahun-tahun.

​​"Front-end" pada dasarnya berarti browser web. Saya menganggap diri saya sebagai pengembang front-end, dan sejujurnya saya tidak akan membencinya jika Anda menyebut saya pengembang peramban web. Tapi, itu mungkin tidak akan berhasil (dan sepertinya Anda membuat browser web). Sebagai pengembang front-end, Anda bekerja sangat erat dengan browser web dan menulis kode yang berjalan di dalamnya, khususnya HTML, CSS, JavaScript, dan beberapa bahasa lain yang digunakan browser web (misalnya, format media seperti SVG). Atau, mungkin yang lebih umum dijelaskan, kode yang pada akhirnya diproses ke dalam bahasa yang dipahami browser. Itu wilayah Anda sebagai pengembang front-end!

Peramban tidak ada sendirian, mereka berjalan di berbagai perangkat. Kami mempelajarinya melalui era desain responsif. Dan yang terpenting: pengguna menggunakan browser tersebut di perangkat tersebut. Tidak ada yang lebih dekat dengan pengguna selain pengembang front-end. Jadi pengembang front-end menulis kode untuk orang yang menggunakan browser yang berjalan di berbagai perangkat.

​​Hanya berurusan dengan lanskap pengguna, perangkat, dan browser yang sangat besar ini adalah pekerjaan tersendiri! Saya akan berpikir bahwa tidak setiap hari Anda berpikir secara filosofis tentang jabatan Anda, dan itu bagus; kami hanya melakukan sedikit perenungan di sini bersama kakekmu Chris.

​​Jika Anda baru saja lulus dari bootcamp pengkodean dan pengalaman Anda membangun situs web agak sempit dan baru, Anda dapat dimaafkan jika Anda menganggap pengembangan front-end sebagai "barang Bereaksi" dan pengembangan back-end sebagai "Node barang" atau "barang Python", seperti rasa terpanas akhir-akhir ini. Kamu juga tidak salah. Bereaksi umumnya digunakan sebagai kerangka front-end (secara harfiah JavaScript yang berjalan di browser). Node dan Python adalah contoh bahasa yang tidak benar-benar berjalan di browser web; mereka dibangun untuk berjalan di server web (uhh, komputer).

​​Bertahanlah di bidang ini untuk sementara waktu, dan Anda akan melihat perpustakaan, bahasa, proses pembuatan, dan bahkan seluruh filosofi tentang cara terbaik untuk membangun situs web datang dan pergi seperti gelombang lambat.

​​Anda mungkin menyaksikan beberapa orang tua mengayunkan tinju mereka dari waktu ke waktu, berteriak bahwa kita harus belajar dari kesalahan masa lalu. Anda juga dapat menyaksikan beberapa pemuda yang sangat riuh mengayunkan tinju mereka setinggi mungkin, menyatakan masa lalu sebagai konteks yang tidak relevan dan tidak lagi menjadi pokok pembicaraan yang berguna.

Mereka berdua benar, mungkin. Selama tidak ada yang jahat, itu semua adalah bagian dari arus.

Hal-hal berubah. Saya merasa benar bahwa banyak situs web saat ini lebih kompleks daripada situs web di masa lalu. Terutama yang besar. Jejaring sosial dan pemutar media. Situs pemesanan perjalanan. Etalase eCommerce. Alat-alat teknik. Situs-situs ini mulai besar dan semakin besar. Mereka adalah ekonomi bagi diri mereka sendiri dengan tim besar yang mendukung mereka. Kerumitan ini adalah penyebab perubahan teknologi web dan penyebab gesekan antara sekolah baru dan lama (jika kita bisa melukisnya sesederhana itu).

​​Banyak orang yang bekerja di bidang teknologi pada dasarnya bekerja untuk situs web besar. Jadi kami paling sering mendengar dari orang-orang ini. Orang-orang ini membuat alat. Mereka menulis posting blog, mereka pergi ke podcast, mereka menyampaikan ceramah. Mereka membantu mengubah teknologi itu sendiri, agar sesuai dengan kebutuhan mereka.

Sementara itu, "front-end" masih berupa browser. Bahasa browser, HTML, CSS, dan JavaScript masih menjadi teknologi inti yang dimainkan. Bahasa-bahasa itu berkembang, begitu pula browser itu sendiri, tetapi lebih lambat. Mereka melakukan kebalikan dari slogan favorit Silicon Valley: bergerak cepat dan merusak barang . Mereka bergerak perlahan dan sangat jarang merusak apapun.

​​Menjadi pengembang front-end masih peduli dengan pengguna yang menggunakan browser tersebut di perangkat tersebut. Pengalaman mereka adalah tugas kita. Perkakas hanya membantu kami melakukannya, mudah-mudahan.

​​Jadi, apa yang Anda lakukan sebagai pengembang front-end?

• ​​Anda menjalankan desain sedemikian rupa sehingga terlihat bagus di layar mana pun
• ​​Anda menerapkan semantik ke konten
• ​​Anda membuat UI secara abstrak sehingga Anda dapat menggunakan kembali bagian dan gaya secara efisien
• ​​Anda sedang mempertimbangkan aksesibilitas dari apa yang dirender di browser
• ​​Anda mengkhawatirkan kinerja situs, yang berarti Anda berurusan dengan seberapa besar dan berapa banyak sumber daya yang digunakan oleh browser.

​​Hal-hal itu selalu benar, dan akan selalu demikian, karena pada dasarnya merupakan masalah tingkat browser dan itulah front-end.

​​Yang berubah adalah browser mampu melakukan lebih banyak pekerjaan. Ada banyak alasan untuk itu, seperti API browser yang semakin mumpuni, pustaka yang semakin mewah, dan komputer yang semakin baik, secara umum. Membongkar pekerjaan dari server ke browser semakin masuk akal selama bertahun-tahun (aplikasi satu halaman!). Meskipun menarik untuk menonton pendulum berayun kembali (situs pra-render!) Dan menemukan jalan tengah (JAMstack!).

​​Pengembangan front-end saat ini mungkin juga mencakup:

• ​​Merancang seluruh situs dari komponen terkecil hingga seluruh halaman hingga tingkat URL
• ​​Mengambil data Anda sendiri dari API dan memanipulasi data sesuai kebutuhan untuk ditampilkan
• ​​Berurusan dengan keadaan situs Anda sendiri
• ​​Mutasi/mengubah data melalui interaksi dan input pengguna dan mempertahankan data tersebut dalam keadaan dan kembali ke server melalui API

​​Itu semua hal yang bisa dilakukan di browser sekarang, sangat melebarkan mata pengembang lama ini. Itu adalah tumpukan tanggung jawab ketika Anda menganggap itu di atas semua hal yang sudah harus Anda lakukan.

​​Sementara tumpukan pekerjaan itu cenderung bertambah selama bertahun-tahun, cahaya penuntun yang kami miliki sebagai pengembang front-end tidak banyak berubah. Tanggung jawab utama kami tetap menjaga pengguna yang menggunakan browser web di perangkat. Jadi kita harus mengambil beberapa data. Itu keren, kami melakukannya untuk membangun halaman yang cepat, semantik, dan dapat diakses untuk melayani kebutuhan pengguna kami. Jadi kita perlu membangun sistem desain. Itu keren, kami melakukannya untuk membangun antarmuka yang dapat dimengerti bagi pengguna kami yang mampu berkembang tanpa membuat kekacauan yang tidak konsisten. Jadi kita harus mempelajari beberapa teknologi asing yang baru. Ya, tugas kami adalah mengawasi dan memastikan bahwa hal baru pada akhirnya ada untuk memperbaiki situs kami bagi pengguna.

Semoga berhasil!