PHPHocası Yazılım Akademisi
Eğitim Seti & Müfredat

Bootstrap 5 Dersleri

Bootstrap 5

8 Modül 62 Ders İçeriği %100 Ücretsiz & Açık Kaynak

Ders Müfredatı (8 Modül)

İlgilendiğiniz modüle tıklayarak tüm ders konularını ve pratik örnekleri inceleyebilirsiniz.

1

Layout

Layout

Modül Detayı (6 Ders)
1.
Bootstrap Düzen Kesme Noktaları
520 • 1 dk
2.
Bootstrap Düzen Konteynerler
511 • 1 dk
3.
Bootstrap Layout Grid
521 • 1 dk
4.
Bootstrap Düzen Oluklar
517 • 1 dk
5.
Bootstrap Düzen Kolon Hizalama
586 • 1 dk
6.
Bootstrap Düzen Sıralama
578 • 1 dk
2

Content

Bootstrap'te içerik sıfırlama (reset), tarayıcıların varsayılan stil ayarlarını sıfırlamak ve daha tutarlı bir görünüm elde etmek için kullanılan bir tekniktir.

Modül Detayı (5 Ders)
1.
Bootstrap İçerik Sıfırlama
574 • 1 dk
2.
Bootstrap İçerik Tipografi
502 • 1 dk
3.
Bootstrap İçerik Resimler
501 • 1 dk
4.
Bootstrap İçerik Tablolar
931 • 1 dk
5.
Bootstrap İçerik Figürler
480 • 1 dk
3

Formlar

Bootstrap, web tasarımında hız ve verimlilik sağlamak için kullanılan popüler bir CSS framework’üdür.

Modül Detayı (9 Ders)
1.
Bootstrap Formlar Giriş
544 • 1 dk
2.
Bootstrap Formlar Form Kontrol
540 • 1 dk
3.
Bootstrap Formlar Seçim
541 • 1 dk
4.
Bootstrap Formlar Check Radio Switch
534 • 1 dk
5.
Bootstrap Formlar Range
567 • 1 dk
6.
Bootstrap Formlar Input Group
591 • 1 dk
7.
Bootstrap Formlar Floating Labels
549 • 1 dk
8.
Bootstrap Formlar Form Düzen
524 • 1 dk
9.
Bootstrap Formlar Validation
554 • 1 dk
4

Components

Bootstrap’ta Accordion (katlanabilir) bileşeni, içerik gruplarını düzenlemek ve gizlemek için kullanılır.

Modül Detayı (30 Ders)
1.
Bootstrap Bileşenler Accordion
526 • 1 dk
2.
Bootstrap Bileşenler Alert
513 • 1 dk
3.
Bootstrap Bileşenler Badge
568 • 1 dk
4.
Bootstrap Bileşenler Buttons
620 • 1 dk
5.
Bootstrap Bileşenler Button Group
589 • 1 dk
6.
Bootstrap Bileşenler Card 1
590 • 1 dk
7.
Bootstrap Bileşenler Card 2
550 • 1 dk
8.
Bootstrap Bileşenler Card 3
532 • 1 dk
9.
Bootstrap Bileşenler Carousel 1
542 • 1 dk
10.
Bootstrap Bileşenler Carousel 2
541 • 1 dk
11.
Bootstrap Bileşenler Close Button
516 • 1 dk
12.
Bootstrap Bileşenler Collapse
528 • 1 dk
13.
Bootstrap Bileşenler Dropdown 1
513 • 1 dk
14.
Bootstrap Bileşenler Dropdown 2
546 • 1 dk
15.
Bootstrap Bileşenler List Group 1
527 • 1 dk
16.
Bootstrap Bileşenler List Group 2
500 • 1 dk
17.
Bootstrap Bileşenler Modal 1
559 • 1 dk
18.
Bootstrap Bileşenler Modal 2
582 • 1 dk
19.
Bootstrap Bileşenler Navbar
545 • 1 dk
20.
Bootstrap Bileşenler Navbar 2
501 • 1 dk
21.
Bootstrap Bileşenler Nav Tab
524 • 1 dk
22.
Bootstrap Bileşenler Offcanvas
540 • 1 dk
23.
Bootstrap Bileşenler Pagination
540 • 1 dk
24.
Bootstrap Bileşenler Placeholder
570 • 1 dk
25.
Bootstrap Bileşenler Popovers
535 • 1 dk
26.
Bootstrap Bileşenler Progressbar
552 • 1 dk
27.
Bootstrap Bileşenler Scrollspy
555 • 1 dk
28.
Bootstrap Bileşenler Spinners
610 • 1 dk
29.
Bootstrap Bileşenler Toast
644 • 1 dk
30.
Bootstrap Bileşenler Tooltips
549 • 1 dk
5

Helpers Utilities

Bootstrap'ta "Helpers" (Yardımcılar), HTML öğelerine basit ve hızlı bir şekilde ekleyebileceğiniz sınıflardır.

Modül Detayı (2 Ders)
1.
Bootstrap Bileşenler Helpers
581 • 1 dk
2.
Bootstrap Bileşenler Utilities
463 • 1 dk
6

Sass

Bootstrap ile Sass kullanarak bir proje kurmak için aşağıdaki adımları takip edebilirsiniz:

Modül Detayı (5 Ders)
1.
Bootstrap Sass Kurulum
656 • 1 dk
2.
Bootstrap Sass Variables
593 • 1 dk
3.
Bootstrap Sass Nested
601 • 1 dk
4.
Bootstrap Sass Mixin
578 • 1 dk
5.
Bootstrap Sass Extend
567 • 1 dk
7

Starter Template

Bootstrap Starter Template kurmak için aşağıdaki adımları takip edebilirsiniz:

Modül Detayı (1 Ders)
1.
Bootstrap Starter Template Kurulum
825 • 1 dk
8

Örnek Uygulama

Bootstrap, web tasarımı ve geliştirmesi için kullanılan popüler bir CSS çerçevesidir.

Modül Detayı (4 Ders)
1.
Bootstrap Örnek Uygulama 1
850 • 1 dk
2.
Bootstrap Örnek Uygulama 2
776 • 1 dk
3.
Bootstrap Örnek Uygulama 3
819 • 1 dk
4.
Bootstrap Örnek Uygulama 4
886 • 1 dk