-->

Kursus Gratis Menjadi Pengembang Web (HTML5; CSS; JavaScript; Ruby; Ajax; SQL)

 

Become a Web Developer (HTML5;CSS;JavaScript;Ruby;Ajax; SQL)Learn Practical Hands-on Web Development From Scratch

Menjadi Pengembang Web (HTML5; CSS; JavaScript; Ruby; Ajax; SQL)

Pelajari Pengembangan Web Praktis Langsung Dari Awal


Apa yang akan Anda pelajari

☑ Instal alat pengembangan web profesional

☑ Pengaturan struktur folder

☑ Buat struktur dokumen dengan HTML

☑ Mark-Up Text dengan HTML

☑ Buat tautan di halaman web

☑ Tambahkan gambar ke halaman web

☑ Posisikan elemen pada halaman web

☑ Ubah warna latar belakang

☑ Tambahkan komentar ke kode

☑ Gunakan font google

☑ Buat variabel

☑ Buat fungsi

☑ Buat array

☑ Bangun proyek web


Topik

PENGEMBANGAN WEB

HTML

CSS

JAVASCRIPT

AJAX

SQL

RUBY


Deskripsi

Halo dan selamat datang di kursus ini.

Jika Anda benar-benar pemula, pengembangan web bisa jadi menantang — kursus ini akan memandu Anda dan memberikan detail yang cukup agar Anda merasa nyaman dan mempelajari topik dengan benar. Anda harus merasa seperti di rumah sendiri apakah Anda seorang siswa yang belajar

 pengembangan web (sendiri atau sebagai bagian dari kelas), seorang guru yang mencari materi kelas, seorang penghobi,

 atau seseorang yang hanya ingin memahami lebih banyak tentang cara kerja teknologi web.


Tujuan kursus ini bukan untuk membawa Anda dari "pemula" menjadi "ahli" tetapi untuk membawa Anda dari "pemula" menjadi "nyaman" sehingga Anda dapat merasa percaya diri untuk bereksperimen lebih lanjut.


Tiga teknologi yang harus diketahui setiap pengembang web adalah:

HTML: Digunakan untuk membuat konten

CSS: Digunakan untuk menyajikan konten.

JavaScript: Digunakan untuk membuat interaksi

Teknologi inti ini adalah blok bangunan dari semua situs web dan proyek berbasis web. Mereka secara kolektif digunakan dalam pengembangan web front end.


Topiknya meliputi:

Pengantar HTML dasar

Struktur dokumen HTML

Anatomi elemen HTML

Menandai teks

Tautan

Menggunakan komentar dan Atribut HTML

Pengantar CSS dasar

Cara menerapkan CSS

Set Aturan CSS

Pemilih dasar CSS

Styling banyak elemen

Model Kotak CSS

Menggunakan properti margin dan padding

Mengubah warna latar belakang

Properti CSS Display

Properti Font CSS

Menggunakan font google

Pengantar JavaScript dasar

Di mana menempatkan JavaScript

Variabel

Jenis Data

Operator

Prioritas operator

Menggunakan Conditionals

Fungsi


Ruby adalah bahasa pemrograman berorientasi objek modern, dan Ruby on Rails adalah kerangka kerja yang populer dan kuat untuk membangun aplikasi web. Rails dibuat menggunakan Ruby dan membuatnya lebih mudah untuk mengembangkan aplikasi web dengan Ruby. Beberapa aplikasi penting telah dibangun menggunakan Ruby on Rails: Termasuk


Basecamp, Twitter, Shopify, Github, LivingSocial, Groupon, Hulu, Airbnb, Yellow Pages dan masih banyak lagi .. Pencarian google akan mengungkapkan lebih banyak .. 

Kami akan membuat aplikasi blog lengkap dari awal menggunakan Rails dan dalam prosesnya membangun keterampilan Anda.


Konsep yang akan kami bahas saat membangun proyek blog kami meliputi:

Membuat proyek rel baru

Memperbarui permata menggunakan bundler

Ilustrasi arsitektur MVC

Memulai server rel

Pernyataan bersyarat

Loop

Membuat pengontrol

Membuat model

Model asosiasi

membuat tampilan

Menghasilkan model

Menjalankan migrasi

Membuat postingan

Mengedit postingan

Membaca postingan

Menghapus postingan

Menambahkan link ke postingan

Membuat komentar

Menghapus komentar

Membuat tindakan pengontrol

Menyiapkan rute

Buat formulir

Menggunakan pembantu

Menambahkan sumber daya dan membuat rute secara otomatis

Menerapkan keamanan

-Di akhir kursus praktis ini, Anda akan mengembangkan keterampilan yang cukup untuk menjadi kreatif dan memperluas proyek ini atau membangun jenis proyek serupa.


Kandungan

Web dan Internet

pengantar

Apa itu Web dan Internet

Apa itu HTTP

Menginstal browser web

Apa itu API

Merencanakan proyek web Anda

Membuat sketsa desain situs web Anda

Memilih Aset

Membuat struktur folder proyek

Menginstal Editor Teks

Mohon Dibaca

Menginstal SublimeText

Memasang kode studio visual

Memasang Brackets dan Atom

Menginstal Notepad ++


Pengantar HTML

Apa itu HTML

Anatomi Elemen HTML

Struktur dasar Dokumen HTML

Membuat struktur dokumen HTML -bagian 1

Membuat struktur dokumen HTML -bagian 2

Membuat struktur dokumen HTML -bagian 3

Atribut HTML

Menandai Teks NAIK

