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ı
521 • 1 dk
2.
Bootstrap Düzen Konteynerler
512 • 1 dk
3.
Bootstrap Layout Grid
522 • 1 dk
4.
Bootstrap Düzen Oluklar
518 • 1 dk
5.
Bootstrap Düzen Kolon Hizalama
587 • 1 dk
6.
Bootstrap Düzen Sıralama
579 • 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
575 • 1 dk
2.
Bootstrap İçerik Tipografi
503 • 1 dk
3.
Bootstrap İçerik Resimler
502 • 1 dk
4.
Bootstrap İçerik Tablolar
932 • 1 dk
5.
Bootstrap İçerik Figürler
481 • 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ş
545 • 1 dk
2.
Bootstrap Formlar Form Kontrol
541 • 1 dk
3.
Bootstrap Formlar Seçim
542 • 1 dk
4.
Bootstrap Formlar Check Radio Switch
535 • 1 dk
5.
Bootstrap Formlar Range
568 • 1 dk
6.
Bootstrap Formlar Input Group
592 • 1 dk
7.
Bootstrap Formlar Floating Labels
550 • 1 dk
8.
Bootstrap Formlar Form Düzen
525 • 1 dk
9.
Bootstrap Formlar Validation
555 • 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
527 • 1 dk
2.
Bootstrap Bileşenler Alert
514 • 1 dk
3.
Bootstrap Bileşenler Badge
569 • 1 dk
4.
Bootstrap Bileşenler Buttons
621 • 1 dk
5.
Bootstrap Bileşenler Button Group
590 • 1 dk
6.
Bootstrap Bileşenler Card 1
591 • 1 dk
7.
Bootstrap Bileşenler Card 2
551 • 1 dk
8.
Bootstrap Bileşenler Card 3
533 • 1 dk
9.
Bootstrap Bileşenler Carousel 1
543 • 1 dk
10.
Bootstrap Bileşenler Carousel 2
542 • 1 dk
11.
Bootstrap Bileşenler Close Button
517 • 1 dk
12.
Bootstrap Bileşenler Collapse
529 • 1 dk
13.
Bootstrap Bileşenler Dropdown 1
514 • 1 dk
14.
Bootstrap Bileşenler Dropdown 2
547 • 1 dk
15.
Bootstrap Bileşenler List Group 1
528 • 1 dk
16.
Bootstrap Bileşenler List Group 2
501 • 1 dk
17.
Bootstrap Bileşenler Modal 1
560 • 1 dk
18.
Bootstrap Bileşenler Modal 2
583 • 1 dk
19.
Bootstrap Bileşenler Navbar
546 • 1 dk
20.
Bootstrap Bileşenler Navbar 2
502 • 1 dk
21.
Bootstrap Bileşenler Nav Tab
525 • 1 dk
22.
Bootstrap Bileşenler Offcanvas
541 • 1 dk
23.
Bootstrap Bileşenler Pagination
541 • 1 dk
24.
Bootstrap Bileşenler Placeholder
571 • 1 dk
25.
Bootstrap Bileşenler Popovers
536 • 1 dk
26.
Bootstrap Bileşenler Progressbar
553 • 1 dk
27.
Bootstrap Bileşenler Scrollspy
556 • 1 dk
28.
Bootstrap Bileşenler Spinners
611 • 1 dk
29.
Bootstrap Bileşenler Toast
645 • 1 dk
30.
Bootstrap Bileşenler Tooltips
550 • 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
582 • 1 dk
2.
Bootstrap Bileşenler Utilities
464 • 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
657 • 1 dk
2.
Bootstrap Sass Variables
594 • 1 dk
3.
Bootstrap Sass Nested
602 • 1 dk
4.
Bootstrap Sass Mixin
579 • 1 dk
5.
Bootstrap Sass Extend
568 • 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
826 • 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
851 • 1 dk
2.
Bootstrap Örnek Uygulama 2
777 • 1 dk
3.
Bootstrap Örnek Uygulama 3
820 • 1 dk
4.
Bootstrap Örnek Uygulama 4
887 • 1 dk