Adobe XD to HTML Eğitim Seti

Adobe XD ile yaptığımız tasarımın Bootstrap 5 ile CSS/HTML dökümünü alıp, Javascript ile etkileşimli hale getirelim

Ratings 4.94 / 5.00

What You Will Learn!

Adobe XD ile yapılan bir tasarımı responsive olarak Bootstrap 5 ile HTML ' e dökebileceksiniz
One page web sitesi yapma mantığını öğreneceksiniz
HTML içinde dahili ve harici Javascriptler ile nasıl çalışılacağını kavrayacaksınız
Yapılan siteyi server üzerinde yayınlamayı öğreneceksiniz

Description

Merhaba arkadaşlar.
Adobe XD to HTML eğitimine hoş geldiniz.

Bu eğitimin amacı temel seviyede tasarım ve HTML becerisine sahip olan kişilerin bu tasarımlarını koda dökerken nasıl bir yol izleyecekleri hakkında bilgi sahibi olmalarını sağlamaktır. Tasarım kısmındaki layoutları oluşturduktan sonra bunları hangi yapıya göre kod tarafında oluşturmanın doğru olacağı kararını vermek çok önemli bir aşamadır. Biz bu işlemleri yaparken günümüzde en çok kullanılan CSS framework olan Bootstrap'in 5. versiyonunu kullanacağız. Tasarımın HTML e dökülmesinde önemli bir yer tutan iç içe etiket kullanımında hiyerarşiye dikkat ederek işlemleri tamamlayacağız.
Bu kurs içerisinde yapacaklarımız özetle :

- Adobe XD ile kurumsal bir web sitesini one page olarak tipografi ve design system mantığına uygun olarak tasarlayacağız.
-Tasarım aşaması sonrasında Adobe XD üzerinde bu tasarımın prototipini oluşturacağız.
- Tasarlamış olduğumuz bu çalışmayı Bootstrap 5 yardımıyla HTML ve CSS e dökeceğiz.
- Animasyon ve efektif kısımların oluşturulmasında Jquery eklentilerini kullanarak ve custom kodlarımızı yazarak çalışmamıza renk katacağız.
- Çalışmamızı tamamladıktan sonra FTP aracılığıyla server üzerinde yayınlayarak ortaya bir web sitesi çıkartmış olacağız.

Not : Bu kurs sıfırdan Adobe XD, sıfırdan HTML, sıfırdan Bootstrap/CSS veya sıfırdan Jquery kursu değildir. Basit düzeyde Adobe XD, HTML ve CSS bilgisi gerektirir.

Kurs boyunca en ince detaya kadar inilerek anlatım tarafımdan gerçekleştirilecektir.
Kurs esnasında ve sonrasında soru cevap ve mesajlar kısmından size her türlü desteği vereceğim.
Giriş videosunu ve örnek videolarımı izleyerek anlatım, ses ve içerik hakkında bilgi sahibi olabilirsiniz.