4 tips untuk mengembangkan keterampilan pengembang Anda

Sep 11, 2025
Bagaimana caranya
Coder navigates a roadmap avoiding bugs and errors in coding
(Kredit Gambar: Robert Pizzo)

Direktur Superfriendly Dan Mall akan berbagi tips pro-nya tentang cara tetap relevan sebagai desainer web di Hasilkan New York. 2018. Dapatkan tiket Anda sekarang .

Bagi Anda dengan Anda dengan pengalaman kurang dari lima tahun dalam pengembangan web, kemungkinan Anda masih menemukan kaki Anda sehubungan dengan fitur bahasa, kerangka kerja, arsitektur dan praktik terbaik. Dan meskipun Anda dapat memulai setiap situs dengan niat terbaik, pada akhirnya, kemungkinan yang Anda inginkan adalah untuk hal yang cukup baik sehingga Anda dibayar.

Saya telah menghabiskan beberapa tahun terakhir menyelamatkan berbagai situs merek terkenal yang secara teori seharusnya sederhana, tetapi untuk berbagai alasan - keberlibur freelancer, kurangnya pengawasan top-down - telah berubah menjadi spageti persimpangan hutang teknis.

01. Ikuti rumusnya

Hal yang ingin saya jalani adalah untuk meyakinkan Anda bahwa kita semua ada di sana dan tidak ada yang salah dengan tidak mengetahui segalanya. Pemrograman adalah kesenangan yang brilian dan alasan Anda ingin melakukannya setiap hari mungkin karena Anda bisa naik ke tantangan, memimpin dan memberikan solusi inovatif.

Tapi inilah tangkapannya: Apa yang membuat pemrograman menyenangkan (menjadi inventif dan berpikir di kaki Anda) dapat secara tidak sengaja berkontribusi pada hutang teknis pada proyek yang lebih besar dan dipimpin tim.

Ada praktik terbaik, prinsip dan pola terbaik yang telah membuktikan diri selama bertahun-tahun. Adalah tugas Anda untuk meneliti, mempelajari, dan mengimplementasikannya - dan, dalam prosesnya, mengorbankan sedikit individualitas Anda sebagai imbalan untuk pemeliharaan dan keandalan. Ada posting blog yang disebut ' Anda tidak dibayar untuk menulis kode "Itu meringkasnya dengan baik.

02. Keringat hal-hal kecil

Pemrograman sangat banyak tentang kejelasan, dan ketika Anda tidak dapat melihat kayu untuk pepohonan, peluang bumbu Anda tetap dengan sengaja ramping dan berarti akan sangat berkurang. Dengan demikian, strategi utama Anda untuk tetap di atas segalanya harus menjadi fokus yang cerewet pada dasar-dasarnya.

  • Bersikap ultra-terorganisir: khawatir tentang struktur folder dan lokasi file (kerangka kerja dapat membantu di sini), memastikan modul memiliki pesanan API yang konsisten, fungsi umum kelompok, dan menggunakan templat dengan pembatas.
  • Buat kode Anda dapat dibaca: Gunakan ruang putih dengan bijaksana, dan gunakan komentar untuk membatalkan anotasi pengelompokan dan mengklarifikasi niat (tetapi bukan kode buruk). Anda bekerja sebagai tim dan Anda dibayar untuk menjadi jelas.
  • Jangan memotong sudut: menghemat waktu sekarang mungkin tampak seperti ide yang bagus, tetapi Anda dapat memastikan bahwa ketika proyek tumbuh, kemalasan licik akan diperparah dan biaya proyek nanti.

Sepanjang proses, pastikan Anda memperbaiki kesalahan saat Anda mengikuti. Cepat atau lambat kode lain akan berakhir dengan mengandalkan kesalahan ini. Hentikan busuk sesegera mungkin. Jika Anda membuat perubahan, buat mereka secara konsisten. Kolom basis data, fungsi backend, panggilan API, fungsi JavaScript, dokumen, anotasi, atribut HTML, nama kelas CSS, dan sebagainya - pastikan semua cascades turun.

03. Tetap Terstruktur

Image showing a before and after of restructured and refactored code

Dua versi dari file rute aplikasi yang sama. Yang membuatnya lebih mudah untuk memahami struktur aplikasi?

Ada godaan ketika membangun situs mandiri untuk diam-diam mengabaikan enkapsulasi, dan untuk mengotori kode dengan referensi global ke aplikasi atau untuk menjangkau komponen dengan parent.parent atau seperti. Ini dengan cepat membangun utang teknis.

Jika memungkinkan, cobalah untuk memikirkan aplikasi Anda sebagai serangkaian modul independen, dan membangun praktik terbaik kerangka Anda untuk menghilangkan kopling dan saling ketergantungan. Jika itu membantu, coba bayangkan Anda akan menggunakan kembali bagian-bagian dari aplikasi di proyek lain, dan pikirkan bagaimana Anda akan menyusun file, markup dan kode untuk memfasilitasi ini.

Anda harus waspada untuk menyatukan tanggung jawab dan bertanya pada diri sendiri terus-menerus: Apakah ini milik di sini? Jika kode terasa 'icky', itu mungkin.

Pada proyek tim, kurangnya kode penggunaan kembali dan kode salinan / tempel adalah masalah besar. Ketika Anda melihat kode berulang, gigit peluru dan refactor semua instance ke fungsi, modul atau template. Sekali lagi, struktur folder yang baik akan memudahkan Anda untuk berolahraga di mana harus meletakkan barang-barang.

