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 Mindfulness Personal Development 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 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:

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

Bootstrap4 Projelerle Front-End Responsive Web Tasarım Kursu

Bootstrap 4 İle Proje Bazlı İleri Seviye Responsive Web Tasarım | Mobil Cihazlarla Uyumlu Web Siteleri Tasarlayın
Rating: 4.8 out of 54.8 (33 ratings)
109 students
Created by Bilişim Dünyası
Last updated 1/2021
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • A'dan Z'ye Bootstrap Framework'ü Kullanmayı
  • Farklı ekran ölçülerine sahip aygıtlar için(Cep Telefonu, Tablet, Pc) web sitesi yapmayı
  • Bootstrap ile gelen sınıfların amacını ve kullanımını
  • Sitenizin arama motorları tarafından üst sıralarda çıkmasını sağlayacak(SEO uyumlu) kodlamayı.
  • Responsive web tasarımın temellerini
  • Etkileyici ve yaratıcı web tasarım yapmayı öğreneceksiniz
  • Bootstrap ile gelen sınıfların nasıl özelleştirileceğini
  • Bootstrap temel ızgara sistemini

Course content

9 sections • 71 lectures • 21h 9m total length

  • Preview13:53
  • Preview12:03

  • Preview10:23
  • Sütun Yapısı
    21:43
  • Sütunlar ile uygulama
    11:45
  • Preview19:42
  • Sütun Yapılarının Özellikleri
    37:19
  • Responsive Tasarım İçin Meta Tagları
    02:39

  • Preview21:47
  • Badge Sınıfı
    11:24
  • Breadcrumb Sınıfı ( Kategori oluşturma)
    10:47
  • Butonlar
    27:15
  • Buton Grupları
    26:38
  • Cards Sınıfı ile hızlı kartlar oluşturma
    40:01
  • Carousel sınıfı ile slider yapımı
    32:33
  • Collapse Sınıfı İle Nesneleri Gizleme / Gösterme
    30:23
  • Dropdown Butonlar İle Açılır Seçenekler Oluşturma
    26:08
  • Form Sınıfı ile Form Elemanlarını Biçimlendirme
    48:53
  • İnput Group ile Form Elemanlarını Gruplandırma
    35:35
  • Jumbotron Sınıfı İle Çarpıcı Başlıklar Oluşturma
    09:06
  • Listgroup ile Listeleri Biçimlendirme
    29:14
  • Media Sınıfları ile Biçimlendirme
    14:14
  • Preview17:58
  • Navs Sınıfı ile Yatay ve Dikey Menüler Oluşturma
    31:36
  • Navbar Sınıfı (Responsive Menü Tasarmı)
    28:33
  • Pagination Sınıfı ile Sayfalama Sistemi
    05:39
  • Tablo Yapıları ve Biçimlendirme
    18:14

  • Border Sınıfı ile Kenarlık Oluşturma
    07:24
  • Clearfix ile Float Etkisini Temizleme
    06:08
  • Preview07:01
  • Colors Sınıfları ile Gelen Renkler
    01:55
  • Display Özellikleri
    18:48
  • Embed ile Sitenize Video ve Slayt Dosyaları Gömme
    05:26
  • Flex Yapılar
    35:39
  • Float Özelliği ile Nesneleri Hizalama
    08:25
  • Interactions ile Text Select İşlemleri
    02:41
  • Overflow ile Nesnelerin Taşan Bölümlerini Ayarlama
    03:11
  • Preview03:19
  • Margin Ve Padding Sınıfları ile İç ve Dış Boşluklar
    14:09

  • Preview08:33

  • Preview02:46
  • Menü Oluşturma
    24:37
  • Banner Oluşturma
    16:29
  • Proje Bölüm 1 Oluşturma
    09:02
  • Proje Bölüm 2 Oluşturma
    12:43
  • Proje Bölüm 3 Oluşturma
    17:12
  • Proje Bölüm 4 Oluşturma
    19:44

  • Preview05:11
  • Slider Oluşturma
    24:30
  • Menü Oluşturma
    26:58
  • Proje Bölüm 1 Oluşturma
    18:50
  • Proje Bölüm 2 Oluşturma
    10:12
  • Proje Bölüm 3 Oluşturma
    32:11
  • Proje Bölüm 4 Oluşturma
    20:13
  • Proje Bölüm 5 Oluşturma
    09:53
  • Proje Footer Alanı Oluşturma
    30:35

  • Preview03:11
  • Proje Menü Oluşturma Ve Body Arkaplan Ekleme
    23:56
  • Proje Banner Oluşturma
    21:23
  • Proje Bölüm 1 Oluşturma
    13:42
  • Proje Bölüm 2 Oluşturma
    09:57
  • Proje Bölüm 3 Oluşturma
    14:38
  • Proje Footer Alanı Oluşturma
    24:29

  • Preview05:45
  • Proje Menü Oluşturma
    20:18
  • Proje Header Oluşturma
    14:35
  • Proje Bölüm 1 Oluşturma
    11:10
  • Proje Bölüm 2 Oluşturma
    32:23
  • Proje Bölüm 3 Oluşturma
    10:27
  • Proje Bölüm 4 Oluşturma
    36:27
  • Proje Footer Alanı Oluşturma
    28:02

