10 Saluran YouTube Untuk Mempelajari Pengembangan Frontend Dasar

Belajar coding sekarang lebih mudah daripada sebelumnya.

Anda dapat menemukan banyak tutorial gratis yang mencakup dasar-dasar pengembangan frontend. Dan itu benar-benar bermuara hanya pada 3 bahasa: HTML, CSS, dan JavaScript.

Dan selain tutorial tertulis Anda juga dapat menemukan banyak video tutorial gratis di YouTube. Itu sebagian besar tersembunyi di saluran hebat yang harus Anda cari untuk menemukannya.

Semua saluran yang saya cantumkan di bawah ini berfokus pada pengembangan dan seharusnya memberi Anda tempat yang sangat baik untuk memulai. Semuanya benar-benar gratis dan mencakup berbagai macam bahasa, beberapa bahkan melampaui topik frontend sehingga Anda bisa menjadi pembuat kode yang menyeluruh.

Kiat Pengembang

Tanyakan kepada komunitas pengembang web dan Anda akan selalu melihat sebutan saluran DevTips.

Ini dikemas penuh dengan tutorial panjang yang mencakup banyak topik frontend. Beberapa di antaranya termasuk dasar-dasar seperti vanilla JS atau properti CSS3 yang lebih baru.

Tetapi tutorial lain masuk ke kerangka kerja yang lebih maju seperti Vue, React, dan Ember.

Saya sangat merekomendasikan berlangganan di sini sebagai perhentian pertama Anda di petualangan YouTube Anda. Video-video ini adalah yang terbaik dan layak untuk dicoba jika Anda dapat menemukan subjek yang membuat Anda penasaran.

LearnCode.academy

Inilah satu lagi saluran tutorial yang menurut saya sangat bermanfaat bagi pembuat kode frontend di atas segalanya.

LearnCode.academy memiliki beberapa kualitas video tertinggi yang pernah saya lihat dengan instruksi yang sangat jelas. Mereka melakukan banyak hal pada skrip JS dan pustaka terkait, tetapi ada juga banyak video tentang mengelola pengaturan pengembangan web Anda.

Ini termasuk tutorial manajemen paket seperti npm & Bower bersama dengan topik berorientasi server dengan alat seperti Docker & AWS.

Semua hal hebat dengan banyak variasi menampilkan video yang sudah ada selama empat tahun.

LevelUpTuts

Saya penggemar berat tutorial langkah demi langkah karena tutorial ini menunjukkan kepada Anda apa yang harus dilakukan dan mengapa Anda melakukannya.

Itulah yang akan Anda temukan di LevelUpTuts. Ini adalah saluran gratis yang dibuat untuk topik dev dan berfokus terutama pada pengembangan web.

Semua tutorial YouTube LevelUpTuts adalah panduan lengkap dari awal hingga akhir, dan akan gratis selamanya.

Ninja Bersih

Net Ninja adalah saluran besar yang menawarkan beragam topik pengembang frontend. Ini mendorong situs web cabang dengan daftar tutorial gratis yang dikuratori yang diatur berdasarkan subjek.

Semua video gratis itu akan tetap gratis seumur hidup, dan sangat bagus untuk masuk ke pengkodean frontend.

Anda dapat dengan cepat mengambil TypeScript, Angular, Vue, ES6, dan Bootstrap semuanya dari satu tempat.

Videonya juga berkualitas tinggi dengan gaya narasi yang bagus sehingga Anda tidak akan pernah merasa bosan.

Media Lintasan (TechGuyWeb)

Saluran YouTube Traversy Media tidak diragukan lagi salah satu yang terbaik untuk pengembang.

Dengan lebih dari 350k pelanggan, ada banyak hal yang disukai tentang video ini. Memang mereka mencakup banyak topik backend pada bahasa seperti PHP & Python, jadi bukan hanya frontend saja.

Ingatlah bahwa ada banyak video solid tentang teknik frontend juga. Ini termasuk beberapa video yang menggabungkan frontend + backend dengan kerangka kerja seperti Angular.