04. berhati-hatilah dengan kompleksitas berlebihan

A before and after demonstrating how a refactored class is more readable, functional and testable

Kelas refactored di sebelah kanan adalah versi yang lebih mudah dibaca, fungsional dan dapat diuji dari yang ada di sebelah kiri

Masalah utama dengan kompleksitas adalah masker dan mengalihkan perhatian dari masalah asli yang Anda coba selesaikan dan pada gilirannya akhirnya menghasilkan lebih banyak kode dan lebih kompleksitas, baik di tempat yang sama atau di bagian lain dari aplikasi. Anda berakhir dengan siklus setan.

Jika kode Anda mulai terlihat lebih seperti pelajaran aljabar daripada API yang terpelihara dengan baik, Anda perlu mengambil langkah mundur. Bisa jadi Anda perlu memperbaiki potongan kode tertentu, refactor kelas itu masuk atau mempertimbangkan pendekatan Anda saat ini untuk masalah yang Anda coba selesaikan.

Dalam kasus ekstrem, Anda mungkin perlu melihat ke luar lagi. Saya baru-baru ini merefactosis pada pengaturan tampilan yang sangat rumit yang saya sadari adalah korban skema routing yang dipikirkan parah. Dengan mendesain ulang rute yang berbelit-belit menjadi sesuatu yang masuk akal, saya dapat membuang ratusan garis spaghetti padat di berbagai kelas, dan menghapus beberapa peretasan / bug router yang berdiri lama dalam prosesnya.

Satu hal yang tidak boleh Anda lakukan setelah menulis beberapa kode tumpul duduk kembali dan keajaiban dengan bangga betapa sulitnya membaca! Kode terbaik elegan (baca: tidak rumit); Jika Anda tidak, Anda harus bekerja.

Artikel ini awalnya diterbitkan dalam penerbitan 290 dari Net, majalah terlaris di dunia untuk desainer dan pengembang web. Membeli masalah 290. atau Berlangganan ke NET. .

Ingin saran lebih lanjut tentang memoles keterampilan pemrograman Anda?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018

Dan Mal memberikan pembicaraannya, haruskah desainer ...? Pada menghasilkan New York dari 25 - 27 April 2018

Desainer perlu menumbuhkan keterampilan mereka untuk tetap relevan dan efektif, tetapi yang layak untuk dipfokuskan? Haruskah desainer belajar kode, dan, jika demikian, dapatkah pengetahuan kode terbatas benar-benar membuat perbedaan bekerja dengan para insinyur berbakat? Bagaimana desainer bisa masuk ke alur kerja lincah? Apakah metodologi proyek tetap penting? Peran apa yang dimiliki seorang desainer dalam menciptakan, menggunakan, dan memelihara sistem desain?

Dalam pembicaraannya di Hasilkan New York dari 25-27 April 2018 , Sutradara Superfriendly Direktur Dan Mall akan berbagi cerita dan perspektif untuk menjawab pertanyaan-pertanyaan ini dan banyak lagi, memberikan metodologi dan teknik spesifik untuk membantu desainer menjadi lebih sangat diperlukan, lebih cepat. Dapatkan tiket Anda sekarang .

Artikel terkait:

  • Alat pengembang yang perlu Anda ketahui sekarang
  • 25 tip pengembangan web untuk meningkatkan keterampilan Anda
  • 10 hal yang harus diketahui oleh pengembang web untuk menjadi benar-benar luar biasa

Bagaimana caranya - Artikel Terpopuler

Buat set ikon produk di Illustrator

Bagaimana caranya Sep 11, 2025

Klik ikon di kanan atas untuk memperbesar ikon Ikon ilustrasi dapat menjadi tambahan sup..

membuat rumput di mesin yang tidak nyata

Bagaimana caranya Sep 11, 2025

Saat membuat visualisasi arsitektur Anda perlu mewakili banyak detail, dan salah satu yang paling memakan waktu adalah vegetasi s..

Master Alat Jembatan

Bagaimana caranya Sep 11, 2025

Apa alat jembatan? Jika Anda baru mengenal CGI, ada terlalu banyak alat untuk dipilih dalam berbagai perangkat luna..

Cara Membuat Kontrol Rig Kustom di Maya

Bagaimana caranya Sep 11, 2025

Ini Tutorial Maya. akan menunjukkan kepada Anda cara membangun rig khusus. Rig terbaik adalah yang intuitif dan mu..

5 hal yang tidak Anda ketahui dapat Anda lakukan dengan HTML

Bagaimana caranya Sep 11, 2025

Mari kita hadapi itu, pengembangan web dapat dengan mudah menjadi berantakan. HTML, CSS dan Javascript. Semuanya b..

Buat dasbor responsif dengan Figma

Bagaimana caranya Sep 11, 2025

Figma adalah alat grafis untuk desainer UI. Ini memiliki antarmuka sederhana dan memungkinkan Anda untuk berkolaborasi dalam pekerjaan dengan rekan setim Anda. Jika Anda ingin bekerja offline..

membuat prototipe hi-fidelity dalam atom

Bagaimana caranya Sep 11, 2025

Sangat mudah untuk terjebak dalam mencoba mengembangkan ide dalam mockup statis atau alat menggambar file datar, tetapi a ..

Cara membuat rig pita yang fleksibel

Bagaimana caranya Sep 11, 2025

Rig pita cukup umum Seni 3d. rig produksi hari ini. Mereka memiliki perilaku yang sama dengan menggunakan pengatur..

Kategori