img
img

Eğitim Seti Hakkında

"Uygulamalarla Bootstrap Front-End Geliştirme" eğitimi, web geliştirme alanında temel bir araç olan Bootstrap framework'ünü öğrenmek isteyen herkes için tasarlanmış kapsamlı bir eğitim setidir. Bu eğitim seti, Bootstrap'un çeşitli özelliklerini ve bileşenlerini öğrenmek isteyen öğrencilere, geliştiricilere ve tasarımcılara yöneliktir.

Setin içeriği, başlangıçtan ileri seviyeye kadar olan bir dizi konuyu kapsamaktadır. İçerik şunları içerir:

Medya Sorguları ve Mobil Öncelik: Duyarlı tasarımın temelini oluşturan medya sorguları ve mobil cihazlara öncelik verme konularını öğrenin.

Bootstrap İzgara Sistemi: İzgara sisteminin temelini anlayarak sayfa düzenlerini oluşturmayı öğrenin.

Tipografi ve Kod Belirteçleri: Metin stillemesi ve kod belirteçleri kullanarak içeriği düzenlemenin inceliklerini öğrenin.

Bileşenler ve Duyarlı Tasarım: Resimler, tablolar, düğmeler, kartlar, gezinti menüleri ve daha fazlasını oluşturun ve duyarlı tasarımı uygulayın.

JavaScript Entegrasyonu: Bootstrap ile JavaScript bileşenlerini kullanarak etkileşimli öğeler eklemeyi öğrenin.

Proje Uygulamaları: Gerçek dünya projelerinde Bootstrap'u nasıl kullanacağınızı öğrenin ve uygulayın.

Eğitim, pratik uygulamalar ve örnek projelerle desteklenir. Her bir konu, öğrencilerin bilgiyi anlamalarına ve kendi projelerinde kullanmalarına yardımcı olacak ayrıntılı açıklamalar ve örneklerle sunulur. Ayrıca, kursun sonunda öğrencilere güçlü front-end web geliştirme becerileri kazandırmak amacıyla çeşitli çıktılar ve projeler üreteceklerdir.



Eğitimin Çıktıları

"Uygulamalarla Bootstrap Front-End Geliştirme" eğitimini başarıyla tamamlayan katılımcılar, önemli front-end geliştirme becerilerine sahip olacaklardır. Eğitimin sonunda katılımcılar şunları başarabilirler:

Bootstrap Framework Kullanımı: Katılımcılar, Bootstrap'un temellerini ve ileri seviye özelliklerini anlayarak, modern web siteleri ve uygulamaları geliştirmek için bu aracı etkili bir şekilde kullanabileceklerdir.

Duyarlı Tasarım Uygulaması: Katılımcılar, farklı cihazlarda ve ekran boyutlarında web sitelerinin düzgün bir şekilde görüntülenmesini sağlamak için medya sorguları ve mobil öncelik tekniklerini uygulayabileceklerdir.

JavaScript Entegrasyonu: Bootstrap ile JavaScript'i etkili bir şekilde kullanarak, etkileşimli öğeler ekleyebilecek ve kullanıcı deneyimini geliştirebileceklerdir.

Özgün Web Projeleri Oluşturma: Katılımcılar, eğitim boyunca öğrendikleri bilgileri kullanarak kendi web projelerini tasarlayabilir ve geliştirebilirler.

Problem Çözme Yetenekleri: Karmaşık front-end sorunlarını çözme yeteneklerini geliştirerek, gerçek dünya projelerinde başarılı olabilirler.

Eğitim, katılımcıların beceri setini geliştirmek ve profesyonel web geliştirme dünyasında daha güvenli ve yetenekli bir şekilde yer almak için gerekli olan tüm araçları ve bilgileri sunar. Katılımcılar, bu eğitimi tamamladıktan sonra kendilerini güçlü bir front-end geliştirici olarak kanıtlayabilirler.



Eğitimin Niteliği ve Detayı

"Uygulamalarla Bootstrap Front-End Geliştirme" eğitimi, katılımcılara modern web geliştirme dünyasında etkili bir şekilde yer almak için gerekli olan Bootstrap framework'ünü öğrenme fırsatı sunar. Bu eğitim, başlangıç ​​seviyesinden ileri seviyeye kadar olan katılımcılar için tasarlanmıştır ve katılımcılara hem temel hem de karmaşık web projeleri oluşturma yeteneklerini kazandırır.

