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+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation 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 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
30-Day Money-Back Guarantee

This course includes:

  • 35 hours on-demand video
  • 6 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Web Design

Web Tasarım| HTML 5 | CSS 3 | BOOTSTRAP 4 | JAVASCRIPT

Web Programlama Eğitimi | HTML 5 | CSS 3 | Bootstrap | Javascript | Jquery | Web Tasarım | Bootstrap 4 | Javascript
Rating: 4.5 out of 54.5 (775 ratings)
2,253 students
Created by Kaan Academy
Last updated 10/2020
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • HTML ve HTML5 tasarım dilini sıfırdan mantığına uygun bir şekilde öğreneceksiniz
  • CSS ve CSS3 ile websitelerinizi ve CSS'in kullanıldığı yerleri güzelleştirebilecek. Sıfırdan CSS dosyalarınızı kendiniz oluşturabileceksiniz.
  • BOOTSTRAP 4 frameworkünü sıfırdan öğrenip HTML5-CSS3-JAVASCRIPT yoğunluğuna girmeden Responsive yani bütün cihazlarda uyumlu WEB siteleri yapabileceksiniz.
  • JAVASCRIPT dilini sıfırdan öğrenerek websitelerinizi dinamik hale getirebileceksiniz.
  • JQUERY kütüphanesini sıfırdan öğrenerek JAVASCRIPT programlamayı minimuma indirerek siteleriniz üzerindeki hakimiyeti arttıracaksınız.

Course content

