Bootstrap 4 ile Admin Panel Tasarımı
Bootstrap 4 ile Admin Panel Tasarımı
145 TL
49TL
0TL Hediye
HIZLI SATIN AL
SEPETE EKLE
Set Hakkında
Bootstrap 4 ile Admin Panel Tasarımı

Bootstrap 4'ün tüm komutları öğretilmektedir. Admin Dashboard, Portlets, Form Elements, Basic Table, Data Table, Modals, Tooltip, Alert, Sweet Alert, Pnotify, Form Validation, Popover ve daha bir çok özellik eğitim setimizde öğretilmektedir

Bu kursun sonunda güzel bir tam donanımlı admin panel teması yapılmaktadır. Burada amaç admin panel yapmak değildir. Bootstrap 4 ün tüm özellikleri en rahat panel üzerinde anlatılabilir onun için uygulandı. Bu seti bitirdikten sonra istediğiniz web sitesinde bootsrap 4  ün tüm özelliklerini rahatlıkla uygulayabiliyor olacaksınız.

- HTML5 , - CSS3 , - Bootstrap , - JavaScript , - DOM Manipulation , - jQuery setimiz içersinde kullanılmaktadır.

 

Tanıtım VideolarıYaptığımız Çalışmaların Videoları
YorumlarSet İle İlgili Yapılan Yorumlar
Yorum Yapmak İçin Tıklayınız







