Devslopes by Mark Price

Pengembangan Website Full Stack: Cara Membuat Website dengan HTML dan Banyak Lagi!

Tutorial Pengembangan Website HTML, CSS, Bootstrap 4, ES6, dan Node

16,678 enrolled

Populer

Gratis $36.65

Penawaran dengan waktu terbatas.

tonton sekarang

283 Siswa

Deskripsi

Menjadi Ahli Full Stack hanya dalam beberapa minggu saja! Dengan kursus online yang mudah diikuti ini, Anda dapat beralih dari seorang pemula total dengan pengalaman nol dalam hal coding HTML, CSS, JavaScript, Bootstrap4, ES6, dan Node hingga menjadi seorang pengembang web full stack pemula! Tutorial ini akan mengajarkan Anda semua topik inti pengembangan website dan cara membuat website full stack yang ingin Anda pelajari!

Apakah anda ingin memulai karir pekerja lepassebagai seorang pengembang full stack ataukah Anda adalah seorang perekrut dan pemberi kerja yang memukau dengan portofolio proyek pengembangan website yang dinamis, tutorial ini dapat membantu Anda mencapainya dan masih banyak hal lain lagi!

Siapa Yang Bisa Mengikuti Kursus Ini?

Pengembangan Website Full Stack untuk Semua Orang

Untuk pemula total, untuk siapapun yang penasaran, remaja, mahasiswa, pengusaha, dan bahkan pengembang web junior, kursus ini dirancang untuk siapa saja yang tertarik pada dasar-dasar pengembangan website, cara coding website hingga membuat website.

Tutorial ini dimulai dengan menempatkan Anda pada semua dasar-dasar membuat website menggunakan HTML dan CSS. Kemudian masuk lebih mendalam untuk mengajarkan Anda bagaimana cara coding website pertama Anda menggunakan JavaScript, Bootstrap4, React, Node, Mongo and Rest APIs. Pada akhir tutorial, Anda dapat beralih dari membuat website sederhana ke pengembangan web yang lebih kompleks seperti yang digunakan oleh perusahaan terkemuka di industri teknologi.

Memulai dengan Pengembangan Website Full Stack

Mengapa Belajar Pengembangan Website?

Pengembangan web masih merupakan salah satu keterampilan paling dicari di pasar tenaga kerja. Dengan pendapatan rata-rata hingga $70.000 per tahun untuk seorang pengembang junior, profesi pengembang web full stack tentu sangat diminati!

Bagian terbaik dari full stack adalah kesempatan untuk memutuskan apakah Anda hanya ingin fokus pada front-end atau back-end atau UI/UX. Sementara desain Front-end dan UI/UX memberi Anda keterampilan yang diperlukan untuk merancang dan membuat website menggunakan HTML dan CSS, Back-end memungkinkan Anda untuk melakukan pengembangan web dengan bahasa pemrograman lain.

Tutorial ini mengambil pendekatan yang disederhanakan untuk memandu Anda pada konsep inti pengembangan web full stack dan mengajarkan Anda cara membuat website pertama Anda. Setiap topik dilengkapi dengan proyek yang dapat Anda tambahkan ke portofolio Anda setelah Anda menyelesaikannya. BHebatnya lagi, Anda bisa belajar sesuai dengan kecepatan pemahaman anda sendiri!

Konten Kursus

Kursus ini akan membahas topik inti frontend dan backend termasuk versi terbaru HTML dan CSS yaitu HTML5 dan CSS3, JavaScript dan JS Library seperti React dan ES6, Node, dan jQuery yang populer. Anda juga akan belajar Manipulasi DOM, MongoDB, RestAPI, dan masih banyak lagi.

Fitur Ekstra

Komunitas Ruang Obrolan

Anda tidak perlu sendirian dalam perjalanan Anda menjadi Pengembang Web Full Stack! Tutorial ini memberikan Anda dukungan dari komunitas yang dinamis, terdiri dari 50.000+ pelajar. Anda dapat mengajukan semua pertanyaan yang menantang di sini, dan beberapa pelajar akan tersedia untuk memberi Anda jawaban.

Ruang Chat tersedia 24/7 dan administrator kursus akan siap untuk menjawab pertanyaan yang Anda miliki tentang kursus. Anda juga dapat melaporkan masalah teknis yang Anda temui.

Tidak ada waktu yang lebih baik daripada belajar pengembangan website! Mulai perjalanan pengembangan website full stack Anda sekarang! Tidak perlu pengetahuan atau pengalaman cara coding website sama sekali untuk memulai kursus ini.

Apa yang Akan Anda Pelajari?

• HTML5

