5 Video Belajar Pemrograman Gratis dari YouTube

Jika Anda menyukai artikel ini
Acungkan jempol

Pada kesempatan ini, akan dipaparkan mengenai 5 video untuk mempelajari pengembangan website dan belajar pemrograman secara gratis.

Setelah belajar pemrograman dasar, ada beberapa orang yang kebingungan apa yang sebaiknya dilakukan selanjutnya. Jika Anda adalah salah satu dari orang-orang tersebut, kami rekomendasikan Anda menonton salah satu dari video yang akan kami perkenalkan berikut.

Tiap video dirancang agar penonton dapat memahami pengetahuan dasar mengenai pengembangan website. Ini merupakan kesempatan bagi Anda untuk segera mengembangkan website Anda begitu Anda menyaksikan video berikut!

Saksikanlah rangkaian video yang paling cocok dengan Anda dan mulailah kembangkan website Anda!

1.Belajar Pemrograman dengan Pelan tapi Pasti! Menggunakan Server Side Node.js

REST API Tutorial
Tutorial REST API

REST API Tutorial

Rangkaian video ini ditujukan bagi yang ingin belajar pemrograman dengan metode server side menggunakan Node.js/Express/MongoDB secara perlahan namun pasti. Rangkaian video ini terdiri dari 17 video.

Fitur ini dirancang berdasarkan model desain dari REST. REST cukup penting dalam layanan website umum karena mudah dipelajari pengodean dan pendataannya.

Pada paruh pertama video dijelaskan mengenai pengertian dasar REST API beserta ilustrasinya. Setelah itu, kemudian dijelaskan mengenai prosedur instalasi Node.js dan MongoDB secara detailnya.

Tutorial REST API

Pada bagian ini dijelaskan secara detail mengenai pengertian dasar dari pendataan oleh POST/GET, metode routing, penanganan JSON, dan sebagainya.

Setelah itu, dijelaskan mengenai pengembangan website sederhana menggunakan Express, React, dan sebagainya!

Tutorial REST API

Anda dapat menggunakan pengetahuan dasar yang Anda pelajari di awal, sehingga Anda dapat memeriksa kembali hasil pembelajaran Anda.

Setelah itu, di tengah proses ini Anda dapat meningkatkan efisiensi dengan menggunakan layanan-layanan fungsional, misalnya seperti menjalankan metode testing API dengan Postman.

Berikut adalah manfaat yang dapat Anda peroleh setelah menyaksikan rangkaian video ini.

 

  • Pengertian REST API
  • Cara mengunduh dan menggunakan Node, Express, dan MongoDB
  • Cara menggunakan GET/POST/PUT/DELETE
  • Pendataan menggunakan POST GET
  • Cara routing
  • Penanganan terhadap JSON
  • Cara membuat web application sederhana dengan Express
  • Penanganan error
  • Cara testing API menggunakan Postman
  • Penanganan data dengan MongoDB
  • Cara membuat web application sederhana dengan React

 

Setelah menyaksikan rangkaian video ini, Anda akan mampu mengembangkan website sederhana!

Sumber :

 

 


Sponsor Link

2.Belajar Pemrograman Web Lebih Dalam dengan ‘React & Redux’

React JS Tutorials
Tutorial React JS

React JS Tutorials

Rangkaian video ini ditujukan bagi yang ingin belajar tutorial dasar React. Rangkaian video yang terdiri dari 23 video ini menjelaskan tentang pengembangan website dengan React sebagai dasarnya.

React dipelajari secara terstruktur dan perlahan-lahan. Belajarnya pun dilakukan sembari mencoba secara langsung komponen-komponen dari langkah-langkah membuat website sederhana.

React JS Tutorials

Dalam video ini dijelaskan secara detail mengenai efektivitas-efektivitas dalam pengembangan web, seperti penggunaaan komponen secara berulang, metode routing, proses data dengan operasi asinkron, menanggulangi kebocoran memori, desain aplikasi dengan pola Flux, dan lain-lain.

Memasuki penghujung video, dijelaskan juga mengenai metode pengembangan SPA dengan framework Redux. Dengan begitu, Anda telah memperoleh metode pengembangan web application skala tinggi dengan mekanisme ‘Actions → Reducers → Store’!

Sumber :

 

 


Sponsor Link

3.Belajar Desain Website dan Pemrogramannya!

12 in 12 Design to Code Challenge

12 in 12 Design to Code Challenge

Rangkaian video ini ditujukan bagi yang ingin belajar desain website dan metode pemrograman. Rangkaian yang terdiri dari 12 video ini juga memiliki metode desain website responsif, seperti ‘landing page’ dan ‘portofolio’.

Meskipun disebut responsif, sejatinya mereka adalah website yang sederhana. Isinya pun tidak jauh berbeda dengan website umum yang ada saat ini. Melalui rangkaian video ini, Anda dapat membuat website yang bergaya dan menarik!

Video dimulai dengan membuat template dari website yang akan dibuat menggunakan program desain seperti ‘Photoshop’.

12 in 12 Design to Code Challenge

Program desain yang digunakan tidak hanya Photoshop saja, namun program desain lain juga bisa digunakan. Gunakanlah yang paling cocok dengan Anda atau yang sudah Anda kuasai agar proses desain dapat berjalan dengan cepat.

