Projelerle İleri Css ve Flexbox

Flexbox, sass ve ileri css tekniklerini kullanarak profesyonel web sayfaları geliştirin.

Ratings: 4.51 / 5.00




Description

  • Yılardır Css öğrenmeye çabalıyorum fakat istediğim seviyeye gelemedim

  • Css 'in çalışma mantığını bir türlü anlayamıyorum

  • Sitemdeki yapıları istediğim gibi hizalayamıyorum, divler de sürekli kaymalar oluyor ve buna engel olamıyorum.

  • Tarayıcılar css'i nasıl yorumluyor bilmiyorum

  • Css ve Css3 ile ilgili yeni teknolojiler neler?

  • Sitelerimi tüm cihazlara uyumlu hale nasıl getirebilirim?

  • Web sitem için nasıl animasyon oluşturabilirim?

  • Büyük websiteleri için sürdürülebilir css nasıl yazılır?

vb. sorularınız varsa doğru kurstasınız. Css'i yüzeysel bir şekilde anlatan, demode yöntemler kullanarak proje geliştiren kurslardan farklı olarak PROJELERLE İLERİ CSS TEKNİKLERİ VE FLEXBOX  kursu 30+ saat kapsamı ve zengin içeriğiyle sizlere çok şey katacak. Bu kursla birlikte; aklınızda ki Css ile ilgili tüm sorulara cevap verecek, modern teknik ve yöntemleri öğrenerek css bilginizi İLERİ SEVİYEYE taşıyacaksınız. Kurs boyunca Css ile ilgili çok fazla teorik bilgiler öğrenecek ve bu bilgilerin hemen hemen hepsini uygulamalarla beraber pratiğe dönüştüreceksiniz.

Peki kurs boyunca neler öğreneceksiniz:

  1. Css geliştiricilerin sürekli karşı karşıya kaldıkları hizalama sorunlarını ortadan kaldırmak ve esnek web sayfaları oluşturmak için en çok tercih edilen layout yöntemi olan FLEXBOX'ı en ince ayrıntısına kadar örneklerle beraber öğreneceğiz. Bölüm sonunda  flexbox kullanarak website layout ve sing-up page sayfası oluşturacağız.


  2. Css'in arka planda nasıl çalıştığını öğreneceğiz. Tarayıcılarımız css'i nasıl yorumlar, cascading, value processing, İnheritance, visual formatting model, positioning and flow gibi konulara değineceğiz


  3. Sitemizi bilgisayarlar, tabletler ve telefonlara uyumlu hale getirebilmek için Responsive Design öğreneceğiz. Flexiable layouts, Media queries, relative units, responsive Image, resolution switching, density switching, art direction gibi Responsive Design'ı ilgilendiren konuları uygulamalı şekilde öğreneceğiz.


  4. Yeniden kullanılabilir css yapıları nasıl oluşturulur, büyük projelerde sürdürülebilir css nasıl yazılır, css kodları nasıl genişletilebilir gibi soruların yanıtları için Moduler Css öğreneceğiz. BEM metadolojisi, css architecture konularını öğreneceğiz.


  5. En popüler css preprocessor olan SASS'ı detaylı şekilde öğreneceğiz: Sass'da yer alan variable, mixin, extend, function gibi kavramları öğreneceğiz.


  6. Transition ve animation konularını uygulamalı şekilde öğrenecek, kompleks animasyonlar geliştireceğiz.


  7. İleri css seçiciler, etkili css seçicileri yazma, pseudo class ve elemets, prefix kullanımı, SVG images, font seçimi gibi css de kafa karıştıran, yanlış bilinen ya da uygulanan konulara değineceğiz


  8. Ve son olarak kursun başından sonuna kadar gördüğümüz flexbox ,sass, modüler css, responsive design  ve daha bir çok tekniği kullanarak sürdürülebilir ve yeniden kullanılabilir css mimarisine sahip, geniş ekranlar, laptoplar, tabletler ve cep telefonları ile uyumlu kapsamlı bir websitesi geliştireceğiz. 

Bu kursun sonunda css' de kullandığınız her yapının ve  yazdığınız her bir satır kodun çalışma mantığını kavrayacak, modern css tekniklerini etkili şekilde kullanarak profesyonel web sayfaları geliştirme yolunda büyük bir adım atacaksınız.




What You Will Learn!

  • En çok tercih edilen layout yöntemi olan FLEXBOX, flexbox'ın çalışma mantığı ve flexbox ile layout oluşturma
  • Sürdülebilir ve yeniden kullanılabilir css yazma
  • Web sitelerini bilgisayarlar, tabletler ve cep telefonlarına uyumlu hale getirmek için gelişmiş media sorguları yazma
  • Css Architecture, BEM Metadolojisi, Sass
  • Kompleks animasyonlar oluşturma ve kullanma
  • İleri Css ve flexbox ile responsive web siteleri geliştirme

Who Should Attend!

  • Web development konusunda istekli, css ve flexbox bilgisini proje geliştirerek ileri seviyeye taşımak isteyen geliştiriciler