10 sections • 171 lectures • 35h 6m total length

  • Preview00:00
  • Preview13:14
  • Macbook için VS Code
    01:35
  • LÜTFEN OKUYUNUZ - Bu duyuru hem sizin hem de benim için oldukça önemlidir !
    00:48
  • Bir eğitim setine nasıl çalışmalıyız?
    05:44
  • Youtube Duyuru
    02:10

  • HTML nedir?
    13:42
  • Paragraf Etiketi
    15:24
  • Metinlerin Biçimlendirilmesi
    13:51
  • Başlıklar - Yatay Çizgi - Yorum Yapma
    13:44
  • Preview07:19
  • Meta etiketi ve HTML etiketleri Öz Nitelikleri
    16:42
  • Img Etiketi - Resim Ekleme
    14:46
  • a etiketi - Link Verme
    07:12
  • ol ve ul etiketleri - Sıralı ve Sırasız Listeler
    16:42
  • Uygulama 2 - Türlerine göre film listesi
    27:09
  • table etiketi - Tablo Oluşturma
    36:28
  • Uygulama 3 - Haftalık Program Oluşturma
    19:02
  • Inline ve Block Elementleri
    25:22
  • div etiketi - Bölme Etiketi
    10:25
  • Form Etiketi - Form Oluşturma
    21:45
  • Uygulama 4 - Iletişim Formu Oluşturma
    11:00
  • Renkler ve Kullanımları
    10:41
  • HTML 5 Semantic Elements - Anlamsal Etiketler (Ufak Bilgilendirme)
    04:16
  • Örnek 1 - HTML 5 Semantic Elements - Anlamsal Etiketler
    17:17
  • Ses ve Video Ekleme
    09:08
  • Progress Bar - Ilerleme Çubuğu
    02:58
  • IFrames - Siteye html dosyalarını ve hazır videoları gömme
    06:18

  • CSS3 'e giriş
    04:45
  • Inline (Satır içi) CSS - Embedded/Internal (Dahili) CSS - External (Harici) CSS
    07:44
  • Selectors - Seçiciler
    09:20
  • CSS'te kalıtım - CSS'te öncelik
    15:28
  • Group Selectors - Gruplayarak Seçme
    17:59
  • Sözde Sınıfa Göre Seçme - Sözde Etikete Göre Seçme - Özelliğe Göre seçme
    22:00
  • Text (Metin) düzenlemesi - ***Font-family (Yazı tipi ailesi)***
    16:25
  • Text (Metin) - font-size (yazı tipi boyutu) ( em ve rem nedir?)
    24:21
  • Text (Metin) - font-style (yazı tipi stili)
    04:53
  • Text (Metin) - font-weight
    08:18
  • Text (Metin) - font-variant (yazı tipi çeşidi)
    10:39
  • Text (Metin) - color (yazı tipi rengi)
    07:29
  • Text (Metin) - Text-align - (Metin Hizalama)
    11:13
  • Text (Metin) - text-decoration (metin süslemesi)
    14:35
  • Text (Metin) - text-shadow (metin gölgesi)
    08:33
  • Text (Metin) - text-transform (metin dönüşümü)
    04:12
  • Text (Metin) - letter-spacing (Harf boşluğu)
    03:50
  • Text (metin) - Word Spacing (kelime boşluğu) ve White Spacing (boşlukları d
    07:01
  • HTML BOX MODEL (Html kutu modeli)
    06:38
  • Borders (Kenarlıklar)
    15:34
  • Width and Height (Genişlik ve Yükseklik)
    09:39
  • Background (Arka plan)
    22:22
  • Uygulama 1 - Sayfa Tasarımı - Mini Responsive Tasarım
    57:13
  • List Style (Liste Stili)
    13:33
  • Table Style (Tablo Stili)
    12:31
  • Link Style (Link Stili)
    06:57
  • Mouse Cursor Style (Fare Imleci Stili )
    04:35
  • Display Property (Görüntü özelliği)
    08:19
  • Visibility Property (Görünürlük özelliği)
    01:58
  • Display Property (Görüntü özelliği) (Inline-block)
    08:04
  • Position (Elementlerin Pozisyonlarını Belirleme)
    45:29
  • Float (Kaydırma)
    21:11
  • Overflow (Taşma)
    13:01
  • Margin (Kenar Boşluğu)
    15:00
  • Padding (Dolgu)
    12:08
  • Box-Sizing and Line-Height (Kutu Boyutu ve Satır Yüksekliği)
    09:51
  • z-index (Derinlik)
    10:39
  • Browser Prefixes (Tarayıcı önekleri)
    13:30
  • Border-Radius (Kenarlık Yarıçapı)
    05:28
  • Box shadow (Kutu gölgesi)
    06:42

  • Flexbox Giriş
    05:27
  • flex-direction
    07:34
  • flex-wrap
    03:22
  • justify-content
    08:42
  • align-items align-content
    11:02
  • flex-flow
    05:19
  • order
    02:14
  • align-self
    05:30
  • flex-basis flex-grow flex-shrink
    09:23
  • Flexbox Özet - Aklınızda soru işareti kalmayacak
    29:35
  • İncelemeniz için kaynaklar
    00:01

  • Grid Giriş
    02:18
  • Grid sisteminde satır ve sütun sayılarını belirleme
    11:48
  • Bir elemanı ızgara sistemi üzerinde istediğimiz satır ve sütuna yerleştirme
    08:06
  • Satır ve sütunlar arasında boşluk bırakma
    01:37
  • Grid-area
    02:23
  • Grid order
    04:19
  • justify-items align-items
    02:37
  • Sayfamız üzerinde tam hakimiyeti sağlama
    15:24
  • CSS Grid Özet - Aklınızda soru işareti kalmayacak
    20:05

  • Javascript'e GİRİŞ
    11:00
  • Değişken Kavramı
    07:37
  • Değişkenler (Detaylı)
    14:02
  • Matematik Operatörleri
    15:50
  • Atama Operatörleri
    05:21
  • Karşılaştırma Operatörleri
    10:15
  • Mantıksal Operatörler
    20:08
  • Kontrol Yapıları ( If - else if - else )
    07:54
  • Kontrol Yapıları ( Switch - Case )
    07:45
  • Döngüler (For döngüsü)
    08:38
  • Döngüler (While Döngüsü)
    04:02
  • Döngüler (Do-While Döngüsü)
    04:01
  • Break ve Continue
    06:29
  • Fonksiyonlar
    18:59
  • Alert Box - Prompt Box - Confirm Box
    06:03
  • Objeler (Nesneler)
    22:48
  • Arrays (Diziler)
    03:37
  • Arrays (Diziler) 2
    09:15
  • Matematik Fonksiyonlarından Bazıları
    06:54
  • Date Object (Tarih objesi)
    23:13

  • DOM'a Giriş
    21:22
  • Elemanları Seçme İşlemleri
    56:36
  • Elemanların özelliklerini değiştirme
    08:28
  • Elemanların stillerini değiştirme
    08:09
  • Element Oluşturma (Create)
    13:38
  • Element Silme (Delete)
    07:19
  • Element Güncelleme (Update)
    09:36
  • Animasyon Oluşturma
    17:53
  • Events (Olaylar)
    34:20
  • Event Listeners (Olay dinleyiciler)
    24:26
  • Uygulama 1 - Slider
    12:41
  • Uygulama 2 - Form Kontrolü
    14:55

  • JQuery Kütüphanesini Tanıyalım
    09:23
  • Elemanların hazır olması ve gizleme
    10:22
  • Selectors (Seçiciler)
    15:34
  • Elemanların Özelliğini kullanma ve değiştirme
    12:01
  • Elemanların Özelliğini Silme
    03:34
  • Elemanların Içeriğini Kullanma ve Değiştirme
    07:03
  • Get-Set mantığı ve Val() metotu
    05:39
  • Yeni element ekleme ve var olan elementlere içerik ekleme
    10:57
  • Elementlere Class Ekleme ve Silme İşlemleri
    12:45
  • Elementlere Stil Ekleme ve Elementlerin Stillerini Değiştirme
    15:49
  • Elementlerin boyutlarıyla ilgili işlemler
    15:34
  • DOM Ağacı Üzerinde Manipülasyonlar
    19:50
  • Handling Events (Isleme Olaylari)
    18:05
  • Event Object (Olay Objesinin Kullanımı)
    34:52
  • Uygulama 1 - To do list - Yapılacaklar Listesi Uygulaması
    23:48
  • Animasyon - Gizleme ve Gösterme Animasyonları
    06:44
  • Animasyon -Fade In-Out Animasyonları
    05:29
  • Animasyon - Slide Up-Down Animasyonları
    02:31
  • Kendi animasyonlarımızı oluşturma
    33:04

  • Bootstrap nedir ? Bootstrap Kurulumu.
    16:35
  • Bootstrap Grid Sistemi (Izgara Sistemi)
    31:00
  • Grid Sistemi Parent Child
    07:41
  • Breakpoints (Geçiş noktaları belirleme)
    12:49
  • Renkler
    08:26
  • Font-size (Yazı boyutu)
    07:52
  • Margin ve Padding
    14:52
  • Borders
    13:43
  • Boyutlandırma
    10:00
  • Metin Hizalama
    03:08
  • Display
    03:55
  • Butonlar
    17:21
  • Tablolar
    11:56
  • Listeler
    05:23
  • Liste Grupları
    07:09
  • Uyguluma 1 - Alerts ve Alert'ları kullanarak Liste Uygulaması
    20:55
  • Image (Resim)
    06:47
  • Float
    06:43
  • Form
    06:24
  • Input Groups
    11:41
  • Cards (Kart görünümü)
    28:52
  • Jumbotron
    16:19
  • Breadcrumb
    05:50
  • Dropdowns (Açılır - Kapanır menü yapımı)
    12:42
  • Uygulama 2 - Navbar ve güzel bir menü yapımı
    27:33
  • Carousel (Slider yapma)
    23:28
  • Modal
    12:53
  • Pagination
    15:23
  • Kalan sınıfların açıklaması
    12:05

  • Tavsiyeler
    00:23
  • Berber Teması
    00:00
  • CC BY 3.0 lisansı
    00:03

Requirements

  • Hiçbir bilgi birikimine gerek yok. Her şeyi sıfırdan anlatacağım. Sadece aklınızı bu kurs odaklayıp HTML5-CSS3-BOOTSTRAP-JAVASCRIPT-JQUERY öğrenmenin tadını çıkartın.

Description

Aklınıza takılan soruları bana sormaktan çekinmeyin. Her öğrenci benim için çok değerlidir.

Kurs bitiminde HTML5, CSS3, BOOTSTRAP 4 öğrenmenin yanı sıra bir de JAVASCRIPT programlama dilini sıfırdan ileri orta seviye üstüne kadar öğrenecek aynı zamanda JAVASCRIPT ile bir web sitesi üzerinde nasıl dinamik hareketlendirme yapabileceğinizi öğreneceksiniz. Bunlarla beraber JAVASCRIPT kütüphanesi olan JQUERY teknolojisini öğrenerek siteniz üzerinde hakimiyetinizi kolaylaştıracaksınız.

Kursa yeni içerikler eklenmeye devam edecektir ayrıca sizden gelen isteklerin benim için ne kadar önemli olduğunu unutmayın. Sizden gelen istekler doğrultusunda kursun içeriğine eklemeler çıkarmalar yapacağım.

Aklınıza takılan soruları da SORU/CEVAP kısmında sormaktan çekinmeyin. Unutmayın ben burada sizin için varım ve elimden geldiğince de yardımcı olacağım.

Emin olun tasarım bakamından tam da aradığınız kurstasınız. Bana güvenin.

Bu kurs sayesinde kendiniz sıfırdan bir web sitesi tasarlayabileceksiniz ya da hazır satın aldığınız bir tasarım üzerinde rahatça değiştirmeler yapabileceksiniz. Kısacası web tasarımının mantığını anlayacaksınız. Bunun yanı sıra CSS ve de JAVASCRIPT programlama dili gibi çoğu yazılım ortamında kullanılan teknolojileri öğrenecek, tasarım dünyasında büyük bir yer edineceksiniz.

  • HTML 5

  • CSS 3

  • JAVASCRIPT

  • JQUERY

  • BOOTSTRAP 4


Bir kurstan daha fazlası...

Who this course is for:

  • Sıfırdan Web Sitesi tasarımı yapmak isteyen herkes
  • Sıfırdan HTML ve HTML5 öğrenmek isteyen herkes
  • Sıfırdan CSS ve CSS3 öğrenmek isteyen herkes
  • Sıfırdan Bootstrap4 öğrenmek isteyen herkes
  • Sıfırdan Javascript öğrenmek isteyen herkes
  • Sıfırdan JQuery öğrenmek isteyen herkes
  • Hazır bir web site tasarımı satın alıp bunu kendisi istediği gibi değiştirmek isteyen herkes

Instructor

Kaan Academy
Computer Engineer / Bilgisayar Mühendisi
Kaan Academy
  • 4.5 Instructor Rating
  • 6,100 Reviews
  • 48,020 Students
  • 11 Courses

Herkese Merhabalar benim adım Kaan,

Galatasaray Üniversitesi Bilgisayar Mühendisliği mezunuyum.

Şu anda özel bir firmada Senior Software Developer (Kıdemli Yazılım Geliştirici) olarak  çalışıyorum. Aynı zamanda Galatasaray Üniversitesi Bilgisayar Mühendisliği yüksek lisans programında eğitimimi sürdürmekteyim.

Ayrıca Microsoft'un sahibi olduğu Kaizala uygulamasının SDK'sını kullanarak action card geliştirmeye de devam ediyorum.

Bunun yanında Unity oyun motorunu kullanarak 2D/3D oyun çalışması yürüttüğüm bir ekibim var. Ayrıca Unity'de arttırılmış ve sanal gerçeklik yani AR/VR uygulamaları geliştiriyorum.


Uzmanlık alanım C# ve .Net olsa da bunun yanı sıra 3 Senedir Unity oyun motorunu kullanarak oyunlar geliştiriyorum. Çeşitli oyunların geliştirilmesinde rol oynadım. Oyun yapmaya bir hobi olarak başladım fakat şimdi kendi oyunlarımı geliştirmeye devam ediyorum.

Her kursuma sizin istekleriniz doğrultusunda eklemeler çıkarmalar yapacağım. Olur da beğenmediğiniz dersler olursa geçerli bir sebep söylediğiniz takdirde güncellemeye hazırım.

Kısacası benim için önemli olan tek şey:

Hangi kursuma kayıt olmuş olursanız olun, kursta anlattığım dersleri tamamiyle anlamanız...

Saygı çerçevesinde eleştirilmeye her zaman açık bir insanım. Hepinizi ilginizi çeken kurslarıma bekliyorum. Şimdiden kursa hoşgeldiniz diyorum, derslerde görüşürüz :)


Uzmanlık Alanlarım

- C#  .NET - .NET CORE

- Php ( Laravel-Slim Framework)

- Unity Game Engine (Unity oyun motoru)


Bildiğim programlama dilleri (backend - arka uçta çalışan kodlar)

- C

- C++

- C#

- PHP

- JAVA

- PYTHON

- JAVASCRIPT


Hakim olduğum ORM'ler (Object Relational Mapping)

- Entity Framework

- Eloquent


Kullandığım View Engine'ler

- Razor

- Twig

Bildiğim tasarım dili ve format biçimlendirme teknolojisi

- HTML5 - CSS3


Bildiğim kütüphaneler

- Jquery


Bildiğim Front-end Framework'ü

- Bootstrap 4


Zaman içerisinde bu derslerin hepsi kurslarım arasında yerini alacaktır...

ARTIK YAZILIMLARI ÖĞRENMEME GİBİ BİR BAHANE BULAMAYACAKSINIZ :)

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