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 CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business 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
Development Web Development

(110+ Saat) Komple Uygulamalı Web Geliştirme Eğitimi

Sıfırdan ileri seviyeye 'Web Geliştirme': Html,Css,Sass,Flexbox,Bootstrap,Javascript,Angular,JQuery,Asp.Net Mvc&Core Mvc
Bestseller
Rating: 4.7 out of 54.7 (14,847 ratings)
45,814 students
Created by Sadık Turan
Last updated 3/2021
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • Web geliştirici olmak için gereken tüm konuları öğrenip kariyerinize iyi bir başlangıç yapabileceksiniz.
  • Web Tasarımınızı sıfırdan kendiniz adım adım yapabileceksiniz.
  • Web sitelerinize bir yönetim paneli ekleyip dinamik içeriklerinizi bir yerden yönetebileceksiniz.
  • Bir blog sitesi yada bir şirketin tanıtım sitesini kolaylıkla yapabileceksiniz.
  • Bir e-ticaret sitesini baştan sona birlikte hazırlayacağız.
  • Kurs sonunda donanımlı bir web geliştirici olup bu alanda para kazanıyor olabileceksiniz.

Course content

85 sections • 744 lectures • 119h 27m total length

  • Preview00:47
  • Preview04:54
  • Preview08:02
  • Preview07:06
  • Geliştirme Araçları
    05:09
  • Geliştirme Araçlarını Tanıyalım
    07:49
  • Sıkça Sorulan Sorular & Kaynak Dosyalar
    00:37
  • Kaynak Dosyalar
    00:12

  • Bölüm Hakkında
    00:29
  • Preview07:09
  • Html Yapısı
    09:02
  • Preview09:26
  • Uygulama Çalışması - 1
    07:10
  • Başlık Etiketleri
    07:30
  • Paragraf Etiketi
    05:21
  • Biçimlendirme Etiketleri
    07:20
  • Uygulama Çalışması - 2
    10:49
  • Sırasız Listeler
    06:35
  • Sıralı Listeler
    05:23
  • Uygulama Çalışması - 3
    11:29
  • Images
    11:18
  • Forms
    16:57
  • Uygulama Çalışması - 4
    11:27
  • Tables
    09:42
  • Links
    09:11
  • Uygulama Çalışması - 5
    14:30
  • Div & Span
    08:16
  • Semantic Elements
    12:43
  • IFrames
    04:52
  • Genel Tekrar Uygulaması
    17:41
  • Bölüm Sonu Testi
    10 questions
  • Değerlendirme & Çalışma Dosyaları
    00:19

  • Bölüm Hakkında
    00:32
  • Css Nedir ?
    05:18
  • Css Sözdizimi
    02:15
  • Internal Css
    07:50
  • Inline Css
    06:47
  • External Css
    12:25
  • Uygulama - Todo List
    06:21

  • IDs & Classes
    12:40
  • Uygulama : IDs & Classes
    10:53
  • Group Selectors
    12:02
  • Attribute Selectors
    08:36
  • Pseudo Selectors
    13:54
  • Css Inherits
    11:17
  • Uygulama - Selectors
    14:28
  • Uygulama - Tablo Biçimlendirme
    11:52
  • Divs
    09:53
  • Uygulama - Divs
    12:13
  • Colors
    05:56

  • Floating Images
    06:43
  • Floating Divs
    10:20
  • Uygulama : Floating
    06:44
  • Display
    08:34
  • Uygulama : Display
    06:18
  • Positioning
    09:02
  • Uygulama : Positioning - 1
    08:09
  • Uygulama : Positioning - 2
    06:44

  • Margin
    09:17
  • Padding
    06:13
  • Borders
    07:36
  • Box Sizing & Box Model
    06:00
  • Uygulama : Box Model
    18:28

  • Fonts
    11:50
  • Icons
    08:52
  • Text Biçimlendirme
    07:08
  • Text Hizalama
    07:13
  • Uygulama : Text
    11:46
  • Liste Biçimlendirme
    08:21
  • Link ve Buton Biçimlendirme
    19:50

  • Uygulama : Liste & Buton Biçimlendirme
    08:02
  • Box Shadow - Gölgelendirme
    09:30
  • Transitions - Geçiş Efekleri
    09:44
  • Uygulama : Cards
    15:21
  • Uygulama : Box Shadow & Transitions
    13:21
  • Uygulama : Navbar - Menü Çubuğu
    07:54
  • Uygulama : Resim Galerisi
    19:41
  • Uygulama : Background Image
    19:49
  • Uygulama : Form Biçimlendirme
    19:21
  • Uygulama : Tooltip
    21:53
  • Uygulama : Açılır Yatay Menu
    17:04
  • Değerlendirme & Çalışma Dosyaları
    00:26

  • Preview06:11
  • Media Queries & Breakpoints
    08:55
  • Responsive Image
    08:56
  • Uygulama : Responsive Web - Tanıtım
    03:11
  • Uygulama : Responsive Web - Header
    13:45
  • Uygulama : Responsive Web - Main
    09:11
  • Uygulama : Responsive Web - Main & Footer
    06:20
  • Uygulama : Responsive Web - Breakpoints
    10:18

  • Uygulama Tanıtımı
    02:29
  • Navbar & Logo
    14:23
  • Navbar Links
    08:54
  • Fixed Navbar & Header
    08:46
  • Starline
    13:29
  • Portfolio
    09:00
  • Portfolio Images
    17:32
  • About
    10:12
  • Buttons
    11:42
  • Contact
    11:24
  • Footer
    11:09
  • Responsive Tasarım - 1 - Breakpoints
    10:12
  • Responsive Tasarım - 2 - İçerik
    11:27
  • Responsive Tasarım - 3 - Navbar
    16:11
  • Değerlendirme & Çalışma Dosyaları
    00:15