Doğrulama Kodunu Hatalı Girdiniz.
Yorum Kaydedildi. Teşekkür ederiz.
Egitim İçeriğiSet içerisinde anlatılan konuların listesi
  • 1) Giriş
  • 2) Ana Divlerin Oluşturulması
  • 3) Sidebar Toogle İşlemleri
  • 4) Sidebar Header ve Sidebar Profil Kısmı
  • 5) Sidebar Nav 1
  • 6) Sidebar Nav 2
  • 7) Sub Menü İşlemleri 1
  • 8) Sub Menü İşlemleri 2
  • 9) Sub Menü İşlemleri 3
  • 10) Sidebar Footer ve Perfect Scrollbar
  • 11) Sidebar Son İşlemler
  • 12) Header İşlemleri 1
  • 13) Header İşlemleri 2 ve Jquery Full Screen
  • 14) Header Dropdown Menü 1
  • 15) Header Dropdown Menü 2
  • 16) Header Dropdown Menü 3
  • 17) Header Dropdown Menü 4
  • 18) Dropdown Badge Ekleme
  • 19) Breadcrumb ve Content İşlemleri 1
  • 20) Ana Şablonun Tamamlanması
  • 21) Menü Elemanlarının Belirlenmesi
  • 22) Portlet için Card Bileşenin Kullanılması
  • 23) Portlet Buttonlarının Jquery Kodlarının Yazılması
  • 24) Portlet Buttonlarının CSS Kodlarının Yazılması 1
  • 25) Portlet Buttonlarının CSS Kodlarının Yazılması 2
  • 26) Portlet İçin Jquery Kodlarının Yazılması
  • 27) Farklı Renk Ve Şekillerde Portletlerin Oluşturulması
  • 28) Sortable Portlet
  • 29) Portletlerin Tamamlanması
  • 30) Pace Loading Bar Eklenmesi
  • 31) Bootstrap Basit Form Elemanları 1
  • 32) Bootstrap Basit Form Elemanları 2
  • 33) Bootstrap Basit Form Elemanları 3
  • 34) Bootstrap Basit Form Elemanları 4
  • 35) Spanel Form Elements Sayfası Ayarları
  • 36) Spanel Form Elements Text Input 1
  • 37) Spanel Form Elements Text Input 2
  • 38) Spanel Form Elements Text Input 3
  • 39) Spanel Form Elements Select 1
  • 40) Spanel Form Elements Select 2
  • 41) Spanel Form Elements Select 3
  • 42) Spanel Form Elements Select 4
  • 43) Spanel Form Elements Select 5
  • 44) Spanel Form Elements Select 6-Son
  • 45) Spanel Form Elements Style1
  • 46) Spanel Form Elements Style 2
  • 47) Spanel Form Elements Style 3
  • 48) Spanel Form Elements Style 4
  • 49) Spanel Form Elements Style 5
  • 50) Spanel Form Elements Style 6
  • 51) Spanel Form Elements Checkbox
  • 52) Spanel Form Elements Toogle Button 1
  • 53) Spanel Form Elements Toogle Button 2
  • 54) Spanel Form Elements Toogle Button 3
  • 55) Spanel Form Elements Toogle Button 4
  • 56) Spanel Form Elements Datepicker 1
  • 57) Spanel Form Elements Datepicker 2
  • 58) Spanel Form Elements Datepicker 3
  • 59) Spanel Form Elements Datepicker 4
  • 60) Spanel Form Elements Datepicker 5
  • 61) Form Elemanları
  • 62) Spanel Form Elements Timepicker 1
  • 63) Spanel Form Elements Timepicker 2
  • 64) Spanel Form Elements Input Mask
  • 65) Spanel Form Elements Tags Input 1
  • 66) Spanel Form Elements Tags Input 2
  • 67) Spanel Form Elements Color Picker 1
  • 68) Spanel Form Elements Color Picker 2
  • 69) Spanel Form Elements Color Picker 3
  • 70) Spanel Form Elements Touch Spin 1
  • 71) Spanel Form Elements Touch Spin 2
  • 72) Spanel Form Elements Touch Spin 3
  • 73) Spanel Form Elements Touch Spin 4
  • 74) Spanel Form Elements Touch Spin 5
  • 75) Spanel Form Elements Range Slider 1
  • 76) Spanel Form Elements Range Slider 2
  • 77) Spanel Form Elements Range Slider 3
  • 78) Spanel Form Elements Text Editör 1
  • 79) Spanel Form Elements Text Editör 2
  • 80) Spanel Form Elements Text Editör 3
  • 81) Spanel Form Elements Text Editör Plugin Yükleme 4
  • 82) Spanel Form Elements Select2 Form Style
  • 83) Spanel Form Validation (Doğrulama) 1
  • 84) Spanel Form Validation (Doğrulama) 2
  • 85) Spanel Form Validation (Doğrulama) 3
  • 86) Spanel Form Validation (Doğrulama) 4
  • 87) Spanel Form Validation (Doğrulama) 5
  • 88) Spanel Form Validation (Doğrulama) 6
  • 89) Spanel Form Validation (Doğrulama) 7
  • 90) Spanel Form Validation (Doğrulama) 8
  • 91) Spanel Form Validation (Doğrulama) 9
  • 92) Spanel Form Wizard 1
  • 93) Spanel Form Wizard 2
  • 94) Spanel Form Wizard 3
  • 95) Spanel Form Wizard 4
  • 96) Spanel Form Wizard 5
  • 97) Spanel Form Wizard 6
  • 98) Spanel Form Wizard 7
  • 99) Spanel Form Wizard 8
  • 100) Spanel Form Wizard 9
  • 101) Spanel Form Wizard 10 Circles Theme
  • 102) Spanel Form Wizard 11 Dots Theme 1
  • 103) Spanel Form Wizard 12 Dots Theme 2
  • 104) Spanel Form Wizard 13 Vertical Kullanım
  • 105) Spanel Form Wizard 14 Vertical Dots Theme
  • 106) Spanel Form Wizard 15 Validation İşlemleri 1
  • 107) Spanel Form Wizard 16 Validation İşlemleri 2
  • 108) Spanel File Upload Dosyaların Sayfaya Dahil Edilmesi
  • 109) Spanel File Upload HTML Kodlarının Düzenlenmesi
  • 110) Spanel File Upload HTML Kodlarının Düzenlenmesi 2
  • 111) Spanel File Upload HTML Kodlarının Düzenlenmesi 3
  • 112) Spanel File Upload Dropzone Dosyalarının Sayfaya Dahil Edilmesi
  • 113) Spanel File Upload Dropzone Kodlarının Eklenmesi
  • 114) Spanel Basit Tablolar
  • 115) Spanel Data Table Eklenmesi
  • 116) Spanel Data Table Türkçeleştirme
  • 117) Spanel Data Table Lenght Menü
  • 118) Spanel Data Table Sayfalama Tipi
  • 119) Spanel Data Table Dom Yapısı
  • 120) Spanel Data Table Dışa Aktarım Butonları 1
  • 121) Spanel Data Table Dışa Aktarım Butonları 2
  • 122) Spanel Data Table Dışa Aktarım Butonları 3
  • 123) Spanel Data Table Dışa Aktarım Butonları 4
  • 124) Spanel Colors
  • 125) Spanel Typography 1
  • 126) Spanel Typography 2
  • 127) Spanel Typography 3
  • 128) Spanel Typography 4
  • 129) Spanel Icons Sayfası ve Fontawesome Güncelleme
  • 130) Spanel Icons Sayfası ve Fontawesome Güncelleme 2
  • 131) panel Fontawesome 5 Güncelleme
  • 132) Spanel Icons Sayfası Bilgilendirme ve Liste Paylaşımı
  • 133) Spanel Icons Sayfası Fontawesome Iconlarının hepsinin sayfada gösterilmesi
  • 134) Spanel Open Iconic in Projeye Eklenmesi
  • 135) Spanel Icons Sayfası Iconic Iconlarının hepsinin sayfada gösterilmesi 1
  • 136) Spanel Icons Sayfası Iconic Iconlarının hepsinin sayfada gösterilmesi 2
  • 137) Spanel Button Renkleri
  • 138) Spanel Button Boyutları
  • 139) Spanel Button Grup ve Dropdown
  • 140) Spanel Rounded Buttons
  • 141) Spanel Button Group
  • 142) Spanel Extra Small Button Tanımlaması
  • 143) Spanel Animated Button 1
  • 144) Spanel Animated Button 2
  • 145) Spanel Animated Button 3
  • 146) Spanel Animated Button 4
  • 147) Spanel Tarayıcı Ön Ekleri Bilgilendirme
  • 148) Spanel Card Bileşeni Basit Kullanımı
  • 149) Spanel Card Bileşeni Ölçüleri
  • 150) Spanel Card Bileşeni Yerleşimleri
  • 151) Spanel Card Linkinin Tüm Sayfalara Verilmesi
  • 152) Spanel Carousel
  • 153) Spanel Collapse
  • 154) Spanel Dropdown Bilgilendirme
  • 155) Spanel Modals 1
  • 156) Spanel Modals 2
  • 157) Spanel Modals 3
  • 158) Spanel Popovers
  • 159) Spanel Popovers 2
  • 160) Spanel Tabs
  • 161) Spanel Tooltips
  • 162) Notifications & Alerts Pnotify 1
  • 163) Notifications & Alerts Pnotify 2
  • 164) Notifications & Alerts Pnotify 3
  • 165) Notifications & Alerts Pnotify 4
  • 166) Notifications & Alerts Sweet Alert 1
  • 167) Notifications & Alerts Sweet Alert 2
  • 168) Notifications & Alerts Sweet Alert 3
  • 169) Notifications & Alerts 8 Confirmation 1
  • 170) Notifications & Alerts 8 Confirmation 2
  • 171) Progress & Activity 1
  • 172) TreeView 1
  • 173) TreeView 2
  • 174) Blank Page
  • 175) 404 Page
  • 176) 500 Page
  • 177) Login Page 1
  • 178) Login Page 2
  • 179) Login Page 3
  • 180) Register Page
  • 181) Gallery Page 1
  • 182) Gallery Page 2
  • 183) Timeline Page 1
  • 184) Timeline Page 2
  • 185) Responsive Hatalarının giderilmesi 1
  • 186) Responsive Hatalarının giderilmesi 2
  • 187) Fontawesome iconlarına animasyon verilmesi
  • 188) 185-CSS ve JS Küçültme
  • 189) Kapanış
Eğitmen HakkındaSeti hazırlayan eğitmen hakkında bilgi

Ömer HAN

Ömer HAN 29 yaşındaki set eğitmenimiz. yaklaşık 10 yıldır kamuda bilgi işlem departmanında çalışmakta. 2011 yılında Anadolu Üniversitesi İşletme Lisansımı tamamladı. Daha sonraki yıllarda Mardin Artuklu Üniversitesi Bilgisayar Programcılığı Bölümünü  bitirdi. 2011 yılında php ile başladığı yola Laravelile devam etmekte. Önce normal css ile başlayıp artık projelerimde Bootstrap kullanarak responsive tasarımlar yapmakta.