Eğitim, aşağıdaki ana konuları içerir:

Medya Sorguları ve Mobil Öncelik: Duyarlı tasarımın temellerini anlayarak, web sitelerinin farklı ekran boyutlarına uygun şekilde görüntülenmesini sağlama becerilerini geliştirir.

Bootstrap İzgara Sistemi: İzgara sistemi, sayfa düzenlerini oluşturmak ve düzenlemek için kullanılan temel bir araçtır. Katılımcılar, ızgara sistemi ve Flexbox ile çalışmayı öğrenirler.

Bootstrap Bileşenleri: Bootstrap'un sağladığı hazır bileşenlerle (kartlar, düğmeler, gezinti menüleri vb.) etkileşimli ve şık web siteleri oluşturmayı öğrenirler.

JavaScript Entegrasyonu: Bootstrap ile JavaScript entegrasyonunu öğrenerek, etkileşimli öğeler eklemek ve kullanıcı deneyimini geliştirmek için gerekli olan becerileri kazanırlar.

Proje Uygulamaları: Gerçek dünya projelerini Bootstrap kullanarak oluşturarak, öğrencilerin öğrendiklerini pratikte uygulama şansı bulmalarını sağlar.

Eğitim, detaylı video dersler, interaktif örnekler, öğrenci etkileşimi ve öğrenci projelerini içeren zengin içeriklerle sunulur. Katılımcılar, her bir konuyu derinlemesine inceleme ve kendi projelerinde uygulama fırsatı bulacaklar.



Videoları izlemek için Akademik TV üye bir üniversite ağından erişim sağlamalısınız. Kurumuzun Akademik TV'ye üye olması için Kütüphane ve Dokümantasyon Daire Başkanlığı ile iletişim kurabilirsiniz.
Kampüs Dışı Erişim
Eğer Akademik TV Abonesi bir kuruma bağlıysanız kurum dışı erişim için Giriş Yap Panelini kullanabilirsiniz. Kurumsal E-Mail adresiniz ile kolayca üye olup giriş yapabilirsiniz.

Eğitim Seti Bilgileri

Kategori:   Mühendislik Bilimleri
Eğitmen:   Bilgisayar Mühendisi Mert Özen
Sertifika:   Evet
Video Sayısı:   75

Kurs İçeriği

Medya Sorguları ve Mobil Öncelik

Izgara Sistemi

Izgara Sistemi Flexbox

Containers

Izgara Sistemi 1-Otomatik Sütunlar

Izgara Sistemi 2-Kenar Boşlukları(Gutters)

Izgara Sistemi 3-Satır Sütunları

Izgara Sistemi 4-Hizalama

Izgara Sistemi 5-Sıralama

Izgara Sistemi 6-Offset ve Margin

Izgara Sistemi 7-Nesting(Gruplama)

Izgara Sistemi Örneği-1

Izgara Sistemi Örneği-2

Izgara Sistemi Örneği-3

Tipografi

Kod Belirteçleri

Resimler

Tablolar

Duyarlı Tablolar

Figürler

Uyarılar(Alerts)

Badges(Rozetler)

Breadcrumb (Gezinti Menüsü)

Buttons (Düğmeler)

Button Groups (Düğme Grupları)

Jumbotron

Progress Bar

Spinners

Pagination (Sayfalama)

Collapse (Accordion)

List Group

List Group (Tab Panel)

Card

Card Layout

Carousel

Carousel Javascript

Dropdowns

Tooltips

Navs

Navbar

Scrollspy

Popover

Toats

Media Object

Modal

Forms

Input Groups

Custom Form Elements

Axuliary Classes (Utilities)

Album Header

Album Main

Album Footer ve Düzenlemeler

Pricing Navigation

Pricing Header

Pricing Card Deck

Pricing Footer

Carousel Template-Navigation

Carousel Template-Carousel

Carousel Template-Marketing

Carousel Template-Feature

Carousel Template-Footer

Start Bootstrap-Creative Proje Tanıtımı

Navigation

JQuery Kodlarını Düzenleyelim

Header

About

Services ve Bazı Düzeltmeler

Portfolio

Contact ve Footer

SB Admin Proje Tanıtımı, ChartJS, BS4 Snippets

Navigation Bar

Breadcrumb ve Card Bileşenleri

ChartJS Grafikleri

Tablo, Footer ve Kapanış

Kurs Detayları ve Bootstrap Kurulumu

Anahtar Kelimeler

Paylaş