Tasarım düşüncesi ile web tasarımı (HTML/CSS/Visual Studio kodu)

Bu eğitim, Tasarım Odaklı Düşünme ile problem çözme ve yeni fikirler geliştirme yaklaşımını tanıtmaktadır. Ayrıca modern web tasarımı için iş akışını ve kullanıcı dostu web sitelerinin nasıl oluşturulacağını öğreneceksiniz. Yapay zekanın iş yerinde nasıl kullanıldığını öğreneceksiniz.
  • Derece türü: Tasarım Odaklı Düşünme" sertifikası
    Sertifika "HTML, CSS ve Visual Studio Code ile Web Tasarımı"
  • Final Sınavı: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Ders saatleri: Tam zamanlı
    Pazartesi'den Cuma'ya 8:30 - 15:35 (resmi tatil olan haftalarda 8:30 - 17:10)
  • Eğitim dili: Alman
  • Süre: 9 Haftalar

Tasarım Odaklı Düşünme

Tasarım Odaklı Düşünmeye Giriş (yaklaşık 1 gün)

Bir bakışta Tasarım Odaklı Düşünme süreci

Tasarım Odaklı Düşünmenin en önemli kuralları ve aşamaları

Pratik odaklı yaklaşımlar ve uygulamalar


Gerçek bir projede 5 aşama (yaklaşık 3 gün)

Gerçek projede 5 aşama


Araştırma Aşaması

Nitel araştırma üzerine metodolojik girdi

Gerçek bir proje üzerinde uygulamalı alıştırmalar yoluyla gerçekleştirme


Sentez aşaması

Analiz ve sentez üzerine metodik girdi

Gerçek bir proje üzerinde uygulamalı alıştırmalar yoluyla gerçekleştirme


Fikir oluşturma aşaması

Yaratıcı teknikler ve fikir geliştirme konusunda metodik girdi

Gerçek bir proje üzerinde uygulamalı alıştırmalar yoluyla gerçekleştirme


Prototip oluşturma aşaması

Görselleştirme ve prototipleme konusunda metodik girdi (maketler, tıklama mankenleri, 3D baskı ve hızlı prototipleme dahil)

Gerçek bir proje üzerinde uygulamalı alıştırmalar yoluyla gerçekleştirme


Test aşaması

Test yöntemleri ve iterasyon, çevik yaklaşım üzerine metodik girdi

Gerçek bir proje üzerinde pratik alıştırmalar yoluyla uygulama


İş sürecinde yapay zeka (AI)

Belirli yapay zeka teknolojilerinin sunumu

ve profesyonel ortamdaki olası uygulamalar


Proje çalışması (yaklaşık 1 gün)

Öğrenilen içeriği pekiştirmek için

Proje sonuçlarının sunumu

Web tasarımı (HTML/CSS/Visual Studio kodu)

HTML ve CSS (yaklaşık 6 gün)

HTML giriş

Temel çerçeve

Metin oluşturma için etiketler (h1-h6, p, br, span)

Metin biçimi komutları

Grafiklerin entegre edilmesi

Bağlantılar (dahili, harici, telefon, mailto bağlantısı)

Faviconlar

Listeler ve tablolar

Doğru sözdizimi yapısı

W3C doğrulama aracı ile kontrol etme

CSS giriş

CSS özellikleri için entegrasyon seçenekleri (dahili, harici, satır içi stil)

Temel komutlar (metin tasarımı, yazı tipi rengi, arka plan rengi)

HTML kapsayıcıları

Konteynerlerin kullanımı ve şekillendirilmesi

YouTube ve Google Haritalar entegrasyonu

Video ve ses oynatıcı

Nesne uyumu


VS Kodu (yaklaşık 1 gün)

VS Code'a Giriş

VS Code için ek uzantılar. (örn. Canlı Sunucu, Emmet Komutları, Kopilot (AI))

VS Code ile birlikte yapay zeka kullanımı


Yerleşim teknikleri (yaklaşık 4 gün)

Sınıflar, ID'ler, seçiciler

Giriş kutusu modeli

Dolgu, kenar boşluğu, kenarlık, kenarlık yarıçapı ve bunların kısaltmaları

Flex-Box tanıtımı

Esnek kutulu düzenler

