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 CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence CBT
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 Big Data
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
2021-01-05 19:11:54
30-Day Money-Back Guarantee
Development Web Development Web Design

Sıfırdan HTML5 ve CSS3 Kursu

Modern teknik ve teknolojilerle frontend dünyasına sağlam bir temel atın
Rating: 4.7 out of 54.7 (365 ratings)
12,705 students
Created by Emre Altunbilek
Last updated 12/2020
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • HTML ve Css Nedir
  • Genel html yapılarını
  • Genel CSS Kurallarını
  • Css Flexbox ve Grid
  • Sass Nedir Nasıl Kullanılır
  • Responsive Tasarım Mantığı

Course content

11 sections • 84 lectures • 17h 17m total length

  • Preview06:51
  • Visual Code Editörünün Kurulması
    05:53
  • VSCode Bazı Önemli Kısayollar
    07:31
  • Tüm kurs boyunca oluşturulan dosyalar
    00:03

  • Preview07:55
  • HTML Elements Kavramı
    05:24
  • HTML Attribute Kavramı
    05:07
  • HTML Heading ve Paragraphs Elementleri
    07:26
  • HTML Text Formatting-Biçimlendirme
    07:40
  • HTML Alıntı Elementleri
    05:16
  • HTML Yorum Satırları Oluşturma ve Renkler Konusu
    08:17
  • HTML Dosyalarında CSS Kullanma
    08:49
  • HTML Link Kavramı
    09:30
  • HTML Link Renklendirmesi ve Bookmark
    09:57
  • HTML Resim Kullanımı ve Area Map Kullanımı
    11:40
  • HTML Background ve Picture Element
    07:21
  • HTML Tablolar
    17:02
  • HTML Listeler
    10:59
  • HTML Class ve ID Kavramları
    07:45
  • HTML Iframe Kavramı
    06:36

  • Preview14:37
  • HTML Form Elementleri Devam
    09:43
  • HTML Datalist ve Fieldset
    05:11
  • HTML Input Türleri
    13:47
  • HTML Input ve Form Attributeleri
    10:19
  • HTML Diğer Kavramları Hızlıca Görelim
    12:30
  • HTML Quiz Çözümü
    12:20

  • CSS Giriş - Genel Kavramlar
    14:40
  • CSS Yorum Satırları Color ve Background Islemleri
    12:46
  • CSS Border, Margin ve Padding Kavramları
    16:50
  • CSS Width, Height ve Box Model Kavramları
    09:15
  • CSS Text Düzenleme ve Font Kullanımı
    14:46
  • CSS Ölçü Birimleri
    15:22

  • Proje - Kendi Buton Kütüphanemizi Oluşturalım Bölüm 1
    16:39
  • Proje - Kendi Buton Kütüphanemizi Oluşturalım Bölüm 2
    08:46
  • Proje - Kendi Input Text Kütüphanemizi Oluşturalım
    09:48
  • Proje - Profil Sayfası - HTML Bölümü
    10:12
  • Proje - Profil Sayfası - CSS Bölümü
    27:34

  • CSS Döküman Akışı ve Display Değerleri
    09:01
  • CSS Float ve Clear ile Akışı Değiştirme
    12:08
  • CSS Flexbox Teorik Anlatım
    14:56
  • CSS Flexbox Container Özellikleri
    15:03
  • CSS Flexbox Item Özellikleri
    09:40
  • Preview08:05
  • Proje Web Sitesi Tasarlayalım Bölüm 1
    20:13
  • Proje Web Sitesi Tasarlayalım Bölüm 2
    27:10
  • CSS Grid Teorik Anlatım
    18:22
  • CSS Grid Konu Anlatımı Bölüm 1
    16:15
  • CSS Grid Areas Autofit MinMax Bölüm 2
    12:19
  • CSS Grid Justify Align Content ve Items AutoFit ve AutoFill
    07:52
  • PROJE Grid ile Foto Galeri Yapalım
    10:42

  • Position Türleri ve Z-Index Kavramı
    19:57
  • Overflow Kavramı
    03:31
  • CSS Kişisel Özellik Tanımlama Değişkenler
    07:50
  • Specifity Kavramı
    10:04
  • CSS Gelişmiş Seçiciler
    20:49
  • Css Pseudo Elementler
    08:45
  • Preview20:31
  • Proje Tooltip Uygulaması
    33:44
  • Reset Normalize CSS Kavramları
    08:39
  • Supports ile CSS Destek Kontrolü
    05:15
  • Media Query ile Responsive Tasarım
    13:29
  • Preview12:39
  • Icon Kullanımı
    11:09

  • CSS Transition Özelliği
    08:43
  • CSS Animation Property
    15:39
  • CSS Transform Property
    16:11
  • Animasyonlu Buton Yapalım
    12:52
  • PROJE Animasyonlu Navbar Örnekleri
    24:52

  • Sass Nedir Neden Öğrenmeliyiz
    06:21
  • VSCode Sass Eklenti Kurulumu ve Ayarları
    09:53
  • Değişkenler ve Nested Yapılar
    17:34
  • Sass Mixin Kavramı
    10:54
  • Sass Fonksiyonlar
    10:10
  • Sass If For While ve Each Kontrol Döngü Yapıları
    11:22
  • Sass Import Partial ve Extend Kavramları
    14:12
  • BEM Block Element Modifier Kavramı
    22:12

  • Preview26:15
  • Headerın Oluşturulması Bölüm 2
    17:44
  • Hakkımda ve Eğitimlerim Bölümlerinin Oluşturulması
    23:25
  • Animasyonlar, Responsive Tasarımın Uygulanması ve Son
    37:08

