Knowledege Content

Hal-hal yang harus Anda ketahui sebelum memulai karir di front-end development
Ini adalah artikel untuk siapa saja yang ingin memulai pengembangan front-end tanpa latar belakang pemrograman. Tujuan akhirnya adalah untuk membantu para penggemar memahami dunia pengembangan perangkat lunak yang lembut dan memungkinkan mereka menemukan jalan mereka di ekosistem yang padat ini. Hasilnya adalah peta jalan untuk memulai proses pembelajaran.

Bagaimana cara menjadi front-end developer. Pengantar tentang jalan yang harus diambil dan juga memberi mereka beberapa kata kunci seperti Git, HTML, CSS, dan beberapa lainnya. Tapi kemudian saya menemukan ada hambatan untuk memasuki industri ini bagi orang-orang yang tidak memiliki latar belakang pemrograman. Mereka harus terlebih dahulu mengenal ekosistem.
Mereka segera kewalahan oleh banyak materi pendidikan di luar sana, dan untuk setiap kata kunci, Google mengembalikan banyak hasil. Sepertinya Anda ingin membeli mobil pertama Anda dan ada banyak sekali model berbeda dengan opsi berbeda dengan harga yang sama di luar sana. Jika Anda tidak mendapatkan saran tentang spesifikasi target Anda, Anda akan segera bingung dan akan memilih yang buruk atau meninggalkan toko.

Saya akan mencoba memberi Anda perspektif dan ikhtisar tentang ekosistem pengembangan perangkat lunak. Saya juga akan memberi Anda beberapa kata kunci yang bermanfaat. Pada akhirnya, Anda akan pergi dengan peta jalan untuk belajar.
Sebelum kita mulai, saya ingin menyebutkan lagi bahwa pengembangan front-end adalah salah satu komunitas pengembang yang paling ramai, jadi jangan takut dengan banyak nama, perpustakaan, dan teknologi yang aneh. Tujuannya adalah untuk menyelamatkan Anda dari kewalahan oleh orang banyak dan membekali Anda dengan pengetahuan yang dapat membantu Anda menemukan jalan Anda.

Dasar Web
Mari kita mulai dengan pertanyaan tentang isi halaman web.
Pikirkan situs web sebagai buku dengan beberapa halaman, buku tingkat lanjut yang setiap halamannya terdiri dari gambar, teks, video, audio, dan elemen khusus bernama tautan. Pada halaman web, kita dapat menyatukan semua elemen ini dan menatanya seperti halaman buku dengan font dan warna, dan juga menempatkannya dalam tata letak yang berbeda.

Tautan itulah yang membuat halaman web berbeda dari buku. Peran tautan adalah untuk membantu Anda menavigasi antar halaman dalam urutan yang tidak berurutan. Tautan dapat membawa pengunjung ke halaman sembarang situs web. Anda dapat melompat-lompat dari halaman ke halaman berdasarkan tautan di setiap halaman, dan Anda bahkan dapat melompat ke halaman buku lain.

Hampir semua hal lain yang Anda lihat di halaman web entah bagaimana merupakan komposisi dari elemen-elemen dasar ini:
• Teks
• Gambar
• Audio
• Video
• Tautan ( elemen navigasi )
Tujuan situs web adalah untuk menyampaikan informasi bersama dengan pengalaman pengguna khusus bisnis.

Teknologi Pengembangan Web
Ada tiga teknologi utama yang memungkinkan pengembangan web:
• HTML (Hypertext Markup Language)
• CSS (Cascading Style sheet)
• JavaScript (bahasa pemrograman dinamis yang dipahami browser)
HTML
HTML adalah bahasa markup. Artinya, Anda membuat konten halaman dengan elemen HTML yang dikenal sebagai tag. Setiap tag memiliki atribut dan perilaku spesifiknya sendiri.

Berikut adalah daftar tag HTML.

CSS
HTML adalah untuk menyusun konten halaman. Dengan bantuan CSS, Anda dapat menata halaman dalam hal tata letak, warna, font, dan gaya. Dengan CSS kita dapat membuat gaya yang dapat dipelihara dan diskalakan.

JavaScript
JavaScript adalah bahasa skrip dinamis yang dipahami browser. Dengan bantuan JavaScript, halaman web dapat berinteraksi, seperti saat Anda mengklik tombol dan Anda dapat menampilkan data tertentu kepada pengguna. Pikirkan tentang semua tombol masuk yang pernah Anda lihat sebelumnya. JavaScript ada di belakang mereka untuk mengaktifkan fungsi dan interaksinya.
Jadi sekarang kami tahu bahwa dengan bantuan tiga teknologi, kami dapat membuat halaman web. Kami akan memeriksa bagaimana melakukannya di langkah selanjutnya.

