Web Uygulama Geliştirme (Temel) Eğitimi

Eğitim Hakkında

Sıfırdan web uygulaması geliştirme

Eğitim, web uygulamasını uçtan uca geliştirmeyi temel düzeyde öğretir: HTML5 ve CSS ile arayüz, Flexbox ve responsive tasarım, JavaScript ve DOM, fetch ile API çağrısı, Node.js ve Express ile sunucu, yönlendirme ve middleware, SQLite/PostgreSQL ile CRUD, form doğrulama, parola özetleme ve oturum, temel güvenlik önlemleri, Git ve bulutta yayınlama. Final projesi küçük bir görev yönetim uygulamasıdır.

Süre ve Format

2 Gün. Her gün dört modül; Arayüz: HTML, CSS ve JavaScript; Sunucu, Veri ve Yayın ekseninde ilerleyen uygulamalı program.

Seviye

Temel Seviye — Temel web uygulaması: HTML, CSS, JavaScript, sunucu tarafı, veritabanı ve yayın

Öğrenme Metodu

Kavram-kod-deneme döngüsüyle ilerlenir; her gün sonunda çalışan bir uygulama parçası tamamlanır.

Neden Bu Eğitim?

🧱Sıfırdan başlama

Önkoşulsuz başlayıp çalışan bir tam yığın uygulamaya ulaşırsınız.

🔄Uçtan uca görüş

İstemci, sunucu ve veritabanının birlikte çalışmasını görürsünüz.

📤Yayınlama

Uygulamanızı internete açıp paylaşırsınız.

Anahtar Konular

web uygulama geliştirmeweb geliştirme temelHTML CSS JavaScriptNode.js Expressweb geliştirmeye başlangıçCRUD uygulamasıfullstack temelweb programlama eğitimiSQL veritabanıweb yayınlama

“İlk çalışan web uygulaması, sonraki bin uygulamanın cesaretidir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Bilgisayar kullanımı

Temel bilgisayar becerisi; kodlama bilgisi gerekmez.

2

Kurulum

VS Code ve Node.js LTS.

3

Tarayıcı

Chrome veya Firefox geliştirici araçları.

4

Hesap

GitHub hesabı.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı duyarlı bir arayüz hazırlar, JavaScript ile etkileşim ekler ve API'den veri çeker.

Modül 1

HTML5

Doküman iskeleti ve semantik etiketler
Form, input türleri ve etiketler
Liste, tablo, görsel
Erişilebilirlik
Meta ve başlık
HTML doğrulama

Modül 2

CSS

Seçiciler ve kalıtım
Kutu modeli, display, position
Flexbox ve Grid
Medya sorguları
CSS değişkenleri
Bootstrap'e kısa bakış

Modül 3

JavaScript

Değişken, fonksiyon, nesne, dizi
Döngü, koşul, array metotları (map, filter)
DOM seçimi ve güncelleme
Olay dinleyicileri
localStorage
Hata ayıklama

Modül 4

API Tüketimi

JSON ve fetch
Promise ve async/await
Hata durumları ve yükleme göstergesi
Açık API ile hava durumu örneği
CORS
Postman kullanımı

Günün hedefiKatılımcı Express ile API geliştirir, veritabanına bağlar, kimlik doğrulama ekler ve uygulamayı yayına alır.

Modül 1

Node.js ve Express

npm ve package.json
Express uygulaması ve rota
Middleware ve express.json
Statik dosya ve şablon
Hata yönetimi
Ortam değişkenleri

Modül 2

Veritabanı

İlişkisel model ve tablo tasarımı
SELECT, INSERT, UPDATE, DELETE
SQLite / PostgreSQL bağlantısı
Parametreli sorgu
İlişki ve JOIN
CRUD API

Modül 3

Kimlik ve Güvenlik

Kayıt ve giriş akışı
bcrypt ile parola özetleme
Oturum çerezi (express-session)
XSS, CSRF, SQL injection temelleri
Girdi doğrulama
HTTPS

Modül 4

Final Projesi ve Yayın

Görev yönetimi uygulaması gereksinimleri
API ve arayüz entegrasyonu
Git/GitHub kullanımı
Render/Railway ile yayınlama
Kapanış sunumu
Sonraki öğrenme yolu

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Arayüz geliştirme

Duyarlı sayfaları HTML ve CSS ile hazırlayabilirsiniz.

✅

JavaScript

DOM ve olaylarla etkileşim yazabilirsiniz.

✅

API tüketimi

fetch ile API'den veri alıp gösterebilirsiniz.

✅

Express

Node.js ile rota ve middleware yazabilirsiniz.

✅

CRUD

Veritabanı ile kayıt ekleyip listeleyebilirsiniz.

✅

Kimlik doğrulama

Kayıt, giriş ve oturum akışı kurabilirsiniz.

✅

Güvenlik

Temel güvenlik risklerini tanıyıp önlem alabilirsiniz.

✅

Yayınlama

Uygulamayı bulutta yayına alabilirsiniz.

Kimler İçin Uygundur?

Web geliştirmeye yeni başlayanlar
kariyer değiştirenler
öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web geliştirmeye sıfırdan başlayan öğrenciler, kariyer değiştirenler ve meraklılar için uygundur.

Kodlama bilmem gerekir mi?

Hayır, sıfırdan başlanır.

Hangi teknolojiler?

HTML5, CSS, JavaScript, Node.js, Express ve SQLite/PostgreSQL.

Proje yapılacak mı?

Evet, son gün tamamlanan bir görev yönetim uygulaması geliştirilir.

Sertifika verilir mi?

Katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

WEB UYGULAMA GELİŞTİRME (TEMEL SEVİYE) EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

HTML5

CSS

JavaScript

API Tüketimi

Node.js ve Express

Veritabanı

Kimlik ve Güvenlik

Final Projesi ve Yayın

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Spec-Driven Development with Kiro (SDDKR) Eğitimi

Spec-Driven Development with Kiro Eğitimi

Spinnaker and Deployment Fundamentals Eğitimi

Stakeholder Needs & Framework Integration Eğitimi

Sterling Order Management System: Extending the Application Eğitimi