Menyiapkan tautan di halaman web

Menambahkan komentar ke HTML Anda

Kode sumber

Formulir HTML

pengantar

Membuat formulir sederhana

Membuat Textarea

Membuat formulir dengan daftar dropdwn

Mengelompokkan data

Membuat bagian formulir

Menambahkan css ke formulir

Menyimpan masukan formulir secara lokal


Pengantar CSS

Apa itu CSS

Bagaimana menerapkan css ke halaman web

Menata beberapa properti

Styling banyak elemen

Mengubah Css

Pemilih CSS Dasar

Menambahkan komentar ke css

Model Kotak

Mengatur margin dan padding

Mengatur warna latar belakang

Menggunakan properti Display

Penentuan posisi dan gaya judul halaman

Properti font

Font Google

Penempatan CSS

Sintaks

Pemosisian Statis

Penentuan Posisi Relatif

Tampilan Horizontal dan Vertikal

Mengandung elemen dengan Overflow

Posisi Tetap

Z-indeks


Pengantar Bootstrap

Apa itu Bootstrap

Mengakses Bootstrap

Ringkasan Bootstrap

Buat situs web dasar

Buat bilah kemajuan

Buat korsel gambar yang berputar


Pengantar JavaScript

Apa itu JavaScript

Konsol pengembang

Sintaks

Apa itu Pernyataan

Apa ekspresi

Menjalankan Program

Keluaran

Memasukkan

Menambahkan komentar ke kode Anda

Variabel

Konvensi penamaan variabel

Jenis Data

Operator

Operator Aritmatika

Operator Penugasan

Prioritas Operator

Operator String

Operator Perbandingan

Operator Logis

Array

Pernyataan bersyarat

Fungsi


Pengantar JQuery

pengantar

Mengakses jQuery

pemilih jQuery

jQuery Event Handler Functions

Animasi jQuery

jQuery Chaining

Fungsi Panggilan Balik jQuery

Ajax dan JSON

Apa itu Ajax

Bagaimana Ajax bekerja

Ajax dan API

Sintaks Ajax

Http vs Https

Membuat Objek XMLHttpRequest

Permintaan Ajax

Respons Server Ajax

Acara Ajax

Contoh Ajax

Apa itu JSON

Sintaks JSON

Membuat Objek JSON

Proyek: Membuat Kalkulator Web

Tur proyek

Desain dan sketsa

Membuat direktori dan file

Membuat struktur dengan HTML -Bagian 1

Membuat struktur dengan HTML -Bagian 2

Menciptakan fungsionalitas

Menambahkan gaya

Proyek: Buat jam digital web

Tur proyek

Desain dan sketsa

Menciptakan struktur

Menambahkan fungsionalitas

Menambahkan Styling


Pengantar SQL

Konsep Basis Data

Unduh dan instal Oracle Database

Buka kunci skema sampel

Unduh dan pasang TOAD

Menghubungkan TOAD ke Oracle

Panduan untuk menulis SQL

SQL Buat

Membuat Urutan

Membuat Tampilan

Menambahkan data ke dalam database

Klausul WHERE

Memperbarui Rekaman

Menghapus Record

Mengambil Data

Menyortir dan Membatasi Data


Menghapus Catatan Duplikat

Melihat struktur Tabel

Membangun aplikasi web berbasis Database

Apa yang akan kami buat

Pengantar APEX

Aplikasi yang dibuat dengan APEX

Cara masuk ke APEX

Menampilkan objek skema

Membuat Worksoace APEX

Membuat Aplikasi CRUD

Mengubah tampilan

Membuat pengguna APEX

Menerbitkan aplikasi

Fungsi CRUD Dasar


Pengantar Ruby dan Rails

Apa itu Ruby

Mendownload Ruby untuk Windows

Situs web terkenal yang dibangun dengan Ruby on Rails

Apa itu MVC

menginstal Ruby untuk Windows

Apa itu Git

Menginstal Git

Apa itu Github

Cara berinteraksi dengan Ruby

Berinteraksi dengan satu perintah

Berinteraksi dengan file Ruby

Menggunakan Ruby interaktif

Menghapus layar IRB

Apa itu Permata Ruby

Objek Ruby

Variabel

Ruang Lingkup Variabel

String

Array

Memanipulasi Array

Hash

Simbol

Operator Aritmatika

Operator Logis

Operator Perbandingan

Rentang

Konstan

Boolean

Menambahkan komentar ke kode

Pernyataan bersyarat

While Loops

Untuk Loops

Pernyataan istirahat

Pernyataan selanjutnya

Sampai pernyataan

Setiap metode


Bangun Aplikasi Blog Ruby on Rails

Memasang Rel

Server web

Alat pengembang

Membuat proyek rel baru

Memeriksa pembaruan permata

Memulai server rel

Menghasilkan Pengontrol

Mengatur beranda

Mendeklarasikan sumber daya

Buat tindakan untuk menambahkan Posting

Tambahkan formulir untuk membuat postingan baru

Tambahkan tindakan untuk membuat postingan

Buat model posting

Menyimpan data ke pengontrol

Menampilkan postingan

Cantumkan postingan

Tambahkan gaya menggunakan Bootstrap

Tambahkan validasi formulir

Menangani validasi

Menambahkan link ke postingan

Mengedit Posting

Menghapus Posting

Model menghasilkan komentar

Model Terkait

Menghasilkan Pengontrol Komentar

Menambahkan tindakan untuk membuat komentar

Menghapus komentar

Menambah keamanan


ENROLL NOW

Komentar