Uygulamalı Modern Web Geliştirme Eğitimi
4.5 (568 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,119 students enrolled

Uygulamalı Modern Web Geliştirme Eğitimi

Sıfırdan Front-End ve Back-End Modern Web Geliştirme : HTML5, CSS3, JS, JQuery, Bootstrap 4, ASP NET MVC, SQL Server
4.5 (568 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,119 students enrolled
Last updated 10/2019
Turkish
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 59 hours on-demand video
  • 3 articles
  • 109 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • En kolay ve eğlenceli şekilde ihtiyaç duyduğunuz derecede bilgi ile web sitesi geliştirmeyi öğrenebileceksiniz.
  • Visual Studio Code ve Visual Studio ile modern web sitesi geliştirebiliyor olacaksınız.
  • Modern bir web sitesi tasarımını mobil cihaz uyumlu (responsive) olarak geliştirebiliyor olacaksınız.
  • Microsoft SQL Server ile veritabanı yapısı oluşturabiliyor ve yönetebiliyor olacaksınız.
  • Modern bir web sitesini uçtan uca geliştirebiliyor olacaksınız.
  • Modern bir e-ticaret sitesini uçtan uca (tasarım, veritabanı ve kodlama ile) geliştirebiliyor olacaksınız.
  • Kariyerinize web geliştiricisi olarak güncel teknolojiler ile başlangıç yapabileceksiniz.
Course content
Expand all 359 lectures 58:54:17
+ HTML
18 lectures 01:43:35
HTML Heading Elementleri
05:56
HTML Paragraph Elementi
03:12
HTML Formatting Elementleri - 1
04:46
HTML Line Break ve Horizontal Rule Elementleri
01:51
HTML Sub ve Sup Elementleri
03:59
HTML Code Tablosu
05:27
HTML List Elementleri
03:51
HTML Formatting Elementleri - 2
03:52
HTML Div ve Span Elementleri
05:18
HTML Table Elementi
09:45
HTML IFrame Elementi
05:21
HTML Link Elementi
12:21
HTML Input Elementleri - 1
16:50
HTML Input Elementler - 2
08:17
+ HTML 5
20 lectures 01:50:59
HTML 5 Embed Elementi
02:23
HTML 5 Yapısal Anlamsal Elementler - 1
05:41
HTML 5 Yapısal Anlamsal Elementler - 2
07:43
HTML 5 Yapısal Anlamsal Elementler - 3
04:22
HTML 5 Yapısal Anlamsal Elementler - 4
02:19
HTML 5 Yapısal Olmayan Anlamsal Elementler - 1
01:21
HTML 5 Yapısal Olmayan Anlamsal Elementler - 2
02:49
HTML 5 Yapısal Olmayan Anlamsal Elementler - 3
09:39
HTML 5 Yeni Veri Giriş Tipleri - 1
01:59
HTML 5 Yeni Veri Giriş Tipleri - 2
06:27
HTML 5 Yeni Veri Giriş Tipleri - 3
06:23
HTML 5 Yeni Veri Giriş Tipleri - 4
05:49
HTML 5 Yeni Veri Giriş Tipleri - 5
03:24
HTML 5 Yeni Veri Giriş Tipleri - 6
07:20
HTML 5 Yeni Veri Giriş Özellikleri - 1
05:44
HTML 5 Yeni Veri Giriş Özellikleri - 2
11:08
HTML 5 Yeni Veri Giriş Özellikleri - 3
12:46
+ CSS - Cascading Style Sheets
23 lectures 03:32:36
CSS Gruplama ve Özellik Kalıtımı
08:01
CSS Renkler (Colors)
10:24
CSS Arkaplanlar (Backgrounds)
11:13
CSS Kenarlıklar (Borders)
08:02
CSS Boşluklar (Margins & Paddings)
03:28
CSS Boyutlama (Sizing)
03:02
CSS Metin Boşlukları (Text Spacing)
09:17
CSS Bağlantı Biçimlendirme (Link Styling)
11:59
CSS Listeler (Lists)
07:40
CSS Tablolar (Tables)
10:18
CSS Görüntüleme (Display)
11:36
CSS Konumlandırma (Positions)
16:26
CSS Taşmalar (Overflows)
05:40
CSS Yaslama (Floating)
05:38
CSS Hizalama (Alignment)
10:14
CSS Kombinasyonlar (Combinators)
11:06
CSS Aksiyon Sınıfları (Pseudo Class)
10:39
CSS Takipçi Elementler (Pseudo Elements)
07:02
CSS Özellik Seçicileri (Attribute Selectors)
19:49
+ CSS 3 - Cascading Style Sheets 3
17 lectures 02:41:59
CSS3 Arkaplanlar (Backgrounds)
05:43
CSS3 Renk Geçişleri (Gradients)
12:07
CSS3 Gölgeler (Shadows)
06:56
CSS3 Metinler (Texts)
04:06
CSS3 Yazı Tipleri (Web Fonts)
15:00
CSS3 Geçişler (Transitions)
10:37
CSS3 2D Biçim Değişimi (2D Transforms)
07:23
CSS3 3D Biçim Değişimi (3D Transforms)
03:51
CSS3 Animasyonlar (Animations)
11:17
CSS3 Dönen Kartlar Örneği (Flip Cards)
08:25
CSS3 Kolonlar (Multi-Columns)
04:15
CSS3 Esnek Kutular (Flexbox)
11:42
CSS3 Ortam Sorguları (Media Queries)
13:21
Adobe Kuler ile Renk Paletleri
15:55
+ JavaScript
26 lectures 05:27:42
JS Koşullar ve Döngüler
17:34
JS Return İfadesi
05:24
JS Diziler - 1
10:24
JS Diziler - 2
13:22
JS Break & Continue İfadeleri
12:22
JS Metin(string) Metotları
20:00
JS Matematik(math) Metotları
07:31
JS Tarih(date) Metotları
09:58
JS Developer Tools Kullanımı
18:03
JS Try-Catch Bloğu ile Hata Yönetimi
17:19
JS Typeof, Null & Undefined
12:24
JS Nesne(Object) & JSON
19:42
JS DOM İşlemleri - 1
16:26
JS DOM İşlemleri - 2
06:24
JS DOM İşlemleri - 3
14:33
JS DOM İşlemleri - 4
07:13
JS DOM İşlemleri - 5
09:26
JS DOM İşlemleri - 6
06:45
JS SetInterval & SetTimeout Kullanımı
14:54
JS Ajax İşlemleri - 1
06:32
JS Ajax İşlemleri - 2
14:48
JS Ajax İşlemleri - 3
12:08
+ JQuery
17 lectures 02:51:57
JQuery Events (Olaylar)
07:37
JQuery Sayfa Yüklendi (OnReady) Olayı
06:20
JQuery Effects (Efektler) - 1
08:28
JQuery Effects (Efektler) - 2
11:47
JQuery Get & Set (Okuma ve Yazma) İşlemleri - 1
07:37
JQuery Get & Set (Okuma ve Yazma) İşlemleri - 2
17:25
JQuery Add & Remove (Element Ekleme ve Silme) İşlemleri
07:22
JQuery Class & CSS İşlemleri
07:50
JQuery Traversing (Element Yakınındaki Elementler ile Çalışma)
12:25
JQuery Ajax İşlemleri - 1 (Load Metodu)
16:50
JQuery Ajax İşlemleri - 2 (Get & Post Metodu)
12:31
JQuery Ajax İşlemleri - 3 (Ajax Metodu)
09:10
+ Bootstrap 4
28 lectures 06:15:29
Bootstrap 4 Layout & Grid - 3
14:15
Bootstrap 4 Components - 1
16:21
Bootstrap 4 Components - 2
12:04
Bootstrap 4 Components Demo - 1
14:31
Bootstrap 4 Components Demo - 2
13:31
Bootstrap 4 Tables
10:55
Bootstrap 4 Typography
12:49
Bootstrap 4 Popover - 1
14:57
Bootstrap 4 Popover - 2
15:25
Bootstrap 4 ScrollSpy
14:53
Bootstrap 4 Tooltip
08:22
Bootstrap 4 Modal
17:15
Bootstrap 4 Örnek Tasarımlar Hazırlık
02:49
Bootstrap 4 Örnek - Todo App - 1
16:58
Bootstrap 4 Tasarım - Todo App - 2
16:39
Bootstrap 4 Tasarım - Todo App - 3
09:45
Bootstrap 4 Tasarım - Todo App - 4
15:03
Bootstrap 4 Tasarım - Product List App - 1
19:09
Bootstrap 4 Tasarım - Product List App - 2
12:08
Bootstrap 4 Tasarım - Login Page App - 1
16:43
Bootstrap 4 Tasarım - Login Page App - 2
13:57
Bootstrap 4 Tasarım - Login Page App - 3
15:35
Bootstrap 4 Tasarım - Login Page App - 4
15:42
Bootstrap 3 Hakkında
07:57
Requirements
  • Başlangıç seviyesinde bilgisayar kullanabiliyor olmalısınız.
  • Gerekli programları bilgisayarınıza kurabiliyor olmalısınız.
  • Eğlenceli bir şekilde web sitesi geliştirmeyi öğrenmek istemelisiniz.
  • Visual Studio Code programını indirip kurabiliyor olmalısınız. (Ücretsiz)
  • Microsoft SQL Server Express programını indirip kurabiliyor olmalısınız. (Ücretsiz)
  • Visual Studio Community programını indirip kurabiliyor olmalısınız. (Ücretsiz)
Description

Bu eğitimde sıfırdan başlayarak uygulamalı olarak, özenle ve sizi hedefinize en kısa sürede hazırlayacak şekilde konuları oluşturulmuş bir web geliştiricisi olabilirsiniz.


Eğitimde, güncel yazılım geliştirme araçları kullanılarak hazırlanmıştır. Microsoft'un cross-platform(windows, linux, mac) geliştirme aracı olan Visual Studio Code ve Visual Studio kullanılmıştır. 

Visual Studio Code ile temel web programlama bilgisi olmayan ve web geliştiricisi olmak isteyen ya da eksiklerini kapatarak kendini daha ileri seviyeye taşımak isteyenlere yönelik olarak eğitim hazırlanmıştır. 

Visual Studio Code ile en hızlı şekilde her bilgisayar da yazılım geliştirmenin keyfini çıkararak, Visual Studio Code 'u kullanmayı ve web projesi geliştirmeyi öğrenebilirsiniz. 

Visual Studio Code ile Front-End tarafında gereken geliştirmeleri tamamladıktan sonra Back-End tarafında Visual Studio ve MS SQL Server ve C# yazılım dilini öğrenerek, web geliştiricisi olma yolunda daha üst bir seviyeye ulaşabilirsiniz.


Eğitim de bilgi seviyenize göre herhangi bir aşamasından devam edebilirsiniz.

  • Front-End gelişitiricisi olarak adlandırılan, web projelerinin arayüz dediğimiz sayfa tasarımları konusunda kendinizi geliştirmek için HTML-HTML5, CSS-CSS3, JS-JQuery, Bootstrap 4 kısımlarına,

  • Back -End geliştiricisi olarak adlandırılan; web projelerinin sunucu tarafında çalışan veritabanı işlemleri ve iş süreçlerini işleten C#, T-SQL ve ASP NET MVC kısımlarına,

  • Full-Stack olarak adlandırılan, hem Front-End hem Back-End geliştiricisi olarak kendinizi geliştirmek istiyorsanız eğitimdeki tüm bölümlere ağırlık vererek doğrudan ilgili konudan eğitimi işletebilirsiniz. 

Sırası ile izlemenizi öneririm.

Eğitim üç farklı IDE(Geliştirme aracını) içermektedir. Front-End tarafında Visual Studio Code ile tüm konular işlenmiş, Back-End tarafında Visual Studio ve veritabanı yönetimi tarafında Microsoft SQL Server Management Studio'nun güncel versiyonları kullanılmıştır.

Eğitim boyunca amaç ve uygulama olarak, çeşitli tasarım örnekleri ile beraber bir E-Ticaret site tasarımı mobil cihaz uyumlu(responsive) olarak Bootstrap 4 ile tasarlanmış ve Back-End kısmında bu tasarım kullanılarak ve veritabanı yapısı SQL üzerinde oluşturularak, gerekli C# kodlaması yapılarak uygulama örneği oluşturulmuştur.

Projenizin ve veri tabanınızın yayınlanması noktasına kadar anlatılarak, kendi kurumsal sitenizi, blog sitenizi, e-ticaret sitenizi ya da farklı bir alanda faaliyet gösteren projenizi geliştirerek hayata geçirebilirsiniz.. 


Eğitim de, 

Aklınıza takılan konularda soru sormak isterseniz öncelikle Soru-Cevap bölümünden araştırarak "daha önce sorulmuş mu" diye bakmanızı öneririm. Aradığınız cevap yoksa sorularınızı "ne yapmak istediğinizi", "nasıl yapmaya çalıştığınızı", aldığınız hatayı ya da kodları görsel ile veya yazarak faydalı olabilmem için detaylı olarak anlatınız.


Herkese faydalı olması dileklerimizle..

Kadir Murat Başeren & Fatih Gürdal


Who this course is for:
  • Kod yazmayı öğrenmek isteyen herkes
  • Kod yazma mantığı ve algoritma mantığını öğrenmek isteyen herkes
  • Web programlama bilgisi hiç olmayan ya da eksiklerini gidermek isteyen herkes
  • .NET Framework ile C# kodlama bilgisi hiç olmayan ya da eksiklerini gidermek isteyen herkes
  • Veritabanı ve veritabanı kodlama bilgisi hiç olmayan ya da eksiklerini gidermek isteyen herkes