Bootstrap 4 ile Sıfırdan Kendi Admin Panelimizi Tasarlıyoruz

Name: Bootstrap 4 ile Sıfırdan Kendi Admin Panelimizi Tasarlıyoruz
Rating: 4.3 (91 reviews)

HTML, CSS, JQUERY ile Uyum içerisinde bütün özellikleri ile bir admin panel tasarımı nasıl yapılır?

Created byÖmer HAN

Last updated 11/2018

Turkish

What you'll learn

Bootstrap 4
CSS
Jquery
HTML
Envato Market için içerik üretecek seviyeye gelmek
Web siteleri ve web uygulamaları oluşturmak

Course content

11 sections • 188 lectures • 32h 21m total length

Giriş5:06

Ana Divlerin Oluşturulması9:06
Sidebar Toogle İşlemleri16:09
Sidebar Header ve Sidebar Profil Kısmı21:28
Sidebar Nav 116:27
Sidebar Nav 212:09
Sub Menü İşlemleri 122:06
Sub Menü İşlemleri 219:50
Sub Menü İşlemleri 317:15
Sidebar Footer ve Perfect Scrollbar22:55
Sidebar Son İşlemler9:35
Header İşlemleri 112:18
Header İşlemleri 2 ve Jquery Full Screen17:30
Header Dropdown Menü 117:11
Header Dropdown Menü 217:24
Header Dropdown Menü 312:20
Header Dropdown Menü 413:12
Dropdown Badge Ekleme3:12
Breadcrumb ve Content İşlemleri 117:09
Ana Şablonun Tamamlanması11:01
Menü Elemanlarının Belirlenmesi8:08

Portlet için Card Bileşenin Kullanılması7:41
Portlet Buttonlarının Jquery Kodlarının Yazılması11:03
Portlet Buttonlarının CSS Kodlarının Yazılması 112:21
Portlet Buttonlarının CSS Kodlarının Yazılması 210:01
Portlet İçin Jquery Kodlarının Yazılması19:57
Farklı Renk Ve Şekillerde Portletlerin Oluşturulması15:37
Sortable Portlet19:55
Portletlerin Tamamlanması8:21
Pace Loading Bar Eklenmesi6:47

Bootstrap Basit Form Elemanları 118:20
Bootstrap Basit Form Elemanları 215:14
Bootstrap Basit Form Elemanları 312:24
Bootstrap Basit Form Elemanları 4-Son3:50
Spanel Form Elements Sayfası Ayarları7:14
Spanel Form Elements Text Input 19:45
Spanel Form Elements Text Input 26:45
Spanel Form Elements Text Input 39:26
Spanel Form Elements Select 16:08
Spanel Form Elements Select 210:55
Spanel Form Elements Select 37:44
Spanel Form Elements Select 45:52
Spanel Form Elements Select 54:31
Spanel Form Elements Select 6-Son8:05
Spanel Form Elements Style 28:23
Spanel Form Elements Style 23:28
Spanel Form Elements Style 38:51
Spanel Form Elements Style 36:40
Spanel Form Elements Style 33:47
Spanel Form Elements Style 34:24
Spanel Form Elements Checkbox4:34
Spanel Form Elements Toogle Button 17:58
Spanel Form Elements Toogle Button 26:48
Spanel Form Elements Toogle Button 37:31
Spanel Form Elements Toogle Button 44:01
Spanel Form Elements Datepicker 18:32
Spanel Form Elements Datepicker 28:16
Spanel Form Elements Datepicker 34:29
Spanel Form Elements Datepicker 46:12
Spanel Form Elements Datepicker 55:13
Spanel Form Elements Timepicker 18:45
Spanel Form Elements Timepicker 29:04
Spanel Form Elements Input Mask12:02
Spanel Form Elements Tags Input 110:35
Spanel Form Elements Tags Input 217:28
Spanel Form Elements Color Picker 15:01
Spanel Form Elements Color Picker 213:48
Spanel Form Elements Color Picker 310:59
Spanel Form Elements Touch Spin 16:03
Spanel Form Elements Touch Spin 28:01
Spanel Form Elements Touch Spin 39:25
Spanel Form Elements Touch Spin 410:07
Spanel Form Elements Touch Spin 514:53
Spanel Form Elements Range Slider 19:11
Spanel Form Elements Range Slider 29:53
Spanel Form Elements Range Slider 38:06
Spanel Form Elements Text Editör 18:03
Spanel Form Elements Text Editör 29:07
Spanel Form Elements Text Editör 39:17
Spanel Form Elements Text Editör Plugin Yükleme 42:53
Spanel Form Elements Select2 Form Style10:51

Spanel Form Wizard 110:29
Spanel Form Wizard 211:17
Spanel Form Wizard 312:20
Spanel Form Wizard 412:12
Spanel Form Wizard 57:54
Spanel Form Wizard 616:14
Spanel Form Wizard 710:12
Spanel Form Wizard 919:54
Spanel Form Wizard 814:57
Spanel Form Wizard 10 Circles Theme18:26
Spanel Form Wizard 11 Dots Theme 114:34
Spanel Form Wizard 12 Dots Theme 25:11
Spanel Form Wizard 13 Vertical Kullanım9:38
Spanel Form Wizard 14 Vertical Dots Theme11:16
Spanel Form Wizard 15 Validation İşlemleri 113:56
Spanel Form Wizard 16 Validation İşlemleri 25:30