Requirements

  • Hiçbir ön bilgi gerekmez, sadece web geliştirmeyi öğrenmek istemeniz yeterli!

Description

Yayınlandığı tarihten beri Udemy'nin en iyi 3 kursu içerisinde en yüksek değerlendirme oranına sahip olduğumuzu bilmenizi isterim. Bu başarının nedeni şüphesiz ki; sürekli güncel kalan bir kurs olmamız ve web geliştirme alanıyla alakalı en önemli ve en gerekli konuları sadece bir kursta yalın ve net bir şekilde öğreniyor olmanızdır.

Kursumuzdaki konu başlıkları sırasıyla; Html, Css, Sass & Scss, Flexbox, Javascript, Angular, Bootstrap, JQuery ve Asp.Net Core Mvc konu başlıklarıdır.

Sürekli geliştirmeye devam ettiğim web geliştirme kursumuz her web geliştiricinin arşivinde mutlaka bulunması gereken bir kurstur.

Web geliştirme alanıyla daha önceden ilgilenip ilgilenmediğiniz bizim için hiç önemli değil. Sadece bir kurs ile bu alanda sıfırdan ileri seviye kadar eğitim alıp istediğiniz dinamik web uygulamasını yapabilen binlerce kişiden biri olabilirsiniz.

Kursumuz sıfırdan ileri seviyeye kadar bir web geliştiricinin bilmesi gereken tüm konuların yer aldığı, piyasadaki en kapsamlı ve en güncel kurs olduğunu bilmenizi isterim.

Peki neden Web Geliştirici Kursuna İhtiyaç Duyalım ;

  • Ciddi iş potansiyeline sahip olan bu alanda kendinizi geliştirip iyi bir kariyer sahibi olabilirsiniz.

  • Freelancer olarak çalışıp kendi müşterilerinize hizmet sunabilirsiniz.

  • Kurumsal bir firmada iyi bir ücret karşılığında çalışabilirsiniz.

  • Hayal ettiğiniz projeleri gerçekleştirme fırsatına sahip olabilirsiniz.

Kurs programı web geliştirici alanıyla uğraşmaya başlamış ancak neyi ne zaman öğrenmesi gerektiğini bilmeyen ya da bu alanla ilgili hiç bir fikri olmayan kişileri göz önüne alarak sıfırdan özenle hazırlanmıştır.

Web geliştirici olmak aslına bakarsak zor değil ancak kaynak sıkıntısı gerçekten çoğu zaman sıkıntı oluyor ve aslında kolay olan bu süreci gerçekten çok zormuş gibi gösteriyor.