Flexbox ile Hizalama

Grid Sistemine Giriş

Izgaralı Düzenler

Izgara Sistemi ile Hizalama

Float ve clear ile görüntülerin etrafında kayan metin

Etiketlerin genel görüntüleme özellikleri

Arka plan resimleri


Durum ve değerler (yaklaşık 1 gün)

Sözde sınıfların tanıtımı (hover, active, focus, nth-child, first-child, last-child)

Sözde öğeler (::before, ::after, content)

Özgüllük (kodların değeri)


Konumlandırma (yaklaşık 2 gün)

Pozisyonlara giriş

Statik, mutlak, sabit, yapışkan, göreli

Sol, sağ, üst, alt, z-indeksi

Açılır menüler

:target

:target gezinme menüleri ve modallerle birlikte


Formlar (yaklaşık 2 gün)

Formlara giriş

Alan kümesi, efsane

Girişler, metin alanları, etiketler, değerler, ad, seçimler

Otomatik Tamamlama

CSS ile form tasarımı

Php-script'in yapay zeka ile entegrasyonu


CSS ile efektler ve yazı tipleri (yaklaşık 1 gün)

CSS geçiş efektleri

Geçiş, filtre, dönüşüm

Renk gradyanları, kutu gölgesi, metin gölgesi

font-face ile yazı tipi entegrasyonu


Duyarlı web tasarımı (yaklaşık 2 gün)

Duyarlı tasarıma giriş

Medya sorguları, kesme noktaları

Manzara, portait modu

Resim ve srcsets ile duyarlı görüntüler

Görüntü düzenleme, görüntülerin sıkıştırılması

Yapay zeka ile görüntü oluşturma


Arama motoru optimizasyonu (yaklaşık 1 gün)

SEO'ya Giriş

Sayfa içi optimizasyon ve yapay zeka tarafından oluşturulan metinlerin kullanımı

SEO'yu iyileştirmek için performans optimizasyonu ve uygun araçların sunumu


CSS teknikleri ve etkileşimi (yaklaşık 2 gün)

CSS değişkenleri

Karanlık mod

CSS ile Hesaplama

CSS animasyonlarına giriş

Süre, gecikme, yön, zamanlama işlevi, yineleme sayısı, doldurma modu

Animasyonlu burger düğmesi


Tek sayfa ve çok dillilik (yaklaşık 2 gün)

Tek sayfalara giriş

Düzgün kaydırma

Fontawesome kütüphanesinin entegrasyonu

SVG grafikleriyle çalışma

Katman entegrasyonu ve CSS özelleştirmesi

Çok dilli web siteleri


Uzantılar ve çerçeveler (yaklaşık 1 gün)

Bootstrap'e Giriş

Bootstrap bileşenlerinin kullanımı

Bootstrap ile duyarlı tasarım


JavaScript (yaklaşık 3 gün)

JavaScript'e Giriş

JavaScript/jQuery yöntemleri

jQuery Lightbox Oluşturma

Değişkenler

If-else ifadeleri

Kaydırma, pencere, yeniden boyutlandırma

diziler

For döngüsü

Matematik nesnesi


Yasal gereklilikler ve proje yönetimi (yaklaşık 2 gün)

İnternet hukuku

AI/KI ile ilgili telif hakları

Erişilebilirlik

Proje yönetimi


Proje çalışması (yaklaşık 10 gün)

Öğrenilen içeriği pekiştirmek için

Proje sonuçlarının sunumu



Değişiklikler mümkündür. Kurs içeriği düzenli olarak güncellenmektedir.

Modern bir web tasarımı için tüm iş akışını biliyorsunuz ve kullanıcı dostu ve sofistike web siteleri üretiyorsunuz.

Kurs ayrıca karmaşık sorunlara yenilikçi çözümler geliştirmek için kullanılabilecek tasarım odaklı düşünme yaklaşımını da öğretmektedir. Tasarım odaklı düşünme yaklaşımı açık bir şekilde yapılandırılmıştır, yinelemelidir ve yeni bakış açıları için bolca alan bırakır. Kurs, yöntemin anlamını, sürecini ve ilkelerini aktarmaktadır.