Spanel Basit Tablolar19:00
Spanel Data Table Eklenmesi8:45
Spanel Data Table Türkçeleştirme2:15
Spanel Data Table Lenght Menü7:55
Spanel Data Table Sayfalama Tipi3:58
Spanel Data Table Dom Yapısı9:06
Spanel Data Table Dışa Aktarım Butonları 17:15
Spanel Data Table Dışa Aktarım Butonları 212:08
Spanel Data Table Dışa Aktarım Butonları 36:26
Spanel Data Table Dışa Aktarım Butonları 48:01

Spanel Colors10:48
Spanel Typography 111:15
Spanel Typography 214:04
Spanel Typography 311:33
Spanel Typography 46:32
Spanel Icons Sayfası ve Fontawesome Güncelleme11:01
Spanel Icons Sayfası ve Fontawesome Güncelleme 213:30
Spanel Fontawesome 5 Güncelleme10:37
Spanel Icons Sayfası Bilgilendirme ve Liste Paylaşımı1:45
Spanel Icons Sayfası Fontawesome Iconlarının hepsinin sayfada gösterilmesi20:04
Spanel Open Iconic'in Projeye Eklenmesi9:17
Spanel Icons Sayfası Iconic Iconlarının hepsinin sayfada gösterilmesi 119:29
Spanel Icons Sayfası Iconic Iconlarının hepsinin sayfada gösterilmesi 216:15
Spanel Button Renkleri10:29
Spanel Button Boyutları9:39
Spanel Button Grup ve Dropdown9:53
Spanel Rounded Buttons9:45
Spanel Button Group10:06
Spanel Extra Small Button Tanımlaması5:28
Spanel Animated Button 111:27
Spanel Animated Button 27:34
Spanel Animated Button 310:00
Spanel Animated Button 45:42
Spanel Tarayıcı Ön Ekleri Bilgilendirme5:18
Spanel Card Bileşeni Basit Kullanımı10:13
Spanel Card Bileşeni Ölçüleri8:12
Spanel Card Bileşeni Yerleşimleri7:52
Spanel Card Linkinin Tüm Sayfalara Verilmesi3:46
Spanel Carousel16:18
Spanel Collapse12:31
Spanel Dropdown Bilgilendirme3:08
Spanel Modals 111:34
Spanel Modals 28:15
Spanel Modals 311:26
Spanel Popovers10:55
Spanel Popovers 22:26
Spanel Tabs11:38
Spanel Tooltips16:42
Notifications & Alerts Pnotify 114:10
Notifications & Alerts Pnotify 214:07
Notifications & Alerts Pnotify 316:56
Notifications & Alerts Pnotify 419:14
Notifications & Alerts Sweet Alert 112:56
Notifications & Alerts Sweet Alert 211:13
Notifications & Alerts Sweet Alert 39:20
Notifications & Alerts 8 Confirmation 110:32
Notifications & Alerts 8 Confirmation 27:25
Progress & Activity 112:08
TreeView 17:57
TreeView 22:57

Requirements

HTML, CSS ve Javascript hakkında temel bilgi sahibi olmanız yeterli.

Description

Baştan sona bir admin panel tasarımını bu kurs içerisinde sizinle birlikte yapacağız. Bir admin panelde bulunması gereken tüm özellikleri bize gerekli olma ölçüsüne göre işleyeceğiz. Bootstrap 4 CSS HTML ve Jquery kullanarak sıfırdan bir web admin panel tasarlayacağız.

Admin Dashboard, Portlets,Form Elements,Basic Table, Data Table, Modals, Tooltip, Alert, Sweet Alert, Pnotify, Form Validation, Popover ve daha bir çok sayfayı bu eğitimde baştan sona ele alacağız.

Bu kursun sonunda güzel bir tam donanımlı admin panel teması yapılmaktadır.

HTML5
CSS3
Bootstrap
JavaScript
DOM Manipulation
jQuery

Who this course is for:

Bootstrap HTML ve Jquery i etkin bir şekilde uyum içerisinde kullanmak isteyen herkes...

Bootstrap 4 ile Sıfırdan Kendi Admin Panelimizi Tasarlıyoruz

What you'll learn

Explore related topics

Course content

Giriş1 lecture • 5min

Ana Şablonun Oluşturulması20 lectures • 4hr 56min

Spanel Portlets9 lectures • 1hr 52min

Form Elemanları51 lectures • 7hr 9min

Form Doğrulama9 lectures • 1hr 19min

Form Wizard16 lectures • 3hr 14min

File Upload6 lectures • 1hr 4min

Table10 lectures • 1hr 25min

UI Elements50 lectures • 8hr 45min

Sayfalar15 lectures • 2hr 31min

Requirements

Description

Who this course is for: