.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
%201.jpg)
%201.png)
explore. build. grow.
Birlikte Öğrenelim: 2025 Ürün Yönetimi Raporu Anketimize Katkıda Bulun
Online Eğitim
17 Temmuz - 7 Ağustos 2024
Arayüz Tasarımcıları İçin HTML Ve CSS Atölyesi
Bu eğitim, Flexbox, CSS Grid, Medya Sorguları ve Konteyner Sorguları gibi modern CSS mizanpaj araçlarıyla duyarlı tasarım temelinde, Figma ve kod arasındaki bağı değerlendirerek tasarımcı ve yazılımcı arasındaki işbirliğini optimize etmeyi amaçlar.
Orta Seviye
10
Ders Saati
4
Ders
Figma
4990
TL
Sertifika
İş Birliğiyle
eğitimenler
Eğitmenlerimiz
Ramazan Güler
Digital Product Designer
- Uygulamalı Figma Eğitimi: Figma 101
- İleri Seviye Figma Eğitimi: Figma 201
- UX Okulu
EĞİTİM NELERİ İÇERİYOR
Eğitimde Neler Var?
01
Eğitim Hakkında
Nedir?
Günümüzde çoğu tasarımcı, tüm ekran boyutlarını kapsayacak şekilde sabit kesme noktalarına sahip sütun tabanlı bir düzen yaklaşımı olan duyarlı tasarıma aşinadır. Fakat modern CSS mizanpajlarıyla, esnek ve dinamik, farklı ekran boyutlarına sorunsuz bir şekilde uyum sağlayan tasarımlar üreterek bu katı yapının ötesine geçebiliriz. Bu eğitimde Flexbox, CSS Grid, Medya Sorguları ve Konteyner Sorguları gibi tüm CSS mizanpaj araçlarını, kullanıcı arayüz tasarımcısı dostu bir şekilde inceleyeceğiz. Figma ve code arasındaki bağlantıları değerlendirip tasarımcı ve yazılımcı arasındaki köprüyü sorunsuz bir şekilde kuracağız. Olası sorunların önüne geçmek için Hand-off kısmının başarısı önemli kriterlerin başında gelmektedir. Bu eğitim tamamen uygulamalı olarak gerçekleşen ve responsive tasarım temellerini benimseyen bir eğitimdir. Eğitimi tamamladığınızda tasarımcı ve yazılımcı arasındaki dili en iyi şekilde kavramış olacak ve süreçlerinizi başarılı bir şekilde yönetiyor olacaksınız.
02
Eğitim Hakkında
Kimler Katılabilir?
- UI/UX Designerlar
- Frontend ve Backend Geliştiriciler
- Grafik Tasarımcılar
- Tasarım Öğrencileri
- Web Geliştiriciler
- Arayüz tasarımı projelerini yönetenler
- Halihazırda bu alanda çalışmakta olan stajyerler, junior tasarımcılar
- Ürün yöneticileri
- Multidisipliner bir ekipte görev alan profesyoneller
03
Temeller
Ne Öğreneceksiniz?
- CSS ve HTML’in temel yapısını öğreneceğiz.
- Tasarım ve Code arasındaki bağlantıyı doğru bir şekilde kuracağız.
- CSS Flexbox Yapısı ve Auto Layout İlişkisini kavrayacağız.
- Figma değişkenlerini CSS içerisinde kullanacağız.
- Responsive tasarım ilkelerine hakim olacağız.
- Yaptığımız tasarımı HTML ve CSS e aktaracağız.
04
Temeller
Ön Koşullar
- Başlangıç / Orta Seviye Figma Bilgisine Sahip Olmak
- Başlangıç Seviye HTML Bilgisine Sahip Olmak
05
Temeller
Eğitim Programı
1. Ders
HTML ve CSS'e Giriş
Bu eğitim kimler için?
Eğitimdeki amaç nedir?
HTML ve CSS’i tanıyalım
UI Tasarımcılar için HTML ve CSS’in Önemi
UI(Arayüz) Elementlerini Tanıyalım
Duyarlı (Responsive) Tasarım Nedir?
Adaptif Tasarım Nedir?
Visual Studio Code ve Eklentilerin Kurulumu
Gün: 17 Temmuz Çarşamba
Saat: 20.00 - 22.30
2. Ders
Figma ile HTML ve CSS Workshop I
Figma’da Responsive Layout Grid Kullanımı
Negative Space’in Önemi ve Margin-Padding Kullanımı
Variable ve Token kullanarak spacing(boşluk) Sistemi Oluşturma
Variable ve Token kullanarak Renk Sistemi Oluşturma
Figmada oluşturulan değişkenlerin ve token’ların CSS’de tanımlanması
Responsive Text Kullanımı
Gün: 24 Temmuz Çarşamba
Saat: 20.00 - 22.30
3. Ders
Figma ile HTML ve CSS Workshop II
Figma’da Derinlemesine Auto Layout Kullanımı
Figma’da Değişkenler Yardımıyla Responsive Tasarım Oluşturma
CSS Flexbox Yapısı ve Auto Layout İlişkisi
CSS Grid Yapısı
Break Points ve CSS Medya Sorguları
Container Query nedir ve hangi amaçla kullanılır?
Gün: 31 Temmuz Çarşamba
Saat: 20.00 - 22.30
4. Ders
Genel Değerlendirme ve Analizler
Figma Developer Mode ile CSS ve HTML kodlarını inceleme
Final Proje : Figma’da bir tasarımın hazırlanması ve Responsive olarak HTML
ve CSS’e aktarılması
Gün: 7 Ağustos Çarşamba
Saat: 20.00 - 22.30
Ücretlendirme
Program Ücreti
EĞİTİM ÜCRETİ
Arayüz Tasarımcıları İçin HTML Ve CSS Atölyesi
KDV Dahildir
Anlaşmalı Olduğunuz Bankaya Göre Seçilen Taksit Sayısı ve Vade Farkı Değişmektedir.
Katılım veya Başarı Sertifikası verilmektedir
5990
TL
4990
TL
Erken Kayıt İçin Son Tarih 10 Temmuz!
Kayıt Ol
Öğrenci yorumlar
Mezunlar Ne Diyor?
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
No items found.
eğitimler
En Yakın Eğitimlerimizi Keşfedin
Video Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
S.S.S.
Sıkça Sorulan Sorular
Bireysel/Kurumsal toplu alımlarda indirim yapıyor musunuz?
Evet indirimlerimiz mevcuttur, detaylı bilgi için sertan@brick.institute'a mail atabilirsiniz.
Eğitimlerde öğretilen programlar nelerdir?
Genellikle web uzantıları olan “Miro” ve “Figma” programlarını kullanıyoruz. Bu tercihimizin sebebi herkesin bu uygulamalara kolayca erişebilmesidir.
Her eğitimde proje yapılıyor mu? Proje değerlendirmeleri nasıl gerçekleştiriliyor?
Evet, her eğitimde proje veriliyor. Başarı belgesi almak için proje yapmak zorunlu iken, katılım belgesi için zorunlu değildir. Eğitim bittikten sonra o dersin tüm eğitmenleri proje sunumlarına katılıyor. Belirli bir süre zarfında sizin sunumunuza eğitmenler yorum yapıyor.
Farklı bir sektörden geliyorum ve UI/UX alanında ilerlemek istiyorum. Bu konuyla ilgili bir geçmişim olmasa da eğitimlerinizden faydalanabilir miyim?
Evet faydalanabilirsiniz. Farklı alanlardan gelip, bizim eğitimlerimizle UI/UX alanlarına adım atan çok sayıda başarılı katılımcımız bulunmakta.
Eğitimlerinize katılan kişiler için iş/staj ayarlama konusunda destek veriyor musunuz?
Katılımcılarımıza iş ya da staj imkanı sağlamak gibi bir olanağımız bulunmamakta. Ancak çatımız altında veya işbirliği yaptığımız firmalarda bu alanlarda açıklık olması durumunda katılımcılarımıza yönlendirme yapabilmekteyiz.
Eğitimlerinizin gün ve saatleri çalışan kişiler için uygun mudur?
Bireysel eğitimlerimiz genellikle hafta içi akşamları ve seyrek olarak da hafta sonu gün içerisinde yapıldığından, çalışan kişiler için de uygun olacak şekilde dizayn edilmiştir.
Engelliler için burslu kontenjanınız var mı?
Engelli kontenjanımız var, istediğiniz eğitimlerde geçerlidir. Engelli raporunuz ve seçtiğiniz eğitimi belirterek sertan@brick.institute adresine mail atmanızı rica ediyoruz.
Eğitim kayıtlarını paylaşabiliyor musunuz?
Kayıtları her eğitimden sonra 7 gün içinde izleyebileceğiniz şekilde paylaşabiliyoruz.
Eğitim seçimi konusunda destek oluyor musunuz?
Hangi eğitimi alacağınızdan emin değilseniz sertan@brick.institute adresine sorularınızı iletebilirsiniz.
İş deneyimi nedir? Süreç nasıl ilerleyecek?
İş Deneyimi: Program sonucunda başarılı bulunan katılımcılarımız, 2 ay boyunca Userspots ekiplerinden birinde projelere dahil olarak iş deneyimi edinme hakkı kazanmış olacak.
Katılım/Başarı belgesi ne şartlarda veriliyor? Ne zaman gönderiliyor.
Eğitimin sonunda eğer herhangi bir proje sunmazsanız ve derslere %80 katılım gösterirseniz katılım belgesi veriliyor. Projenizi sunup eğitmenlerimizden 70 puan aldığınızda katılım ve başarı belgesine sahip oluyorsunuz. 70 puan altında kaldığınızda bir sonra ki dönem projenizi tekrar sunma şansınız oluyor ve o zaman başarı belgesini alabiliyorsunuz.Belgelerinizi eğitim bittikten sonra 20 iş gününde online olarak mailinize gönderimini sağlıyoruz.
©2024 BrickInstitute-Userspots - Her hakkı saklıdır.