Web tasarımcıları, web programcıları, grafik tasarımcıları, medya tasarımcıları, sanatsal mesleklerden uzmanlar veya web sitelerinin konseptinden, tasarımından ve pratik olarak gerçekleştirilmesinden sorumlu olan ve gerekli bilgi ve becerileri edinmek isteyen kişiler.

Tüm departmanlardan uzmanlar ve yöneticiler, inovasyon yöneticileri, pazarlama yöneticileri, iş geliştiriciler, ürün yöneticileri ve araştırma ve geliştirme yöneticileri.

Günümüzde neredeyse tüm şirketler, kendilerini bir şirket olarak temsil etmek için çekici bir İnternet varlığına güveniyor. Başlıca potansiyel işverenler grafik tasarım, reklam, web, multimedya veya tam hizmet ajanslarının yanı sıra yazılım ve veritabanı sağlayıcılarıdır. Web tasarım becerileri neredeyse tüm sektörlerde gereklidir. Uygun uzmanlık ile serbest meslek de ilginç bir olasılıktır.

Tasarım odaklı düşünme başlangıçta ürün geliştirme için yenilikçi bir yöntemdi, ancak artık tüm kurumsal kültüre yayıldı ve bu nedenle tüm sektörlerde talep görüyor.

Anlamlı sertifikanız, edindiğiniz nitelikler hakkında ayrıntılı bir fikir verir ve kariyer beklentilerinizi geliştirir.

Didaktik kavram

Eğitmenleriniz hem profesyonel hem de didaktik açıdan son derece kalifiyedir ve size ilk günden son güne kadar ders verecektir (kendi kendine çalışma sistemi yoktur).

Etkili küçük gruplar halinde öğreneceksiniz. Kurslar genellikle 6 ila 25 katılımcıdan oluşmaktadır. Genel dersler, tüm kurs modüllerinde çok sayıda pratik alıştırma ile desteklenmektedir. Uygulama aşaması kursun önemli bir parçasıdır, çünkü bu süre zarfında öğrendiklerinizi işler ve uygulamada güven ve rutin kazanırsınız. Kursun son bölümü bir proje, bir vaka çalışması veya bir final sınavını içerir.

 

Sanal sınıf alfaview®

BildungszentrumDersler, modern alfaview® video teknolojisi kullanılarak kendi evinizin rahatlığında ya da 'deki tesislerimizde gerçekleştirilir. Tüm kursiyerler alfaview® aracılığıyla birbirlerini yüz yüze görebilir, birbirleriyle dudak senkronize ses kalitesinde iletişim kurabilir ve ortak projeler üzerinde çalışabilir. Elbette, bağlı eğitmenlerinizi de istediğiniz zaman canlı olarak görebilir ve onlarla konuşabilirsiniz ve kursun tüm süresi boyunca eğitmenleriniz tarafından gerçek zamanlı olarak eğitileceksiniz. Dersler e-öğrenme değil, video teknolojisi aracılığıyla gerçek canlı yüz yüze öğretimdir.

 

alfatraining Agentur für Arbeit Eğitim kursları, AZAV onay yönetmeliğine uygun olarak sübvanse edilmekte ve sertifikalandırılmaktadır. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinKurs başvurusunda bulunduğunuzda, kurs masraflarının tamamı genellikle finansman kuruluşunuz tarafından karşılanır.
Europäischen Sozialfonds Deutsche Rentenversicherung (ESF), (DRV) veya bölgesel finansman programları aracılığıyla da finansman mümkündür. Berufsförderungsdienst Düzenli bir asker olarak, (BFD) aracılığıyla daha fazla eğitim kursuna katılmak mümkündür. Agentur für Arbeit (Qualifizierungschancengesetz) Şirketler de çalışanlarını (BFD) tarafından sağlanan bir finansman programı aracılığıyla kalifiye hale getirebilirler.

Size ücretsiz tavsiyede bulunmaktan memnuniyet duyarız.

0800 3456-500 Pzt - Cuma günleri sabah 8'den akşam 5'e kadar
tüm Alman şebekelerinden ücretsiz.

Bize ulaşın

Size ücretsiz tavsiyede bulunmaktan memnuniyet duyarız. 0800 3456-500 Pzt - Cuma günleri sabah 8'den akşam 5'e kadar tüm Alman şebekelerinden ücretsiz.