Web Tasarım Eğitimi (Proje içerir) , HTML5|CSS3|SASS |GULP
5.0 (15 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
303 students enrolled

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.
5.0 (15 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
303 students enrolled
Created by Yunus Çeçen
Last updated 3/2019
Turkish
Current price: $12.99 Original price: $19.99 Discount: 35% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 14 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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.
Course content
Expand all 17 lectures 05:25:42
+ Gerekli Kurulumların yapılması ve temamızın temel ayarları
5 lectures 01:02:40
Gerekli kurulumların yapılması (Node Js ve Gulp Js)
04:56
Sass ve Autoprefixerın projeye dahil edilmesi ve Gulpfile.js in oluşturulması
19:45
Sass değişkenleri ile tema ayarlarımızı yapalım
12:00
+ PROJE
12 lectures 04:23:02
SearchBox alanı arka planının yapılması ve Sass @mixin kullanımı
11:07
Search Box alanını tamamlayalım
41:16
SearchBox alanının responsive ayarlarının yapılması ve genel responsive ayarları
09:17
Features alanının yapılması
23:20
Features alanının responsive ayarlarının yapılması
07:21
Carousel kısmını tamamlayalım
29:04
Details alanının yapılması - 1
22:38
Details alanının yapılması - 2
25:24
Details alanının responsive yapılması - 3
09:07
Yeni ilanlar alanının yapılması
01:03:12
Yeni ilanlar responsive alanının responsive yapılması
06:02
Navbar alanımızı yapalım (Anchrol Scroll Js)
15:14
Requirements
  • HTML5 bilginizin olması gerekli
  • CSS3 bilginizin olması gerekli
  • Temel Seviye SASS Bilginizin olması sizin için daha faydalı olacaktır. (Görüp fikir sahibi olmanızda yeterli)
  • Temel Seviye CSS 'in Flexbox özelliği hakkında bilginiz olması sizin için faydalı olacaktır.
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.

Who this course is for:
  • Front-End tarafında kendilerini geliştirmek isteyenler.
  • SASS'ın ne olduğunu ve ne şekilde kullanıldığını görmek isteyenler.
  • CSS 'i artık float left float right ile değil de Flexbox kullanarak ne şekilde kullanabileceklerini öğrenmek isteyenler