Projelerle İleri Css ve Flexbox

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

4.65 (178 reviews)
Udemy
platform
Türkçe
language
Web Development
category
Projelerle İleri Css ve Flexbox
787
students
37 hours
content
Jan 2021
last update
$19.99
regular price

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

Why take this course?

  • 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.




Screenshots

Projelerle İleri Css ve Flexbox - Screenshot_01Projelerle İleri Css ve Flexbox - Screenshot_02Projelerle İleri Css ve Flexbox - Screenshot_03Projelerle İleri Css ve Flexbox - Screenshot_04

Reviews

Hasan
August 30, 2023
Kursun yarısını tamamladım son projeye geçmem için sayılı derslerim kaldı ama gerçekten konular o kadar net ve anlaşılır açıklanmış ki hocamıza bir kez daha teşekkür ediyorum. Kesinlikle tereddüt etmeden alınabilir bir kurs herkese iyi çalışmalar.
YAVUZ
August 26, 2023
Bildiğim sandığım şeyleri yeniden öğrenmenin şaşkınlığı ve heyecanıyla puanlıyorum. Hocamıza çok teşekkür ediyorum. Çok sade bir şekilde anlatmış. İzlerken kendime diyorum ki ne kadar basitmiş aslında. Gereksiz eğiticiler basit konuları ne kadar zorlaştırıyormuş. Abdurrahman hocam harikasınız.
Mutlucan
February 23, 2023
Oldukça sade ve anlaşılır bir anlatımınız var. Kesinlikle herkese tavsiye ediyorum, Javascript için de bir kurs hazırlarsanız çok sevinirim.
Mehmet
February 17, 2023
Çok kaliteli ve güzel bir kurstu. Başlangıç seviye HTML ve CSS bilginiz var ise bunu bu kursla çok güzel geliştirebilirsiniz. Flexbox tekniklerini de öğrenebiliyorsunuz. Hoca gerçekten ayrıntılı olarak, sabırla anlatmış. Özellikle son bölümde yapılan web sitesi uygulamasında, normalde gereken CSS özeliklerinin hepsi ayrı ayrı uygulamalı olarak anlatılmış. Ben son projeyi React kullanarak geliştirdim. Sass ile React her ikiside component bazlı olduğu için çok uyumlu çalışıyor. İsteyen arkadaşlar hocanın son bölümde yaptığı uygulamanın react ile yapılan versiyonunu bu repodan edinebilir. https://github.com/mehmetaltann/ReactSaasProject. Buradan tekrar Abdurrahman Hocaya emekleri için teşekkür ediyorum.
Ozkan
November 22, 2022
Hoca çok iyi anlatıyor ders çok eğlenceli geçiyor zerre kafanızda soru işareti kalmıyor herkeze tavsiye ederim...
Cihat
July 28, 2022
Detaylı anlatım her zaman güzeldir! Yani öğrendiğiniz şey arka planda nasıl çalışıyor nasıl işliyor bunları bilmeden papağan gibi ezberlemekten başka bir şeye benzemez öğrendikleriniz... Teşekkürler hocam.
Emre
July 20, 2022
Projelerle ileri CSS ve Flexbox... Özellikle CSS ve HTML'de yani Web kısmında ileri seviyeye geçmek isteyen yazılımcılar için detaylıca terimleri ile birlikte dökümlenmiş.. Gayet güzel anlatım sağlanmış, ingilizce dökümanlar ile kafayı yiyen bunaklara inat etkileyici bir anlatım ve bilgi yatıyor bu kurs. Kesinlikle ama kesinlikle öneriririm. Almazsanız pişman olursunuz benden demesi.
Musab
June 29, 2022
Kursa kayıt olmadan önce bir kaç adet kurs satın almış ve belirli bir yere kadar hepsini izleyerek uygulamıştım. Fakat anlatım sıraları, anlatılmaya çalışan şeyin mantığı çok zayıftı, birçoğu sadece burada bunu yazıyoruz, şurada şunu yazıyoruz diyerek aslında neden yazdığımızı çok sınırlı anlatıyor veya anlatmıyordu. Bu yüzden öğrenme hevesiniz de belli bir yerden sonra kırılıyor. Bu kursta bütün sorularımın cevaplarını hayal ettiğimin ötesinde buldum, Abdurrahman hocaya sabırlı ve ayrıntılı anlatımı için teşekkür ederim. Eğer Css ve Flexbox ile ilgili bir kurs arıyorsanız hiç düşünmeden alın, ben çok memnun kaldım, Gerçekten öğrenmek istiyorsanız biraz da emek vermelisiniz, kursu sabırla ve acele etmeden uygulamalar yaparak devam ettirmelisiniz, konuya ilgi duyan herkese tavsiye ederim. Bir kez daha Abdurrahman hocaya teşekkürü bir borç bilirim. Selamlar.
Oğuz
June 21, 2022
anlatım başarılı ancak örneklemeleri kodlama üzerinden göstermesi daha açıklayıcı olacaktır. Yeni başlayanlar adına
Ufuk
April 28, 2022
hoca bu böyledir demiyor bu nedenden dolayı diyerek nedeni hakıında yuvarlak değil kesin veriler ile anlatıyor flexbox için seviye sıfırdan diğer konular için html ve css için temel bilgi olması gerekmekte şimdilik iyi gidiyor seneler içinde elde edilen ve bu süreç içinde sürekli olarak gelişimde olunması içinde çok caba harcama gerektiren konular hakkındaki bilgiyi 39 tl ye önümüze sunulması inanılmaz güzel fakat 50 yaşında biri olarak üzücü. zamanımda bilgi ve deneyim paylaşımı bu kadar ucuz değildi ustalardan bir şeyler ögrenmek uzun gayretler , büyük çabalar ve fedekarlıklar gerektiriyordu HOCANIN EMEĞİNE SAĞLIK ALLAH RAĞZI OLSUN KARDEŞİM
Sevda
March 13, 2022
Eğitim videoları çok başarılı. Kısa kısa videolar olması çok iyi. Öğrenirken yorulmuyorsunuz ve çok detaylı bir anlatım var. Ayrıca anlatımların görsel üzerinde gösterilmesi çok faydalı. Yapboz yapar gibi tasarım yapılıyor ve mantığını iyice öğreniyorsunuz
Okan
August 17, 2021
Hocanın anlatımı olsun, konuların üstünde durması olsun gayet güzel. Yeteri kadar uygulama yaparak konunun pekişmesini sağlıyor ama hocam bazı videolarınızdaki ses kalitesi gerçekten çok kötü. Kulaklık takmadan duymak gerçekten zor oluyor bazen. Bunun dışında beni tatmin eden bir kurs oldu umarım yeni kurslar oluşturursunuz ve ses sorununu halledersiniz.
Mentor
August 14, 2021
İlk 7 dersi izledim ve düşündüm ki, şimdilik 4 puan vereyim. 4-den aşağı puan vermek vicdansızlık olur. Kursun sonunda css ile ilgili sorunlarım çözülürse 5 yıldız yapacağım puanı. Teşekkürler hocam! Edit : Specifity-ni bu kursdan iyi anlatan göremedim! Teşekkürler, hocam. Bir hocaya nasıl iyi öğretilir sorusunun cevapı bu kursda) Azerbaycandan büyük sevgiler. 5 yıldız verdim, sen bunu 10 yıldız olarak düşün artık)
Oğuzhan
July 19, 2021
Kurs benim için çok faydalıydı. Henüz kursun an itibari ile yarısına geldim sayılır. Temel css bilgisine sahiptim, flexbox hakkında pek bilgim yoktu ama bu kurs sayesinde baya bilgilendiğimi düşünüyorum. Ayrıca bildiğimi sandığım ama bilmediğim birçok şey de mevcutmuş. Ben gayet memnun kaldım yani yorumlarda bazı arkadaşlar beğenmemişler ama hocam güzel güzel anlatmış. (Temel css bilgisine sahip olmanız önemli, hocanın anlattıklarını daha hızlı kavrayabiliyorsunuz doğal olarak) Hocamın emeklerine de teşekkürlerimi sunuyorum..
Eren
June 21, 2021
Hocamızın, anlattıkları çok güzel ve değerli ancak sadece değerli olması yetmiyor. Kendisi en başta sorularıma cevap verdi ancak sonrasında cevap beklemekten yoruldum. Videolarda, iler ki konularda bahsedeceğim dediği şeyleri bir türlü bulamadım. kendisine soruyorum söylüyor ancak öyle bir ders yok eğitimde. bulamadım yardım edin diyorum cevap yok. Anlatım karmaşık, diksiyon çok duraksıyor. Kendisi bilgili ancak bunu iyi aktaramıyor. Yeni ve daha iyi eğitimlerinizde görüşmek üzere

Charts

Price

Projelerle İleri Css ve Flexbox - Price chart

Rating

Projelerle İleri Css ve Flexbox - Ratings chart

Enrollment distribution

Projelerle İleri Css ve Flexbox - Distribution chart
2805347
udemy ID
2/9/2020
course created date
1/16/2021
course indexed date
Bot
course submited by