Proses Penulisan Kode untuk Membuatnya Hidup
Pada titik ini, saya akan memberi Anda perspektif yang luas dan sederhana tentang keseluruhan proses pengembangan perangkat lunak, mulai dari saat Anda memulai baris kode pertama hingga tempat Anda menjalankan aplikasi web secara online. Proses ini agak sama pada platform pengembangan perangkat lunak apa pun, termasuk Android dan iOS.
Tujuan memberi Anda gambaran umum ini adalah untuk menunjukkan bahwa proses pengembangan perangkat lunak tidak hanya tentang menulis kode. Di dalamnya, Anda akan mendengar banyak kata-kata aneh dan baru yang terkait dengan bagian lain dari proses tersebut.

Proses pengembangan perangkat lunak dengan cara yang cukup penting
Ingat fakta ini: Seluruh proses bersifat iteratif. Setiap kali Anda membuat aplikasi Anda online, Anda harus memantau permintaan dan umpan balik pengguna atau pemangku kepentingan, dan kemudian merencanakan perubahan.

Kontrol sumber
Jika Anda bekerja dalam tim atau bahkan bekerja sendiri, salah satu hal yang perlu Anda ketahui adalah kontrol sumber. Pengembangan perangkat lunak terjadi dalam iterasi, dan di setiap iterasi, Anda menambahkan fitur baru atau memperbaiki bug. Untuk melacak perubahan kode sumber, kita membutuhkan mekanisme. Alat kontrol sumber adalah cara untuk melacak perubahan basis kode dan juga memungkinkan kolaborasi pada basis kode dalam tim.
Git adalah salah satu alat kontrol sumber yang paling banyak digunakan oleh pengembang. Seperti disebutkan dalam Web Development Glosarium, “Git adalah sistem kontrol versi terdistribusi untuk melacak perubahan dalam kode sumber selama pengembangan. Ini dirancang untuk mengoordinasikan pekerjaan di antara pemrogram, tetapi dapat digunakan untuk melacak perubahan di kumpulan file apa pun. Sasarannya mencakup kecepatan, integritas data, dan dukungan untuk alur kerja non-linier terdistribusi.”

Mekanisme kontrol sumber
Ekosistem Pengembangan Perangkat Lunak
Ini adalah topik yang menarik. Kami akan belajar tentang beberapa platform penting yang membantu Anda berkomunikasi, belajar, dan berbagi tantangan Anda dengan orang lain. Komunikasi dalam industri teknologi, khususnya industri perangkat lunak, sangat penting bagi semua pemain. Industri teknologi bergerak cukup cepat, dan salah satu alasannya adalah komunikasi dan semangat berbagi pengetahuan di industri ini.

Proses pengembangan perangkat lunak dengan cara yang cukup penting
Ingat fakta ini: Seluruh proses bersifat iteratif. Setiap kali Anda membuat aplikasi Anda online, Anda harus memantau permintaan dan umpan balik pengguna atau pemangku kepentingan, dan kemudian merencanakan perubahan.

Kontrol sumber
Jika Anda bekerja dalam tim atau bahkan bekerja sendiri, salah satu hal yang perlu Anda ketahui adalah kontrol sumber. Pengembangan perangkat lunak terjadi dalam iterasi, dan di setiap iterasi, Anda menambahkan fitur baru atau memperbaiki bug. Untuk melacak perubahan kode sumber, kita membutuhkan mekanisme. Alat kontrol sumber adalah cara untuk melacak perubahan basis kode dan juga memungkinkan kolaborasi pada basis kode dalam tim.
Git adalah salah satu alat kontrol sumber yang paling banyak digunakan oleh pengembang. Seperti disebutkan dalam Web Development Glosarium, “Git adalah sistem kontrol versi terdistribusi untuk melacak perubahan dalam kode sumber selama pengembangan. Ini dirancang untuk mengoordinasikan pekerjaan di antara pemrogram, tetapi dapat digunakan untuk melacak perubahan di kumpulan file apa pun. Sasarannya mencakup kecepatan, integritas data, dan dukungan untuk alur kerja non-linier terdistribusi.”

Mekanisme kontrol sumber
Ekosistem Pengembangan Perangkat Lunak
Ini adalah topik yang menarik. Kami akan belajar tentang beberapa platform penting yang membantu Anda berkomunikasi, belajar, dan berbagi tantangan Anda dengan orang lain. Komunikasi dalam industri teknologi, khususnya industri perangkat lunak, sangat penting bagi semua pemain. Industri teknologi bergerak cukup cepat, dan salah satu alasannya adalah komunikasi dan semangat berbagi pengetahuan di industri ini.

