Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 10.5 hours on-demand video
  • 2 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Web Design CSS

Temelden İleri Seviyeye CSS Eğitimi

Temelden ileri seviyeye doğru CSS öğrenmeye başlıyoruz ve HTML ile birleştiriyoruz.Flexbox ve Grid ile devam ediyoruz
Rating: 0.0 out of 50.0 (0 ratings)
16 students
Created by Ali Osman Kahraman
Last updated 11/2020
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • CSS Nedir ve Nasıl Yazılır?
  • CSS Özellikleri ve Değerleri Neler?
  • CSS Grid ve CSS Flexbox
  • HTML Etiketlerine Örnek CSS Uygulamaları

Requirements

  • Temel HTML Bilgisi

Description

HTML ile bir web sayfasını yaparsınız ama CSS ile bu sayfaya düzen, görsellik, ekranlara uyumlu responsive tasarım ve diğer seçenekleri de eklemeniz gerekir. Aksi halde sayfanız düz bir yapı olmaktan öteye geçemez.

İşte bu kursta öncelikle CSS ile ilgili temel bilgilere bakıp, CSS ve CSS3 ile ilgili özellikleri ve tanımlanabilecek değerleri göreceksiniz. Ardından bazı HTML etiketlerine bu özellikleri ekleyerek uygulamalar yapacağız. Böylece CSS özellik ve değerlerini nasıl kullanabileceğinizi öğreneceksiniz. Son olarak CSS Flexbox ve CSS Grid konularını da temel düzeyde öğrenecek ve kullanabileceksiniz.

Bu kursun sonunda;

  • CSS Tanımlamalarını

  • Yazı Biçimlendirmelerini

  • Yazı Tipleri Tanımlamasını

  • Boşluklar ve çizgiler eklemeyi

  • Katman ve Konumlandırma Tekniğini

  • Resim yerine ikon fontları kullanmayı

  • Şeffaflık, Gölgelendirme, Animasyon ve Geçiş Efektlerini

  • Tablolara, resimlere, form elemanlarına stil tanımlamayı

  • Menü Tasarımını, Image Sprite yapmayı

  • CSS Grid ve Flexbox yapılarını

öğreneceksiniz.

Örnek uygulamalar ile de konuları genel tekrar edecek ve uygulama yaparak CSS öğrenmeyi pekiştireceksiniz.

GÜNCELLEMELER:

  • Mouse imleçleri dersi yayınlandı.

  • Uygulama - 8: Yükleniyor kutusu yapma dersi yayınlandı.

  • Temel Konular bölümüne "Ölçü Birimleri" başlıklı teorik bir makale eklendi.

Who this course is for:

  • CSS Öğrenmek İsteyenler
  • Web sayfasını görselleştirmek isteyenler
  • CSS eksiklerini gidermek isteyenler
  • HTML ve CSS 'i birleştirerek görsel siteler yapmak isteyenler

Course content

6 sections • 49 lectures • 10h 33m total length

  • Preview02:24
  • Preview05:06
  • CSS Yapısı
    02:55
  • CSS Tanımlaması - Bölüm 1 (Element-id-class kavramları)
    08:57
  • CSS Tanımlaması - Bölüm 2
    16:21
  • Sayfaya CSS nasıl eklenir?
    09:41
  • Renk Sistemi (RGB, HEX, RGBA, HSL, HSLA)
    10:27
  • Ölçü Birimleri
    01:24

  • Arkaplan (Background)
    24:14
  • Çizgiler (Border)
    19:33
  • Margin (Kenar Boşlukları)
    08:50
  • Preview03:50
  • Yükseklik ve Genişlik
    11:01
  • Font ve WebFont
    34:39
  • Preview16:12
  • Yazı Biçimlendirme - Bölüm 2
    09:00
  • Linkler
    06:55
  • Ikonlar
    08:48
  • Outline
    11:47
  • Listeler
    12:14
  • Sözde Class ve Elementler (Pseudo-classes, Pseudo-elements)
    15:43
  • Şeffaflık
    08:38
  • Gölgelendirme
    10:17
  • Yerleşimler (Layout) - Bölüm 1
    16:39
  • Yerleşimler (Layout) - Bölüm 2
    18:24
  • 2D ve 3D Transform
    17:29
  • @media Özelliği Kullanımı ve Responsive Tasarım
    16:31
  • Animasyonlar (Animation)
    17:33
  • Geçiş Efektleri (Transition)
    08:05
  • Birden Fazla Sütun Tanımlaması (Multiple Column)
    07:03
  • Sayaçlar - Counter Özelliği
    10:47
  • Mouse İmleçleri
    24:32

  • Uygulama - 1 : Tablolar
    12:34
  • Uygulama - 2 : Formlar
    10:09
  • Uygulama - 3 : Resimlere Stil Tanımlama
    13:15
  • Uygulama - 4 : Butonlara Stil Tanımlama
    11:33
  • Preview18:42
  • Uygulama - 6 : Image Sprite
    20:30
  • Preview16:55
  • Uygulama - 8: Yükleniyor Yapımı
    08:11

  • Flex Yapısı ve Container Özellikleri
    17:44
  • Flexbox Item Özellikleri
    12:59
  • Flexbox Örnek Uygulaması
    13:25

  • Preview15:14
  • Grid Yapısı ve Özellikleri
    15:44
  • Grid Öğeleri (Items)
    27:27
  • Grid ile Örnek Uygulama
    21:19

  • Sonsöz
    00:47
  • Bonus
    01:23

Instructor

Ali Osman Kahraman
Fullstack Uygulama Geliştiricisi
Ali Osman Kahraman
  • 4.2 Instructor Rating
  • 56 Reviews
  • 5,110 Students
  • 5 Courses

Merhabalar,

Ben Ali Osman KAHRAMAN.

20 yılı aşkın süredir Frontend, Backend ve FullStack olarak aktif olarak çalışmalar, projeler gerçekleştirmekteyim ve/veya aktif projelerde Frontend, Backend veya FullStack olarak bulundum ve hala da bulunmaya devam etmekteyim.

Temel Bilgisayar Donanım ve Yazılım bilgisi haricinde HTML, CSS, Javascript, Ajax, Jquery, PHP, MySQL, Bootstrap, XML, JSON, Linux İşletim Sistemi, Server Management ve konfigürasyonları..vb. konularda yıllara yayılmış tecrübe ve bilgi birikimine sahibim. Her geçen gün bu tecrübelerime karşılaştığım durumlar sebebiyle yenilerini ekliyorum.

Ayrıca henüz tam anlamı ile tecrübe sahibi olmadığım ve hala öğrenmeye devam ettiğim Python, React, Angular konularında da kendimi geliştirmeye devam ediyorum.

Dipnot olarak evimde, iş yerinde uzun yıllardır (yaklaşık 15 yıl) aktif bir Linux kullanıcısıyım ve Linux'u ikinci işletim sistemi olarak değil ana işletim sistemi olarak kullanıyorum.

2002 yılında kurulan netopsiyon sitesinin kurucu ortaklarından biriyim. Yıllardır yöneticilik, teknik destek ve server management görevlerinde bulundum ve hala devam ediyorum.

Boş vakitlerimde yeni bir şeyler öğrenmeye çalışıyorum. Hala yeni şeyler öğrenmenin peşini bırakamadım.

Burada sizlere yılların bana vermiş olduğu bilgi birikimini ve tecrübelerimi aktarmaya çalışacağım.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.