Jika Anda ingin melakukan pekerjaan web dev secara profesional, tidak ada salahnya untuk mempelajari beberapa pengkodean backend.

Itu sebabnya Traversy Media harus menjadi saluran wajib bagi siapa saja yang mempelajari pengkodean web terlepas dari tingkat keahliannya.

kursus kode

Saluran Codecourse memiliki banyak video gratis seperti yang lainnya yang disebutkan dalam daftar ini.

Yang saya suka dari Codecourse adalah bagaimana mereka mendanai video melalui situs utama mereka. Ini berarti Anda akan menemukan banyak hal gratis di YouTube dengan peningkatan opsional jika Anda menginginkannya.

Saya pikir ada banyak hal untuk digali hanya di YouTube saja, jadi itu adalah tempat terbaik untuk memulai.

Meskipun jika Anda baru dalam pengkodean, video ini mungkin menjadi tantangan karena ada banyak alat canggih yang disebutkan di sini, seperti Git dan Laravel misalnya.

Wes Bos

Pengembang Wes Bos telah membangun nama untuk dirinya sendiri dengan banyak tutorial online yang luar biasa.

Beberapa gratis, yang lain membutuhkan biaya, tetapi bahkan yang gratis menawarkan banyak nilai.

Itulah tepatnya yang akan Anda temukan di saluran YouTube-nya yang menawarkan video pengkodean frontend gratis untuk semua pemirsa. Dan sungguh, ini seperti 99% semua kode frontend.

Tetapi dengan video ini, Anda akan berfokus pada tata letak CSS dan teknik manipulasi JS. Kedua topik tersebut sangat berharga untuk dikuasai, dan selalu ada fitur baru yang dirilis.

Saya secara khusus menyukai videonya di properti CSS Grid karena subjek itu bisa menjadi sangat detail dengan cepat.

PelajariKode Web

Saluran yang cukup sederhana di sini yang layak untuk disubscribe jika Anda ingin tutorial dev yang santai.

LearnWebCode berbicara secara eksklusif tentang pengkodean frontend. Ini mencakup beberapa subjek terperinci seperti manajemen proyek Git dan objek SVG pengkodean khusus dengan elemen kanvas. Tapi banyak tuts tingkat pemula yang bagus.

Jika Anda mencari campuran video yang mengikuti perubahan pasang surut di ruang pengembang, Anda akan sangat menyukai saluran ini.

Bagus untuk semua orang dari semua latar belakang karena bahkan pengembang pro mungkin tersandung ke topik yang belum pernah mereka pelajari sebelumnya.

Kode Web (Garrett Love)

Saluran YouTube Garrett Love "CodeTheWeb" kecil tetapi berkembang pesat.

Anda dapat melihat halaman video untuk melihat apa yang ia tawarkan dan jenis kualitas yang dapat Anda harapkan di sini.

Secara keseluruhan saya sangat senang dengan halaman ini karena sangat fantastis. Ini menggali topik di luar pengkodean frontend tetapi juga berbicara banyak tentang sisi HTML/CSS/JS.

Plus ada campuran yang bagus dari tutorial yang lebih panjang (20-60 menit) bersama dengan video saran yang lebih pendek tentang pekerjaan lepas & pendaratan.

Sangat merekomendasikan membaca sekilas perpustakaan video ini jika Anda ingin menjadikan pengkodean sebagai karier Anda.

Fungsi Menyenangkan Menyenangkan

Terakhir adalah favorit pribadi saya di 144k pelanggan: Fun Fun Function.

Pembawa acara saluran Anda Mattias Petter Johansson memublikasikan video terperinci tentang pengkodean JavaScript dari awal. Ini benar- benar kursus pemula yang lengkap untuk mempelajari JavaScript hingga tingkat mahir. Semua bebas.

Ada hal-hal tentang pengujian unit dan latihan dengan TypeScript bersama dengan topik pemula yang lebih umum seperti fungsi dasar dan cakupan variabel.

Anda tidak akan menemukan banyak tutorial HTML/CSS di sini, tetapi ini sangat cocok untuk siapa saja yang terjun ke JavaScript untuk web.