Setelah desainnya selesai dibuat, selanjutnya adalah pemrograman dengan HTML/CSS/JavaScript!

12 in 12 Design to Code Challenge

Proses pemrograman dilakukan tanpa library atau environment khusus, sehingga rangkaian ini juga direkomendasikan bagi yang semata-mata ingin belajar pemrograman website.

Cara memindahkan desain mock up yang telah Anda buat, metode desain responsif, dan metode description CSS style yang efektif juga harus diperhatikan.

Setelah menyaksikan rangkaian video ini, Anda dapat membuat website seperti berikut!

  • Website responsif
  • Landing page
  • Website sistem video
  • Website info lowongan kerja
  • Website portofolio
  • Website toko online
  • etc…
  • Dan lain-lain

 

Rangkaian video ini sangat bermanfaat bagi yang sudah memiliki kemampuan dasar pemrograman HTML/CSS!

Sumber :

 

 


4.Belajar Pemrograman Aplikasi untuk Smartphone dengan ‘React Native’!

React Native Tutorial
Tutorial React Native

Tutorial React Native

Rangkaian video ini diperuntukkan bagi yang ingin belajar mengembangkan aplikasi smartphone ber-OS iOS atau Android. Rangkaian video yang terdiri dari 37 video ini menjelaskan dasar-dasar membuat aplikasi secara terperinci. Selain itu, dalam rangkaian ini Anda diajak langsung membuat sebuah aplikasi smartphone.

Aplikasi yang akan dibuat berupa aplikasi lelang. Walaupun hanya contoh, namun aplikasi yang akan dibuat tersebut terbukti ampuh seperti aplikasi yang dibuat oleh seorang profesional karena sistem bidding-nya mampu bekerja secara real time.

Beberapa program praktis juga diperkenalkan dalam rangkaian ini. Sebagai contoh, program yang digunakan untuk mendesain tampilan UI-nya adalah ‘NativeBase’.

Tutorial React Native

Walaupun desain dapat diatur secara otomatis mengikuti kecocokan masing-masing OS secara sederhana, alangkah baiknya jika desain dibuat semenarik mungkin dengan tulisan-tulisan yang menjelaskan sesuatu secara singkat, padat, dan jelas.

Terlebih lagi, dengan diimplementasikannya layanan ‘Feathers’, sistem dapat saling bertukar data secara real time. Oleh karena itu, layanan ini sangat cocok untuk aplikasi lelang.

Selain itu, di awal video dijelaskan mengenai rancangan struktur lelang lalu dilanjutkan dengan menambahkan fungsi-fungsi khusus satu per satu. Semuanya disajikan dengan menarik!

Tutorial React Native

Pada mulanya, Anda akan mempelajari beberapa fitur-fitur sederhana namun berperan penting seperti sistem login, tombol favorit, tab bar, animasi, dan lain-lain.

Sumber :

 


5.Belajar Pemrograman Web Service Sambil Membuat ‘Twitter’!

 Build a Twitter Clone
Membuat ‘Replika’ Twitter

Membuat ‘Replika’ Twitter

Rangkaian video ini ditujukan bagi yang ingin belajar membuat aplikasi media sosial sederhana. Rangkaian yang terdiri dari 26 video ini akan menjelaskan cara membuat media sosial yang berfungsi layaknya Twitter (bisa tweet, retweet, favorite, dan sebagainya).

Dimulai dengan merancang environment dasar dengan mengkombinasikan Node.js + Express.js + MongoDB (Mongoose). Rancangan tersebut berfungsi sebagai proses diimplementasikannya fitur dalam media sosial seperti ‘tweet’ secara satu per satu.

Membuat ‘Replika’ Twitter

Dalam video ini juga dijelaskan teknik menggunakan layanan ‘Apollo’ yang berfungsi untuk mempermudah penanganan API dari GraphQL.

Rangkaian ini bermanfaat untuk belajar mengenai fungsi-fungsi yang terkandung dalam layanan website seperti Twitter, misalnya pembaruan secara real time dan sistem login.

Tidak hanya Twitter, dalam rangkaian ini dijelaskan juga cara mengembangkan layanan website yang memiliki fungsi serupa dengan taksi online misalnya Uber!

 

【 Car/Taxi Booking App 】
Aplikasi Memesan Taksi atau Mobil

Aplikasi Memesan Taksi atau Mobil

Bagian rangkaian yang terdiri dari 13 video ini menjelaskan tentang pengembangan layanan website taksi online. Di dalamnya dijelaskan cara-cara mengimplementasikan peta (maps) hingga pelacakan informasi lokasi penggunanya. Saksikanlah rangkaian yang menarik ini!

Sumber :

Apakah Anda memiliki masalah dalam mengelola dan mengembangkan Website? | PT APPKEY
Tidak hanya mengembangkan sistem website, kami juga memiliki kemampuan dalam mengelola website dan meningkatkan strategi SEO serta konten pemasaran sehingga diharapkan dapat membantu menyelesaikan setiap permasalahan Anda.

Tentang Kami
Pengenalan Layanan
Pengenalan Perusahaan
Kontak Kami
Sponsor Link

Jika Anda menyukai artikel ini
Acungkan jempol