Requirements

  • Temel Düzeyde HTML ve CSS Bilgisi

Description

Temel düzeyde HTML ve CSS bilenlerin akıllarındaki ilk soru, yapacağım web sitesi tüm cihazlar ile uyumlu olacak mı. Uyumlu olması için neler yapmam gerekir. İşte tam da bu noktada kursumuz ile hızlı ve etkileşimli mobil cihazlar ile uyumlu web siteleri oluşturabilirsiniz. Birazcık ihtiyacınız olan bootstrap framework ünü tanımak. Bootstrap ile hazır gelen ızgara sistemini tanıdıktan sonra  sizin için herşey çok kolay olacaktır. Önce bootstrapı kendi dökümantasyonundan öğreneceğiz. Bölüm bölüm öğrendiğimiz işlevsel sınıfları bir bütün halde projeler üzerinde uygulayacağız. Böylelikle siz de bootstrapı etkin bir şekilde kullanmayı öğreneceksiniz. Bunun yanında oluşturduğumuz sitelerin daha göz alıcı olabilmesi için animasyonlar ile hareketlendireceğiz...

Who this course is for:

  • Meslek lisesi web tasarım bölümünde okuyan öğrenciler
  • Ön lisans web tasarım dersi alan öğrenciler
  • Profesyonel amaçla responsive web tasarım yapmak isteyenler
  • Hobi olarak web tasarıma ilgi duyanlar
  • Kendini web tasarımcı olarak görmek isteyenler

Instructor

Bilişim Dünyası
Bilişim Teknolojileri ve Yazılım
Bilişim Dünyası
  • 4.6 Instructor Rating
  • 386 Reviews
  • 2,133 Students
  • 2 Courses

1998 yılında Meslek Lisesinde programlama ve Web Tasarım ile tanıştım. Bu yıllarda Html, Css ve Javascript kullanarak static web siteleri tasarlıyorduk. Programlama mantığını ve temelini C ve Visual Basic dilleri ile lisede aldım. Kendimi yazılım konusunda geliştirmek ve eğitimci olabilmek için Çanakkale 18 Mart Üniversitesi Eğitim Fakültesi Bilişim Teknolojileri Öğretmenliği bölümünü bitirdim. 2005 yılından bu yana  Bilişim Teknolojileri ve Yazılım Öğretmeni olarak çalışmaktayım. MBlock,Arduino, Web Tasarım ve Web Programlama (Html, Css, Javascript, JQuery, Bootstrap, Wordpress, Php ve MySql), Python, C ve C++ dersleri vermekteyim. Ayrıca Youtube kanalımda Python ve Scratch dersleri vermekteyim. Yazılım dünyasının sonu yok. Bu konuda geri kalmamak için yeni çıkan teknolojileri takip eder ve alanımla ilgili olanları öğrenmeye devam ederim.

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