Dalam topik ini, saya akan memberi Anda beberapa tautan ke hub pengetahuan di bidang teknologi, terutama untuk pengembangan front-end.
W3Sekolah
W3Schools adalah salah satu referensi yang bagus untuk mulai belajar JavaScript, HTML, dan CSS. Ini juga mencakup beberapa topik lain, seperti React dan SQL. Ini adalah tempat yang bagus untuk memulai dengan topik bernama.
Tumpukan Luapan
Jika Anda memiliki masalah dengan kasus tertentu, jawabannya ada di Stack Overflow. Ini adalah situs web di mana pengembang mana pun yang menghadapi masalah dalam proses pengembangan yang mereka tidak tahu cara menyelesaikannya mencari pertanyaan dan jawaban terlebih dahulu. Ini adalah platform berbagi pengetahuan dan komunikasi. Saya kira orang-orang di industri lain iri pada kami karena memiliki platform yang luar biasa ini.
npmJS org
Jika Anda mencari pustaka atau alat JavaScript atau TypeScript apa pun, ini adalah tempat yang menyimpannya sebagai repositori. Di masa mendatang, Anda akan sering menggunakan situs web ini. Ini adalah referensi dan repositori yang akan Anda gunakan untuk membangun solusi Anda sendiri dan menghindari menciptakan kembali roda.
Pengembangan perangkat lunak memecahkan masalah dengan memecah masalah besar menjadi lebih kecil, menggunakan blok kecil solusi (kode),dan menggabungkannya untuk memecahkan masalah yang lebih besar.
GitHub
Ada beberapa platform kontrol bersumber cloud, tetapi yang ini istimewa karena Anda dapat menemukan banyak sekali proyek dan pustaka sumber terbuka yang populer. Juga, hampir semua kode sumber paket npm dihosting di GitHub. Pertimbangkan GitHub sebagai platform untuk berbagi kode.
Udemy
Udemy adalah salah satu platform pendidikan untuk industri teknologi yang membantu developer mengembangkan keterampilan mereka. Ada banyak kursus berbeda yang terkait dengan pengembangan front-end di platform ini yang dapat Anda telusuri dan pilih.
Ada juga platform lain, seperti Coursera, Edx, Lynda, dan beberapa lainnya, di mana Anda dapat menemukan kursus terkait pengembangan front-end.
HackerRank
Platform ini membantu Anda mengembangkan keterampilan pemrograman dengan memperkenalkan tantangan yang perlu Anda temukan jawabannya. Tantangan tersebut membantu Anda mempelajari pemrograman, algoritme, dan struktur data. Ini adalah platform yang sangat membantu untuk meningkatkan keterampilan pemrograman Anda.

Teknologi Pengembangan Front-End
Di sini kita akan melihat berbagai teknologi untuk pengembangan front-end. Sebenarnya yang paling penting untuk dipelajari adalah JavaScript. Selebihnya adalah pustaka atau kerangka kerja yang akan memudahkan pengembangan Anda, tetapi pada akhirnya, itu adalah pustaka dan kerangka kerja berdasarkan JavaScript, bahasa yang dipahami browser.
Perlu diingat bahwa JavaScript adalah yang paling penting. Mempelajari JavaScript sangat membantu Anda membaca dan memahami pustaka dan kerangka kerja dengan lebih baik.
Konsep JavaScript yang harus Anda pelajari:
• Struktur Leksikal
• Ekspresi
• Jenis
• Variabel
• Fungsi
• ini
• Fungsi panah
• Loop
• Cakupan
• Array
• Templat literal
• Titik koma
• Modus ketat
• ECMAScript 6, 2016, 2017
• JSON
• Node j. Ini adalah lingkungan untuk menjalankan JavaScript di server atau mesin apa pun yang tidak bergantung pada browser.
• Model HTTP Request and Response dan konsep REST API.
• Bekerja dengan file dan sumber daya mesin dengan JavaScript
• async/menunggu dan Modul
• npm
Hal berikutnya yang harus dipelajari adalah menguasai HTML dan CSS3. Pasangan HTML dan CSS adalah sisi visual dari pekerjaan Anda. Cobalah untuk memahami struktur dan esensi mereka. Selebihnya adalah berbagai jenis implementasi yang jika Anda mengetahui HTML dan CSS, akan mudah bagi Anda.
Pelajari JQuery, yang merupakan libr JavaScript