• CSS3

• JavaScript dan perpustakaan populernya

• Manipulasi DOM

• Ekspres

• MongoDB

Tampilkan lebih banyak Tampilkan lebih sedikit

Apa Yang Akan Kamu Pelajari?

Cara membuat website dengan HTML & CSS Cara bekerja dengan database NoSQL seperti MongoDB Cara membangun web yang ramah seluler dengan Bootstrap 4 & CSS Cara membangun server backend & API dengan Node dan Express Cara membuat aplikasi web full stack dengan React Framework Facebook

Persyaratan

PC atau Laptop yang menjalankan Windows atau MacOS Koneksi internet

NFT Certificate

126 Pelajaran

Pemula

English

4.5 Nilai

+100 XP

Share Course on Social media

Kurikulum

Course consist of total 25j 42m of content, in total.

Bagian 1: Pengantar Pengembangan Web

56:53

Tonton sekarang

HTML - Menyusun Website Pertamamu

Tonton sekarang

Pengantar HTML, HEAD, BODY, dan HEADER

Tonton sekarang

HTML - Daftar Paragraf, dan Style Teks

07:59

HTML - Menyajikan Data dengan Tabel

07:38

HTML - Gambar & Formulir

12:21

Bagian 2: Pengantar CSS

1:27:35

Tonton sekarang

Cara Menggunakan CSS Inline, Internal dan External

08:57

CSS: Element, ID & Selektor Class

10:36

CSS: Warna

14:18

CSS: Latar Belakang & Batasan

10:33

Menggunakan tool browser inspector

13:31

CSS: Kombinasi

05:31

CSS: Pengelompokan

05:32

CSS: Spesifitas

15:15

Bagian 3: CSS Tingkat Menengah

1:01:06

CSS: Style Teks & Formatting

20:14

CSS: Font Google

08:15

CSS: Gambar

09:49

CSS: Padding & Margin

09:42

CSS: Garis & Kolom

13:06

Bagian 4: CSS Lanjutan: Building and styling website

3:20:52

CSS: Pengantar Membangun Website Pertamamu!

01:15

CSS: Menyusun NavBar

22:48

CSS: Membuat NavBar Responsive untuk Perangkat Mobile - Part 1

11:00

CSS: Membuat NavBar Responsive untuk Perangkat Mobile - Part 2

23:44

CSS: Membuat Kelompok Form

30:47

CSS: Bekerja dengan iFrames

22:17

CSS: Bekerja dengan gambar dan bayangan kotak

42:35

CSS: Bekerja dengan spasi teks dan gambar

28:25

CSS: Menyusun Footer

18:01

Bagian 5: Belajar Coding dengan JavaScript

3:21:03

Waktunya Javascript

08:50

Referensi Javascript

04:21

Javascript: Komentar & Cara Menautkan Skrip

07:44

Javascript: Variabel & String

12:57

Javascript: Angka

08:03

Javascript: Operator Perbandingan

15:40

Javascript: Operator Logis

15:19

Javascript: Array

16:16

Javascript: Loop

14:22

Javascript: Fungsi

22:19

Javascript: Objek

27:05

Javascript: Bind

08:30

Kalkulator Persentase - Mengatur Formulir

07:56

Kalkulator Persentase - Mengambil Elemen dengan Javascript

10:38

Kalkulator Persentase - Menggunakan Listener Events

12:54

Kalkulator Persentase - Algoritma & Default Pencegahan

08:09

Bagian 6: Bagian 6 - Kontrol Versi dengan Git

1:27:32

Git & kontrol versi - cara yang menyenangkan

11:59

Dasar-Dasar Terminal - Mengganti direktori

06:07

Dasar-Dasar Terminal- Menyalin & Mengganti Nama File

08:57

Dasar-Dasar Terminal - Membuat Direktori & File

04:30

Dasar-Dasar Terminal - Menghapus File & Direktori

06:01

Dasar-Dasar Git

17:16

Pengaturan awal GitHub di macOS

04:36

Repositori Lokal & Jarak Jauh

11:14

Bekerja Melalui Konflik Git Merge

16:52

Bagian 7: Pengantar Bootstrap $

41:30

Apa itu Bootstrap 4?

03:12

Mengunduh Bootstrap 4

03:04

Bootstrap 4: Pengaturan Proyek

07:15

Bootstrap 4: Tinjauan Komponen Bootstrap

05:57

Bootstrap 4: Memahami Kelas-Kelas BootStrap

03:15

Bootstrap 4: Menggunakan Sistem Grid

18:47

Bagian 8: Bootstrap 4: Membuat Portal Login

