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