İLETİŞİM:0216 418 67 43

E-MAIL:bilgi@milimetrik.com

Online Web Tasarım Kursu


Dijital dünyada görsel iletişimin en geçerli araçlarını içerisinde barındıran Profesyonel Web Tasarım Uzmanlığı eğitimini tamamladığınızda, sektörün en prestijli dijital ajanslarında ve teknoloji şirketlerinde aranan bir tasarımcı haline geleceksiniz.
Eğitim Süresi
Seviye
Belge
Sınıf

Kurs Tanımı

Front End Yazılım Uzmanlığı Eğitimi

Web Tasarım Eğitimimizde; Figma ve Adobe XD ile modern kullanıcı arayüzü (UI/UX) tasarlamayı, HTML5 ve CSS3 standartlarıyla bu tasarımları hayata geçirmeyi, JavaScript ve Bootstrap ile dinamik, esnek (responsive) yapılar kurmayı öğreneceksiniz. Kurs süresince tamamen modern trendlere uygun kurumsal web siteleri, E-Ticaret arayüzleri ve açılış sayfaları (Landing Page) projeleri geliştireceksiniz. Kurum olarak en önemli amacımız; sizleri estetik vizyonu yüksek, modern web trendlerine hakim ve dijital dünyada aranan birer Web Tasarım Uzmanı haline getirmektir.

Neden Bu Eğitimi Almalısınız?

En iyi yatırım kendine yatırımdır.

Uluslararası sertifika

Yaklaşık 20 yıllık tecrübe.

Kariyerinizin ve geleceğinizin danışmanlığını yapalım.

Büyük şirketlere girmen veya terfi alman çok kolaylaşacak.

Eğitime ayırdığınız bütçenin çok daha fazlasını geri kazanacaksınız.

ALACAĞINIZ SERTİFİKALAR

Kurum Başarı Sertifikası

Kurum Başarı Sertifikası

Uluslararası Akredite Sertifikasyon

Uluslararası Akredite Sertifikasyon

Web Dünyasına Giriş ve HTML5 Temelleri (4 konu)
Web Dünyasına Giriş ve HTML5 Temelleri
  • İnternet, Sunucu ve Tarayıcı çalışma mantığı
  • Geliştirme ortamının (VS Code) kurulumu ve eklentiler
  • HTML sayfa iskeleti ve semantik yapı
  • Temel etiketler (Başlıklar, paragraflar, görseller, listeler ve linkler)
CSS3 ve Görsel Şekillendirme (5 konu)
CSS3 ve Görsel Şekillendirme
  • CSS nedir ve HTML'e entegrasyon yöntemleri
  • Renk kodları, yazı tipleri ve metin biçimlendirme
  • Kutu Modeli (Box Model): Margin, Padding ve Border mantığı
  • Figma tasarımından renk ve ölçü okuma (Inspect)
  • Landing page tasarlamak
Sayfa Yerleşimi ve Hizalama (Flexbox) (4 konu)
vısual studıo code
  • Blok ve İnline element farkları (Display özellikleri)
  • Flexbox yapısı ile elementleri hizalama
  • Görselleri boyutlandırma ve sığdırma teknikleri
  • Basit navigasyon menüsü (Navbar) uygulaması
Modern CSS Kütüphanesi: Tailwind CSS (4 konu)
Modern CSS Kütüphanesi: Tailwind CSS
  • Framework nedir, neden kullanılır?
  • Tailwind CSS kurulumu (CDN yöntemi)
  • Utility-first yaklaşımı ile hızlı stil verme
  • Renk paleti, boşluklandırma ve tipografi sınıfları
Responsive (Mobil Uyumlu) Tasarım (4 konu)
Responsive (Mobil Uyumlu) Tasarım
  • Mobil öncelikli (Mobile First) düşünme yapısı
  • Media Queries (@media) kullanımı
  • Piksel, yüzdelik ve viewport birimleri (px, %, vh, vw)
  • Örnek Uygulama: Tek sayfalık kişisel tanıtım sitesi
İleri Stil Teknikleri ve Framework Kıyaslaması (4 konu)
geliştirme-webflow
  • Tailwind ile responsive (mobil/tablet/masaüstü) kodlama
  • Hover ve Focus gibi etkileşim durumları
  • Sektördeki diğer araçlar: Bootstrap grid sistemine genel bakış
  • Modern bir "Hero Section" (Site giriş bölümü) tasarımı
Algoritmik Düşünme ve JavaScript Temelleri (4 konu)
Algoritmik Düşünme ve JavaScript Temelleri
  • JavaScript'in web sitelerindeki rolü
  • Değişkenler (let, const) ve Veri Tipleri
  • Temel fonksiyon kullanımı
  • Console ekranı ile kod denemeleri
Web Sitesini Canlandırma (DOM Manipülasyonu) (4 konu)
Web Sitesini Canlandırma (DOM Manipülasyonu)
  • HTML elementlerine JavaScript ile erişim
  • Tıklama olayları (Click Events) ve etkileşimler
  • Class ekleyip çıkararak dinamik stil değişimi (Örn: Menü aç/kapa)
  • Basit interaktif bileşenler oluşturma
Modern Frontend Mimarisi (React & Next.js) (4 konu)
Modern Frontend Mimarisi (React & Next.js)
  • SPA (Tek Sayfa Uygulama) mantığı nedir?
  • Component (Bileşen) tabanlı düşünme yapısı
  • React ve Next.js teknolojilerinin sektördeki yeri ve önemi
  • Basit bir React bileşeninin yapısını inceleme
Kodsuz Çözümler (No-Code Araçları) (4 konu)
Kodsuz Çözümler (No-Code Araçları)
  • Squarespace ve Wix gibi site oluşturucuların tanıtım
  • Sürükle-bırak mantığı ile web sitesi hazırlama
  • Hangi projede kod, hangi projede hazır sistem kullanılmalı?
  • CMS (İçerik Yönetim Sistemi) mantığı
Tasarım Okuma ve Kaynak Yönetimi (4 konu)
Tasarım Okuma ve Kaynak Yönetimi
  • Ücretsiz ikon, görsel ve font kaynaklarının kullanımı
  • Figma topluluk dosyalarından tasarımı inceleyip koda dökme pratiği
  • Başkalarının projeleri, rakip analizi yapmak
  • Hata ayıklama ve kod inceleme teknikleri
Proje Yayına Alma ve Final (4 konu)
Proje Yayına Alma ve Final
  • Github nedir? Temel dosya yükleme mantığı
  • Web sitesini canlıya alma (Netlify veya Vercel kullanımı)
  • Dönem sonu projesinin tamamlanması
  • Portfolyo hazırlığı ve sektörel tavsiyeler

Milimetrik Akademi olarak 2000’li yıllardan bu yana elde ettiğimiz tecrübelerimiz ile hazırladığımız içeriğimiz sayesinde yazılım, e-ticaret ve dijital ajans sektörlerinde aranan nitelikli web tasarım ve arayüz geliştirme uzmanları olarak çalışma fırsatı yakalayacak ve yüksek gelirler elde edeceksiniz.

Kursta Yapılacak Projeler

İlginizi Çekebilir

Sınırlı Kontenjan

Online Eğitim Fırsatı

Tüm teknik eğitimlerde geçerli kayıt avantajını kaçırmamak için kalan süreniz:

05 Dakika
:
00 Saniye
Özel kayıt süresi sona ermiştir.