1:05:19

Peninjauan Proyek

02:05

Bootstrap 4 Kartu: Membuat Kotak Portal Sign-in

19:36

Bootstrap 4 Formulir: Menambahkan kotak dialog input

16:38

Bootstrap 4 Tombol: Menambahkan tombol Sign In dan Label

18:31

Bootstrap 4 Grid - Menyelesaikan Kompatibilitas Perangkat Mobile

08:29

Bagian 9: Bootstrap 4: Website Skate or Die

2:12:33

Bootstrap 4: Pengantar Skate or Die

01:16

Bootstrap 4: Bekerja dengan Navbars

10:32

Bootstrap 4: Menggunakan Carousel

23:15

Bootstrap 4: Memasang garis dan kolom

20:55

Bootstrap 4: Modal

16:11

Bootstrap 4: Menambahkan gambar dan Tombol

18:58

Bootstrap 4: Modal Pengatur Ukuran

18:19

Bootstrap 4: Menyusun Footer

07:34

Bootstrap 4: Bekerja dengan Font Awesome Favicons

15:33

Bagian 10: Sass Pemula

3:32:02

Pengantar Sass

01:10

Apa Itu Sass?

08:02

Cara memasang Sass Dan Mengumpulkannya di CSS

11:46

Website Sass PERTAMA mu

29:47

Tools berbeda untuk mengumpulkan Sass

06:44

Cara menyusun struktur Sass mu

14:44

Parsial Sass: Aturan Style yang mudah diurus

07:15

Impor dan Varibel Sass: Membuat sebuah Stylesheets Skalabel

20:53

Mixin Sass: Menghemat waktu & style recycle

11:56

Ekstensi Sass: Berbagi properti style antara selektor lain

06:18

Tugas Akhir: Pengantar Landing Page

01:00

Tugas Akhir: Setting up our Variables

15:22

Tugas Akhirt: Mempercantik NavBar dengan Sass

11:05

Tugas Akhir: Membuan kontainer Banner

03:19

Tugas Akhir: Menambahkan Konten ke Kontainer Banner

10:25

Tugas Akhir: Melakukan pembersihan cepat di dalam File Sass kita

04:24

Tugas Akhir: Menggunakan metode Extend

05:03

Tugas Akhir: Mempercantik splitter bagian dengan Sass

05:02

Tugas Akhir: Using advanced Mixins

21:15

Tugas Akhir: Mempercantik Kontainer berikutnya dengan Sass

05:51

Tugas Akhir: Menyelesaikan Landing Page , Selamat!

10:41

Bagian 11: Pengantar Node, Mongo, & REST APIs

3:22:49

Memahami Permintaan Web

17:12

Memasang Node pada macOS

07:49

Semua tentang JSON

10:40

Dasar-Dasar Node

09:23

Node Module

05:39

Membuat API Pertamamu

16:58

Postman, GET & Permintaan POST

19:23

Parameter URL & Permintaan Delete

18:16

Memasang MongoDB pada macOS

05:41

Bekerja dengan Mongo Shell

12:18

Melakukan Pencarian Untuk Dokumen

08:04

Penghapusan & Dokumentasi

04:24

API Swag Shop: Kreasi Proyek

10:09

API Swag Shop: Membuat Model

14:41

API Swag Shop: Memasang Postingan Produk

12:55

API Swag Shop: Mengambil Produk

09:56

API Swag Shop: Membuat Populasi Data

19:21

Bagian 12: Pengantar React

3:13:42

Swag Shop: Mengatur Tools React

18:58

Swag Shop: Memasang Bootstrap

11:28

Swag Shop: Mengatur API

06:26

Swag Shop: Membuat Sebuah Layanan HTTP

19:01

Swag Shop: Janji-Janji dengan ES6 & React

12:20

Swag Shop: Komponen dalam React - Produk Website

13:48

Swag Shop: Properti dalam React

11:01

Swag Shop: Bekerja dengan State dalam React

13:46

Swag Shop: Menciptakan sebauh Komponen WishList

24:50

Swag Shop: Membangun sebuah Layanan Data Singleton

11:23

Swag Shop: Membuat Sebuah Layanan Notifikasi

13:09

Swag Shop: Mengirim Notifikasi pada Komponen React

07:31

Swag Shop: Mengamati Notifikasi dalam React

13:47

Swag Shop: Menyelesaikan Aplikasi React Full Stack Kita

16:14

Ulasan kursus

Shivam K.

17 May, 2020

M L T.

19 January, 2020

Robert Nana S.

12 October, 2019

Preston L.

13 November, 2018

Samuel M.

19 September, 2018

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF