Udemy

Platform

Türkçe

Language

Web Development

Category

Web Tasarım Eğitimi (Proje içerir) , HTML5|CSS3|SASS |GULP

CSS 'in Flexbox özelliğini ve SASS kullanarak projelerinizi Gulp yardımıyla daha profesyonel bir şekilde ayağa kaldırın.

4.35 (20 reviews)

Web Tasarım Eğitimi (Proje içerir) , HTML5|CSS3|SASS |GULP

Students

5.5 hours

Content

Mar 2019

Last Update
Regular Price


What you will learn

Gerçek bir projede SASS'ı etkin bir şekilde kullanabileceksiniz.

CSS3 bilginizi geliştirebileceksiniz.

HTML5 Bilginizi geliştirebileceksiniz.

CSS'in Flexbox özelliğini daha iyi bir şekilde öğrenebilecek, gerçek bir projede ne şekilde kullanmanız gerektiğini öğreneceksiniz.

Cross-Browserlarda aynı sonucu nasıl alabileceğinizi öğreneceksiniz.

Node modüllerini projenize nasıl dahil edebileceğinizi öğreneceksiniz.

Gulp JS ile bir projenin nasıl ayağa kaldırıldığını öğreneceksiniz.

Framework kullanmadan SASS & CSS : Flexbox kullanarak Responsive bir internet sitesinin nasıl yapıldığını öğreneceksiniz.

jQuery pluginlerinin projeye nasıl dahil edildiğini ve kullanıldığını göreceksiniz.

Bootstrap gibi frameworklerin ne şekilde oluşturulduğu hakkında bilgi sahibi olacaksınız.

Kendi grid sisteminizi nasıl oluşturabileceğinizi öğreneceksiniz.


Description

SASS'ı duydum ve CSS Flexbox özelliği hakkında fikir sahibiyim diyorsanız, projemi daha profesyonel bir şekilde Gulp Js ile ayağa kaldırmak istiyorum ve Node Js modüllerinin projenize ne şekilde dahil edildiğini görmek istiyorsanız bu eğitim seti ile yarım kalan bilgilerinizi tamamlayabilirsiniz. Hali hazırda CSS3 & HTML5 bilginizi geliştirebilirsiniz. Yeni teknolojileri öğrendikten ve adapte olduktan sonra eminim daha önceki yazım stillerinizi unutacaksınız. Bu proje ile kendi grid sisteminizi ne şekilde oluştabileceğiniz hakkında da fikir sahibi olabilir, Bootstrap gibi frameworklerin ne şekilde oluşturuldukları hakkında da  bilgi sahibi olabilir, ve kendi projelerinizi responsive bir şekilde herhangi bir frameworke bağımlı kalmadan geliştirebilir ve arayüz tasarımlarınızı koda dökebilirsiniz. Umarım bu eğitim seti sizlere öğrenmek istedikleriniz konusunda doğru bir kaynak olacaktır.


Content

Gerekli Kurulumların yapılması ve temamızın temel ayarları

Eğitim setini tanıyalım

Gerekli kurulumların yapılması (Node Js ve Gulp Js)

Sass ve Autoprefixerın projeye dahil edilmesi ve Gulpfile.js in oluşturulması

Temel ayarların yapılandırılması

Sass değişkenleri ile tema ayarlarımızı yapalım

PROJE

SearchBox alanı arka planının yapılması ve Sass @mixin kullanımı

Search Box alanını tamamlayalım

SearchBox alanının responsive ayarlarının yapılması ve genel responsive ayarları

Features alanının yapılması

Features alanının responsive ayarlarının yapılması

Carousel kısmını tamamlayalım

Details alanının yapılması - 1

Details alanının yapılması - 2

Details alanının responsive yapılması - 3

Yeni ilanlar alanının yapılması

Yeni ilanlar responsive alanının responsive yapılması

Navbar alanımızı yapalım (Anchrol Scroll Js)


Reviews

B
Birkan18 March 2021

indirilen dosya içine node_modules'i koymak ne kadar doğru bilemedim bu zaten yüklenebilen bir şey. ayrıca proje bende açılmadı gulp watch dediğimde derlenmedi. start komutu da yok.

T
Tahir9 May 2020

Teşekkürler. Gerçekten çok güzel bir eğitim oluyor proje muhteşem olacak inşaallah. Emekleriniz için teşekkürler yunus bey

S
Selimi24 September 2019

Harikaydı çok teşekkürler hocama, çok yararlı oldu benim için. birde deploy sürecine (hafifletme-performans ayarları yayınlama host vs) (üstten üstten) değinseydik tadından yenmezdi. EMEĞİNİZE SAĞLIK HOCAM

F
Furkan2 August 2019

Kurs bence gayet iyi. Halihazırda web'e dair bilgim olsa da bana bir şeyler katabildi. Sadece kayıtların daha güzel alınması lazım. Hem görüntü hem de ses olarak. Yine de piyasadaki bir çok derse göre alınması daha mantıklı bir ders.

S
Samet20 April 2019

Öncelikle Yunus hocamızı tebrik ediyorum , gerçekten projeyi izlerken ve yazarken bir an bile sıkılmadım bir sonraki videoda ne olucak , daha bilmediğim neler varmış diye diye en son video'a kadar gelip bitirmiş bulunmaktayım.Css tarafındaki ince işcilikleri bizlere göstererek kendi deneyimlerini bize aktardığı için tekrardan teşekkür ediyorum.İnşallah başka projeler de gelir.Almanızı tavsiye ediyorum :)


2266348

Udemy ID

3/11/2019

Course created date

11/9/2019

Course Indexed date
Bot
Course Submitted by