Kaynak sıkıntısı; aslında neyi öğrenmemiz gerektiği , öğrenme sürecinde birbirinin eşdeğeri konular ya da yazılım araçlarının neler olduğu , en son çıkan teknolojiler neler gibi konuların bilinmediği üzerinedir. Bu gibi sıkıntılar öğrenme sürecini uzatıp çoğu zamanda bu işten vazgeçilmesine neden olmaktadır.

Bize sınırsız bilgi sunan internet ile kaynağa ulaşma sürecimiz çok çabuk ve kolay olmaktadır ancak bu başta güzel gözükse de binlerce kaynak içinden neyi öğrenmemiz gerektiğini seçmek gerçekten zor oluyor. Dolayısıyla çoğu zaman birbirine eşdeğer çoğu yazılım türleri ya da araçlarıyla boşu boşuna aylarca uğraşıyoruz. Bu gerçekten büyük zaman kaybı.

Komple Uygulamalı Web Geliştirme kursuna katılarak hayal ettiğiniz mesleğe net ve yalın bir anlatım ile zaman kaybetmeden ulaşabilirsiniz.

Web geliştirici olmak için gereken konuları öğrendik ancak sitemizi nasıl yayınlayacağız ? 

  • Satın almanız gereken hosting paketi nasıl olmalı ? 

  • Hangi özelliklere sahip olmalı ? 

  • Dosyalarımı nasıl internet ortamında yayınlarım ? 

Bu gibi soruları eminim çok merak ediyoruz. Dolayısıyla kursumuza kayıt olan her kişi geliştirdiği web sitelerini yayınlamak için gereken Web Hosting paketine 1 yıl boyunca ücretsiz olarak sahip olacaktır. Üstelik sitenizi nasıl yayınlayacağınız adım adım anlatılmaktadır, bu işlem gerçekten çok basit.

Kurs Sonunda ;

  • Her türlü web tasarım sitelerini

  • Her sektöre hitap eden statik ve dinamik tanıtım sitelerini

  • Blog tarzındaki dinamik içerik üreten web sitelerini

  • Sitelerinizin yönetim panelini

  • En temel kuralları içeren bir E-ticaret sitesini

yapabiliyor olacaksınız.

Zaman kaybetmeden Komple Uygulamalı Web Geliştirme kursumuza dahil olup bir web geliştiricinin bilmesi gereken en güncel ve en temel konuları planlı bir şekilde öğrenin...!


*****************************

Web Geliştirme ile İlgili Detaylar

Web Geliştirme Nedir?

Web geliştirme komple bir web sitesinin hem web tasarım (html,css,javascript), hem de web programlama (asp net mvc) konularının kullanılarak geliştirilmesidir. Sadece html css kullanarak statik bir site tasarlayabiliriz ancak işin içine bir web programlama dilini de katarsak dinamik bir web uygulaması geliştirmiş oluruz.

Dinamik bir web uygulaması bir yönetim paneline sahiptir ve yönetim paneli ile site içeriklerini dinamik bir şekilde yönetebiliriz.

Web geliştirme temel olarak 3 alan altında ele alınır; Frontend, Backend ve FullStack.

Frontend, bir web sitesinde amaca uygun içeriklerin görüntülenmesi aşamasıyla ilgilenir. Bu alanda çalışacak kişiler html, css ve javascript konularına hakim kişilerdir.

Frontend geliştirici bir web sitesini html ve css kullanarak sıfırdan tasarlayarak güzel görünümlü web sayfalarını oluşturabilir.

Frontend geliştiriciler, web programlama dili kullanmazlar yani database yapısı ve iş kuralları ile ilgilenmezler ancak hazır veri deposundan (restful service) gelen json ya da xml türündeki verileri kaynaktan talep eder ve web sayfasında görüntülerler. Örneğin, döviz kurlarını javascript ile api servisinden talep eder ve html etiketleri ile sayfada gösterir.

Backend, bir web sitesinin tasarımı ile ilgilenmez. Backend geliştiriciler web uygulamalarının database yapısını oluşturup belirli iş kurallarını ele alarak web uygulamasının düzgün, performanslı ve güvenli bir şekilde çalışmasını sağlar.

Backend geliştiriciler, frontend geliştiriciler için bir veri deposunu hazırlar (restful service) ve frontend geliştirici servisten gelen bilgileri javascript ile elde edip görüntü oluşturmak için gerekli html ve css kodlarını kullanır.

