Web development mengacu pada tindakan membangun atau memperbaiki situs web. Situs web meliputi kompleksitas dari situs web statis sederhana hingga aplikasi web yang lebih kompleks dengan database besar, aplikasi intensif data realtime seperti media sosial dan aplikasi e-Commerce.
Pengembang back-end mendesain API aplikasi dan skema database dan mengimplementasikan logika bisnis. Pengembang backend awalnya disebut sebagai pengembang di masa ketika pengembangan front-end dianggap sebagai pekerjaan sepele. Pengembang backend dapat menggunakan berbagai bahasa untuk memenuhi kebutuhan mereka. Pengembang backend akan terampil dalam bahasa seperti PHP, Java, Python, ASP.net, Ruby, dll.
Pengembang front-end menggunakan API dan menerapkan logika untuk menangani tampilan situs web, interaktivitas, dan pengalaman pengguna. Tidak seperti backend, bahasa skrip utama pengembang front-end adalah JavaScript. Namun, ada banyak sekali framework JavaScript, library, bundler, dan alat build yang tersedia untuk pengembangan front-end. Dan seringkali pengembang front-end mengkhususkan diri dalam satu atau lebih dari ini. Beberapa contoh teknologi front-end ini adalah React, Angular, Vue, Svelte, Webpack, Rollup, Snowpack, ESbuild, dll. Selain javascript, front-end developer juga membuat tampilan menggunakan HTML dan CSS untuk mempercantik halaman website.
Sedangkan pengembang full-stack merupakan orang yang mengerjakan dan memiliki skill pada sisi back-end dan front-end.
Terlepas dari bidang spesialisasi masing-masing, pengembang yang baik adalah pengembang yang meninggalkan kode dengan rapi dan bisa berinteraksi dengan tim.
Pengembangan web adalah keterampilan bergaji tinggi yang saat ini sangat diminati. Dengan munculnya Covid, banyak bisnis dan layanan bergerak secara online; dengan demikian, meningkatkan kebutuhan akan pengembang web.
Akibatnya, sekarang adalah waktu terbaik untuk mempelajari pengembangan web—mari kita lihat situs web dan platform online untuk mempelajari pengembangan perangkat lunak!
1. roadmap.sh
Merupakan situs dimana diberitahu tahapan apa saja yang harus kita pelajari terlebih dahulu untuk menjadi pengembang aplikasi. Situs ini menjelaskan tahapan yang dapat kita tempuh untuk menjadi spesialisasi yang kita inginkan, bahkan hingga tools yang kita butuhkan untuk menjadi pengembang aplikasi yang kita inginkan.
2. Freecodecamp.org
Freecodecamp adalah ruang bagi semua orang untuk mendapatkan kursus ngoding gratis, bahkan hingga tantangan-tantangan untuk kita jawab. Freecodecamp juga menyediakan sertifikasi gratis untuk kita, sertifikasi ini terkadang juga bagus untuk melamar kerja. Beberapa sertifikasi yang ditawarkan oleh Freecodecamp adalah Web design, front-end development, Data Visualization, Back-end development & API, Machine Learning, Quality Assurance, Data Analysis, Information Security, dan banyak lagi.
3. codeacademy.com
Codecademy adalah platform pembelajaran online lain yang menawarkan pelatihan tentang berbagai bahasa pemrograman seperti Java, JavaScript, PHP, Python, Kotlin, HTML, CSS, SQL, C++, Bash/Shell, dan banyak lagi.
Ini menawarkan pelatihan tingkat pemula gratis pada beberapa bahasa pemrograman. Juga, ini menampilkan beberapa kursus pro berbayar yang terstruktur dengan baik; disesuaikan dengan jalur karir.
4. dev.to
Merupakan situs untuk memperluas pengetahuan kita tentang pengembangan aplikasi, disini kita bisa membaca banyak artikel yang dapat kita gunakan sebagai referensi belajar.
5. scrimba.com
Scrimba adalah platform pembelajaran online revolusioner yang mengajarkan pengembangan web dengan screencast interaktif dan acara langsung. Memiliki fitur kursus berkualitas rendah gratis dan berbayar.
Anda dapat mempelajari lebih lanjut tentang Scrimba dengan berlatih dengan screencast interaktif ini.
6. codepen.io
Codepen adalah lingkungan pengembangan sosial sumber terbuka untuk pengembang front-end. Codepen menampilkan editor teks online dengan dukungan untuk HTML, CSS, dan JavaScript.
Kreasi codepen disebut pena yang dapat bersifat publik atau pribadi --- hanya tersedia pada paket berbayar.
Menurut situs webnya, tantangan Codepen adalah peluang menyenangkan untuk meningkatkan keterampilan Anda dengan membangun berbagai hal. Setiap minggu, Anda akan mendapatkan prompt baru seputar tema bulanan untuk dimainkan. Pena terbaik dipilih dan ditampilkan di beranda!
7. w3schools.com
Merupakan web legendaris yang bisa kita gunakan untuk belajar mengenai html, css, javascript hingga banyak bahasa lain. w3school menyediakan demo untuk kita jalankan.
8. theodinproject.com
Mirip dengan Freecodecamp, Proyek Odin adalah platform pembelajaran online sumber terbuka. Ini menampilkan kurikulum full-stack yang akan memandu jalan Anda dalam perjalanan Anda menuju penguasaan pengembangan web.
9. htmlreference.io dan cssreference.io
Merupakan referensi syntax untuk kita belajar.
10. frontendmentor.io
Berikut adalah platform pembelajaran online lain yang meningkatkan keterampilan pengembangan web Anda melalui tantangan. Frontend Mentor menampilkan tantangan dengan tingkat kesulitan yang berbeda: pemula, junior, menengah, dan lanjutan. Ini adalah cara yang menyenangkan dan dipikirkan dengan matang untuk mempelajari pengembangan web, dan tidak hanya memberikan tantangan, tetapi juga menyediakan file desain Figma dan aset gambar yang dioptimalkan.
11. devchallenges.io
Dev Challenges menampilkan banyak koleksi sumber daya dan komunitas hebat yang membantu Anda memperkuat keterampilan pengembangan web dan menumbuhkan kepercayaan diri Anda dengan mengerjakan berbagai proyek yang disebut tantangan.
Sangat mudah untuk memulai dengan Tantangan Dev. Yang harus Anda lakukan adalah memilih tantangan, membangun proyek sendiri atau bersama tim, dan mengirimkan solusi Anda.
12. developer.mozilla.org
Menurut situs web mereka, MDN Web Docs (sebelumnya dikenal sebagai MDN — Mozilla Developer Network) adalah platform pembelajaran yang berkembang untuk teknologi Web dan perangkat lunak yang mendukung Web, termasuk CSS, HTML, dan JavaScript.
Selain itu, MDN memiliki area pembelajaran yang berfokus pada pengajaran dasar-dasar pengembangan web. Area pembelajaran MDN menyediakan artikel tentang berbagai teknologi web seperti HTML, CSS, Git & Github, React, Ember, Angular, Vue, Django, dan banyak lagi. Jika Anda seorang pemula yang suka membaca, ini adalah tempat yang baik untuk memulai perjalanan pengembangan web Anda.
13. codementor.io
Code Mentor menyediakan cara yang bagus untuk meningkatkan keterampilan pengembangan web Anda dengan melibatkan Anda dengan proyek kehidupan nyata. Anda juga dapat melihat solusi dari proyek ini untuk belajar dari kode orang lain.
Selain itu, Code Mentor menawarkan komunitas yang berkembang pesat dengan lebih dari 12.000 pengembang, tempat Anda dapat mendiskusikan proyek, menemukan rekan kerja, atau mentor pribadi.
14. www.codingdojo.com
Coding Dojo adalah platform pembelajaran online hebat yang membantu Anda meningkatkan keterampilan Anda melalui platform pengkodean online, tantangan pengkodean, video panduan, dan penilaian.
15. cssbattle.dev
Pertempuran CSS mengambil pendekatan yang berbeda untuk belajar. Pertempuran CSS bertujuan untuk membangun keterampilan CSS Anda melalui permainan CSS yang disebut sebagai pertempuran. Setiap pertempuran memberi Anda target yang merupakan objek gaya yang harus Anda tiru dengan kode CSS sekecil mungkin.
Ini adalah cara yang bagus untuk melenturkan otot CSS Anda dan mengembangkan keterampilan CSS Anda.
16. codier.io
Codier adalah platform pembelajaran berbasis tantangan lainnya. Codier membantu Anda mengembangkan keterampilan pengembangan web front-end Anda dengan menghadapi tantangan front-end mereka.
17. www.acefrontend.com
Ace Front-end adalah platform pembelajaran online yang hanya berfokus pada dasar-dasar --- HTML, CSS, dan JavaScript. Ini bertujuan untuk membantu pengembang front-end mengasah atau memoles keterampilan mereka sebelum wawancara.
18. caniuse.com
Menurut situs web, "Dapatkah saya menggunakan" menyediakan tabel dukungan browser terkini untuk mendukung teknologi web front-end pada browser web desktop dan seluler.
"Dapatkah saya menggunakan" memungkinkan Anda memeriksa kompatibilitas browser dari berbagai fitur CSS. Juga, dalam kemitraan dengan BrowserStack, ini memungkinkan Anda menguji situs web Anda untuk kompatibilitas di 2.000+ browser dan perangkat nyata.
"Dapatkah saya menggunakan" adalah platform hebat yang berguna untuk pengembang dari semua tingkat keahlian. Dan bahkan memungkinkan Anda untuk mengirimkan fitur jika tidak ditemukan di platform.
19. css-tricks.com
Trik CSS adalah situs web yang menyediakan trik CSS mengagumkan yang berguna bagi pengembang dari semua tingkat keahlian.
Di luar ini, ini menampilkan banyak koleksi artikel, panduan, video tentang berbagai aspek pengembangan web front-end.
20. www.30secondsofcode.org
30 Seconds of Code adalah buku pemrograman online yang menyediakan cuplikan kode pendek untuk berbagai bahasa pemrograman.
30 Seconds of Code mungkin paling baik melayani kebutuhan pengembang menengah dan lanjutan. Ini memberikan potongan kode pendek dan penjelasan untuk masalah pemrograman umum. Jadi ini adalah tempat yang bagus untuk belajar tentang pola desain yang digunakan untuk memecahkan masalah ini.