Requirements

  • Bu kursa katılmak için herhangi bir ön koşul yoktur. Tüm dersler sıfırdan başlanacak ve ileri seviyeye doğru gidilecektir.

Description

HTML ve CSS frontend geliştiricisi olmak isteyen birinin mutlaka herşeyiyle bilmesi gerektiği konulardır.

CSS3'ü yeni özellikleriyle öğrenip hızlı bir şekilde responsive tasarımlar yapabilirsiniz.

Bu kursta html ve cssde bilmeniz gereken tüm konular detaylı anlatım ve örneklerle anlatılmıştır.

Flexbox, grid kavramlarını en iyi şekilde öğrenip web sitelerinizi kolayca yapabilirsiniz.

Ayrıca Sass Kullanarak çok daha etkili bir şekilde css kodlarınızı yazabilirsiniz.

Who this course is for:

  • Frontend dünyasında çalışmak ve projeler geliştirmek isteyen
  • React, Vue, Angular gibi frameworklerde projeler yapmak isteyen
  • Vanilla JS ile oluşturduğu mantığı daha güzel bir arayüzle kullanıcılara sunmak isteyen
  • Popüler css çözümlerini öğrenip, resposive web sitesi yapmak isteyen herkes bu kursa katılabilir

Instructor

Emre Altunbilek
Engineer
Emre Altunbilek
  • 4.6 Instructor Rating
  • 5,783 Reviews
  • 57,172 Students
  • 7 Courses

Ben Emre Altunbilek. 1988 Bursa doğumluyum. Ege Üniversitesi Bilgisayar Mühendisliği bölümünden 2012 yılında mezun oldum ve sonrasında çalışma hayatına atıldım.

      Bir kuruluşta bilgi işlem merkezinde çalışmaktayım. İş yerinde Database Administration ,Yedekleme Sistemlerinden sorumluyum.

Java ve android ile uzun yıllardır uğraşmaktayım. Yeni şeyler öğrenme konusundaki merakım ve isteğimden dolayı aslında her zaman ben de bir öğrenciyim ve bir öğrencinin bir konuyu öğrenirken ne gibi zorluklar yaşayabileceğinin farkındayım.

Bu yüzden eğitimlerimi öğrencinin kafasında soru işareti kalmaması, hızlı, etkili ve de kalıcı bir şekilde öğrenmesini sağlayacak şekilde oluşturmaya çalışıyorum. Ve var olan tüm öğrencilerimden bunları duymak bile bu setleri hazırlarken çekilen zahmetleri unutturup beni mutlu etmeye yetiyor.

Ülkemizin geleceği gençlerimizde ve gelişmişlik yazılımla olacak. Bu ülkenin bulut mulut gibi bir şey var onu kullanın gerisine karışmayın diyenler yerine, yeni şeyler üreten insanlara ihtiyacı var.

Bu hedefte sizlere yardımcı olabilmekten gurur duyuyorum. Yeni eğitimlerde görüşmek üzere, zira daha öğrenecek çok şey var:)




. 

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