Fullstack, frontend ve backend geliştiricilerin ilgilendiği tüm alanları kapsar.

Fullstack bir web geliştirici, bir web uygulamasının baştan sonra hem tasarım hem de programlamasını tek başına yapan kişidir. Bu kişiler genelde freelancer olarak çalışırlar yani her hangi bir firmaya bağlı kalmadan aldıkları işleri tek başlarına yaparlar.

Komple Uygulamalı Web Geliştirme kursumuz ile fullstack bir web geliştiricinin bilmesi gereken tüm konuları öğrenerek bir web uygulamasını baştan sonra kendiniz geliştirebilirsiniz. Kursu incelemek için tıklayınız.

Peki fullstack web geliştirici olmak için hangi konuları bilmemiz gerekiyor ?

Html Nedir?

İster statik ister dinamik bir web site olsun her web site tasarımında mutlaka html kullanmak zorundayız. Tüm tarayıcılar yazmış olduğumuz html içeriklerini görüntüye çevirirler. Bu yüzden web geliştirme için ilk olarak güzel bir html bilgisine ihtiyacımız vardır.

Html, xml veri yapısında tanımlanmış bazı etiketlerden oluşur.Html bir programlama dili değildir. Bu yüzden yanlış yazılan bir html içeriğini kontrol edecek bir program yoktur. Tarayıcılar gelen html içeriğini olduğu gibi görüntüye çevirirler ancak html kodlarını yazarken mutlaka uymamız gereken bir html standardı vardır. Çünkü web sayfa hazırlamamızdaki en büyük nedenlerden biri arama motorlarının seveceği standartlara uygun bir web tasarım yapısı oluşturmaktır.

Komple Uygulamalı Web Geliştirme kursumuz ile güzel bir html bilgisine sahip olarak, html standartlarına uygun mükemmel web siteleri geliştirebilirsiniz. Kursu incelemek için tıklayınız.

Css Nedir?

Sağlam bir html bilgisine sahip olduktan sonra css nedir, iyi bir şekilde öğrenmemiz gerekir. Çünkü html etiketleri soluk cansız bir şekilde görüntülenir. Html etiketlerini renklendirmek, konumlandırmak, boyutlandırmak gibi işlemleri yapabilmek için mutlaka css nedir, bilmemiz gerekir.

Css nedir, daha iyi açıklarsak; örneğin yazı yazmak için kullandığımız her hangi bir kelime işlemci programını örneğin word programını düşünelim. Yazdığımız yazılar başta yalın ve sadedir. Ancak yazılarımızı daha iyi hale getirmek için kullanabilecek olduğumuz bir sürü stil özellikleri vardır. Örneğin başlığı kalın yapmak ya da renklendirmek için bazı kısa yolları kullanırız. İşte css de tamamen bu şekilde oluşturulan yalın html görüntülerini canlandırır.

Komple Uygulamalı Web Geliştirme kursumuz ile css nedir ve css ile harika web tasarımlarını nasıl yapabiliriz detaylı bir şekilde öğreniyoruz. Kursu incelemek için tıklayınız.

Bootstrap Nedir?

Şimdi ise; bir standarda bağlı daha etkin web tasarımları oluşturabilmek için bootstrap nedir, iyi bir şekilde öğrenmemiz işlerimizi oldukça kolay hale getirir.

Sayfa tasarımı için html öğrendik ve tasarımımıza görüntü kazandırmak için css bilgisini de öğrendik ancak css kodlarını en alt seviyede yazmak çoğu zaman bizi zorlar. Dolayısıyla daha etkin css yazabilmek için bazı firmalar tarafından oluşturulmuş hazır css kütüphaneleri vardır.

En basitiyle bootstrap kütüphanesi içinde oluşturulmuş bazı buton stilleri mevcuttur ve buton stillerini kullanmak için yapmamız gereken sadece buton stiline ait sınıf ismini kullanmamızdır, hepsi bu kadar. Bu sayede web sitemizin tüm sayfalarında aynı css 'e sahip aynı tarzda butonlara sahip olmuş oluruz.

Tabi ki bootstrap nedir, öğrendikten sonra yapabileceğimiz tek konu buton oluşturmak değil. Bootstrap ile bir çok hazır component kullanımına sahip oluyoruz.

