5. YIL KUANTUM AKADEMİ
  • İstanbul
    1. Tuzla

  • 4.479 kişi bu kursu inceledi

    Web Tasarım Eğitimi

    Front End Web Geliştirme Uzmanlığı (48 saat)
    Web Tasarım| HTML 5 | CSS 3 | BOOTSTRAP 4 | JAVASCRIPT | JQUERY 

    HTML5 
     HTML nedir?
     Paragraf Etiketi
     Metinlerin Biçimlendirilmesi
     Başlıklar - Yatay Çizgi - Yorum Yapma
     Uygulama 1 - İletişim Sayfası Hazırlama
     Meta etiketi ve HTML etiketleri Öz Nitelikleri
     Img Etiketi - Resim Ekleme
     a etiketi - Link Verme
     ol ve ul etiketleri - Sıralı ve Sırasız Listeler
     Uygulama 2 - Türlerine göre film listesi
     table etiketi - Tablo Oluşturma
     Uygulama 3 - Haftalık Program Oluşturma
     Inline ve Block Elementleri
     div etiketi - Bölme Etiketi
     Form Etiketi - Form Oluşturma
     Uygulama 4 - Iletişim Formu Oluşturma
     Renkler ve Kullanımları
     HTML 5 Semantic Elements - Anlamsal Etiketler (Ufak Bilgilendirme)
     Örnek 1 - HTML 5 Semantic Elements - Anlamsal Etiketler
     Ses ve Video Ekleme
     Progress Bar - Ilerleme Çubuğu
     IFrames - Siteye html dosyalarını ve hazır videoları gömme

    CSS3
     CSS3 'e giriş
     Inline (Satır içi) CSS - Embedded/Internal (Dahili) CSS - External (Harici) CSS
     Selectors - Seçiciler
     CSS'te kalıtım - CSS'te öncelik
     Group Selectors - Gruplayarak Seçme
     Sözde Sınıfa Göre Seçme - Sözde Etikete Göre Seçme - Özelliğe Göre seçme
     Text (Metin) düzenlemesi - ***Font-family (Yazı tipi ailesi)***
     Text (Metin) - font-size (yazı tipi boyutu) ( em ve rem nedir?)
     Text (Metin) - font-style (yazı tipi stili)
     Text (Metin) - font-weight
     Text (Metin) - font-variant (yazı tipi çeşidi)
     Text (Metin) - color (yazı tipi rengi)
     Text (Metin) - Text-align - (Metin Hizalama)
     Text (Metin) - text-decoration (metin süslemesi)
     Text (Metin) - text-shadow (metin gölgesi)
     Text (Metin) - text-transform (metin dönüşümü)
     Text (Metin) - letter-spacing (Harf boşluğu)
     Text (metin) - Word Spacing (kelime boşluğu) ve White Spacing (boşlukları d
     HTML BOX MODEL (Html kutu modeli)
     Borders (Kenarlıklar)
     Width and Height (Genişlik ve Yükseklik)
     Background (Arka plan)
     Uygulama 1 - Sayfa Tasarımı - Mini Responsive Tasarım
     List Style (Liste Stili)
     Table Style (Tablo Stili)
     Link Style (Link Stili)
     Mouse Cursor Style (Fare Imleci Stili )
     Display Property (Görüntü özelliği)
     Visibility Property (Görünürlük özelliği)
     Display Property (Görüntü özelliği) (Inline-block)
     Position (Elementlerin Pozisyonlarını Belirleme)
     Float (Kaydırma)
     Overflow (Taşma)
     Margin (Kenar Boşluğu)
     Padding (Dolgu)
     Box-Sizing and Line-Height (Kutu Boyutu ve Satır Yüksekliği)
     z-index (Derinlik)
     Browser Prefixes (Tarayıcı önekleri)
     Border-Radius (Kenarlık Yarıçapı)
     Box shadow (Kutu gölgesi)

    CSS3 – FLEXBOX 
     Flexbox Giriş
     flex-direction
     flex-wrap
     justify-content
     align-items align-content
     flex-flow
     order
     align-self
     flex-basis flex-grow flex-shrink
     Flexbox Özet - Aklınızda soru işareti kalmayacak
    CSS – GRİD (4 saat)
     Grid Giriş
     Grid sisteminde satır ve sütun sayılarını belirleme
     Bir elemanı ızgara sistemi üzerinde istediğimiz satır ve sütuna yerleştirme
     Satır ve sütunlar arasında boşluk bırakma
     Grid-area
     Grid order
     justify-items align-items
     Sayfamız üzerinde tam hakimiyeti sağlama
     CSS Grid Özet - Aklınızda soru işareti kalmayacak

    JAVASCRIPT 
     Javascript'e GİRİŞ
     Değişken Kavramı
     Değişkenler (Detaylı)
     Matematik Operatörleri
     Atama Operatörleri
     Karşılaştırma Operatörleri
     Mantıksal Operatörler
     Kontrol Yapıları ( If - else if - else )
     Kontrol Yapıları ( Switch - Case )
     Döngüler (For döngüsü)
     Döngüler (While Döngüsü)
     Döngüler (Do-While Döngüsü)
     Break ve Continue
     Fonksiyonlar
     Alert Box - Prompt Box - Confirm Box
     Objeler (Nesneler)
     Arrays (Diziler)
     Arrays (Diziler) 2
     Matematik Fonksiyonlarından Bazıları
     Date Object (Tarih objesi)

    JAVASCRIPT - DOM - (Document Object Model) - (Belge Objesi Modeli)
     DOM'a Giriş
     Elemanları Seçme İşlemleri
     Elemanların özelliklerini değiştirme
     Elemanların stillerini değiştirme
     Element Oluşturma (Create)
     Element Silme (Delete)
     Element Güncelleme (Update)
     Animasyon Oluşturma
     Events (Olaylar)
     Event Listeners (Olay dinleyiciler)
     Uygulama 1 - Slider
     Uygulama 2 - Form Kontrolü

    JQUERY
     JQuery Kütüphanesini Tanıyalım
     Elemanların hazır olması ve gizleme
     Selectors (Seçiciler)
     Elemanların Özelliğini kullanma ve değiştirme
     Elemanların Özelliğini Silme
     Elemanların Içeriğini Kullanma ve Değiştirme
     Get-Set mantığı ve Val() metotu
     Yeni element ekleme ve var olan elementlere içerik ekleme
     Elementlere Class Ekleme ve Silme İşlemleri
     Elementlere Stil Ekleme ve Elementlerin Stillerini Değiştirme
     Elementlerin boyutlarıyla ilgili işlemler
     DOM Ağacı Üzerinde Manipülasyonlar
     Handling Events (Isleme Olaylari)
     Event Object (Olay Objesinin Kullanımı)
     Uygulama 1 - To do list - Yapılacaklar Listesi Uygulaması
     Animasyon - Gizleme ve Gösterme Animasyonları
     Animasyon -Fade In-Out Animasyonları
     Animasyon - Slide Up-Down Animasyonları
     Kendi animasyonlarımızı oluşturma

    BOOTSTRAP 4 
     Bootstrap nedir ? Bootstrap Kurulumu.
     Bootstrap Grid Sistemi (Izgara Sistemi)
     Grid Sistemi Parent Child
     Breakpoints (Geçiş noktaları belirleme)
     Renkler
     Font-size (Yazı boyutu)
     Margin ve Padding
     Borders
     Boyutlandırma
     Metin Hizalama
     Display
     Butonlar
     Tablolar
     Listeler
     Liste Grupları
     Uyguluma 1 - Alerts ve Alert'ları kullanarak Liste Uygulaması
     Image (Resim)
     Float
     Form
     Input Groups
     Cards (Kart görünümü)
     Jumbotron
     Breadcrumb
     Dropdowns (Açılır - Kapanır menü yapımı)
     Uygulama 2 - Navbar ve güzel bir menü yapımı
     Carousel (Slider yapma)
     Modal
     Pagination
     Kalan sınıfların açıklaması

    Daha Fazlası Daha Azı

    Sıkça Sorulan Sorular

    Grup dersi olarak eğitim verilmektedir. max. 7 kişi. Min. 5 kişi.

    Fiyat ve kampanya bilgileri için lütfen bizimle iletişime geçiniz.

    Gün ve Saatler

    Günler Saat Aralıkları
    Hafta İçi
    Pazartesi 9:00 - 22:00
    Salı 9:00 - 22:00
    Çarşamba 9:00 - 22:00
    Perşembe 9:00 - 22:00
    Cuma 9:00 - 22:00
    Hafta Sonu
    Cumartesi 10:00 - 22:00
    Pazar 10:00 - 22:00

    Bu Eğitime Özel Taksit Fırsatları

    Taksit Tutarı Toplam Tutar
    Tek Çekim TL TL
    3 Taksit TL TL
    6 Taksit TL TL
    9 Taksit TL TL
    Taksit Tutarı Toplam Tutar
    Tek Çekim TL TL
    3 Taksit TL TL
    6 Taksit TL TL
    9 Taksit TL TL
    Taksit Tutarı Toplam Tutar
    Tek Çekim TL TL
    3 Taksit TL TL
    6 Taksit TL TL
    9 Taksit TL TL
    Taksit Tutarı Toplam Tutar
    Tek Çekim TL TL
    3 Taksit TL TL
    6 Taksit TL TL

    Yorum Yapın

    Doğrulama SMS'i gönderilecektir.

    İstanbul Tuzla Aydıntepe

    Doktor Sadık Ahmet Cd. No:75-6 (İçmeler Köprüsü üzerinde)

    Toplu taşımaya yakın
    İçmeler köprüsü Otobüs Durağı 50 m. uzaklıkta
    0850 305 06 73 2 Şube
    Mesaj Gönder

    Kocaeli Gebze Osmanyılmaz Mhl

    OSMAN YILMAZ MAH. İSTANBUL CAD. İPEK MOBİLYA NO:40 İÇ KAPI NO:3 GEBZE / KOCAELİ

    0850 305 06 73 2 Şube
    Mesaj Gönder
    Mesaj Gönder

    Kurs.com - Tüm hakları saklıdır © 2014-2021

    kurs.com'da yer alan kullanıcıların oluşturduğu tüm içerik, görsel, video, görüş ve bilgilerin doğruluğu, eksiksiz ve değişmez olduğu, yayınlanması ile ilgili yasal yükümlülükler içeriği oluşturan kullanıcıya aittir. Bu içerik, görsel, video, görüş ve bilgilerin yanlışlık, eksiklik veya yasalarla düzenlenmiş kurallara aykırılığından kurs.com hiçbir şekilde sorumlu değildir. Sorularınız için mağaza (ilan) sahibi ile irtibata geçebilirsiniz.