Komple Uygulamalı Web Geliştirme kursumuz ile bootstrap nedir ve bootstrap ile harika web tasarımlarını nasıl yapabiliriz detaylı bir şekilde öğreniyoruz.Kursu incelemek için tıklayınız.

Javascript Nedir?

Şimdi ise hem frontend hem de backend alanlarında kullanılan javascript nedir, öğrenelim.

Javascript öğrenerek frontend alanında hazır bir veri deposundan (restful api) bilgi talebinde bulunup gelen json ya da xml verileri ile bir web uygulaması oluşturabiliriz. Örneğin bir film tanıtım sitesi yapmak istediğimizde tüm film bilgilerini kendi veri tabanımıza tek tek kayıt etmemize gerek yok. Tüm film ve dizi arşivini bize restful servisi ile sunan bazı firmalar mevcut. Örneğin; themoviedb gibi.

Dolayısıyla tek yapmamız gereken javascript nedir, güzel bir şekilde öğrenmek ve sonrasında bu gibi uygulamaları javascript ile kolaylıkla yapabilirsiniz.

Peki Javascript 'i sadece frontend tarafında mı kullanıyoruz? Yani sadece hazır bir veri deposumu bulmamız gerekiyor, hayır. Javascript dilini kullanarak backend alanında da uygulama geliştirebiliriz bunun için nodejs öğrenmemiz gerekiyor.

Nodejs platformu dahilinde tamamen javascript kullanarak frontend geliştiriciler için veri depomuzu kendimiz oluşturabiliriz. Hatta nodejs ile baştan sona bir fullstack web geliştiricinin yaptığı tüm işleri yapabiliriz.

Komple Uygulamalı Web Geliştirme kursumuzda javascript nedir, öğreniyoruz. Kursu incelemek için tıklayınız.

Asp Net Nedir?

Bir backend ya da fullstack web geliştiricinin mutlaka en az bir web programlama dilini biliyor olması gerekiyor.

Kullanabilecek olduğumuz web programlama alternatifleri mevcut. Bunlardan bazıları; Asp net, php, nodejs, django.

Hangi web programlama dilini kullanıyorsanız kullanın sonuç değişmez. Bir web programlama dili ile yaptıklarımızı diğeriyle de yapabiliriz. Ancak burada önemli olan öğrenmeye karar verdiğimiz web programlama dilinin ne kadar popüler olduğudur ?

Kursumuzda Asp net anlatıyorum çünkü Asp net mvc gerçekten çok popüler. Karşılaştığınız her hangi bir sorunda çözüme ulaşmak için bir çok kaynağa anında ulaşabilirsiniz. Ya da iş başvurularında sıklıkla bu alanda ihtiyaç olduğunu görürsünüz. Bu yüzden bir backend geliştirici için asp net mvc bilmek oldukça önemlidir.

Komple Uygulamalı Web Geliştirme kursumuzda asp net nedir, öğreniyoruz.

Who this course is for:

  • Kod yazmayı öğrenmek isteyen herkes
  • Web geliştirici olarak kariyerine başlamak isteyenler
  • Web sitesi yaparak alternatif gelir kaynağı oluşturmak isteyenler
  • Yeni iş kuran ve kurumsal web sayfası yapmak isteyenler
  • Kendi işini kurarak freelancer olarak çalışmak isteyenler

Instructor

Sadık Turan
Web Geliştirici & Eğitmen
Sadık Turan
  • 4.6 Instructor Rating
  • 22,818 Reviews
  • 103,992 Students
  • 13 Courses

Merhaba ben Sadık Turan. 

19 yılı aşkın süredir Yazılım ile ilgilenmekte olup 15 yıldan beri Yazılım eğitimi vermekteyim.

İlgi alanım daha çok Web Uygulamaları geliştirmek üzerine olmakla birlikte son zamanlarda ilgilendiğim teknolojiler ; Asp net core mvc, Xamarin, Python, ve Javascript tabanlı geliştirilen uygulamalardır. Dolayısıyla NodeJs, Angular, React ve VueJs bir hayli ilgimi çekmektedir.

Verdiğim eğitimlerdeki kaliteyi hep iyi seviyede tutmak adına daima gerçek senaryolar üzerinden uygulama odaklı yalın ve anlaşılır bir dille anlatım yapmaktayım. Ayrıca en son çıkan araçları kullanmaya özen gösteriyorum.

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