Web Tasarım Kursu
Tam Öğrenme Modeli ile Web Tasarım Kursu Front-End Kursu Ankara'da İlk ve Tek %100 Proje Uygulamalı Eğitim. En Kapsamlı Front-End Eğitimi. Web Tasarım Eğitimleri ile Meslek Edinin. Web Tasarım Kursu ile HTML, CSS3, Javascript, React, Angular, Node.js konularını detaylı Öğrenin. Web Tasarım Dersine Kayıt Ol Kendi Sitelerinizi Yapın. Google SEO ile Üst Sıraya Çıksın.
Uygulamalı Eğitim
(102 yorum)
130 Saat + Etüt
Ders Video Kaydı
15 Yıl Deneyimli Eğitmenler
MEB Onaylı Programcılık Sertifikası
Ücretsiz Hosting
Ücretsiz Eğitim Tekrarı Garantisi
Eğitim Garantisi
Ders Video Kaydı
Yetkili Eğitmen
MEB Sertifika
Tam Öğrenme Modeli
Bilgi İstek Formu
Eğitim Hakkında
Müfredat
Eğitim Takvimi
Öğrenci Görüşleri
Öğrenci Çalışmaları
SSS
Bilgi İstek Formu
Web Tasarım Kursu FrontEnd (ön yüz) yazılımcı yetiştirmek üzere planlanmıştır. Ancak her ön yüz geliştiricisinin mutlaka backend (arka yüz) yani sunucu tarafını da temel seviyede bilmek durumundadır. Bu bakımdan eğitimin ilk kısmı HTML5, CSS3, JavaScript, React, Angular ve Node.js teknolojilerinden oluşmaktadır. Kursiyer bu teknolojileri kullanarak hayal ettiği web sitesinin ön yüz tasarımını responsive (duyarlı) tekniklerini dikkate alarak tasarlar. ikinci bölümde ise Node.js ile bu web sitesinin veritabanını oluşturup yönetim panelini kodlayabilir. Son kısımda ise yapılan sitenin yayınlanması ile birlikte arama motoru SEO optimizasyonlarını adım adım uygular. Böylece eğitim sonunda kursiyer bir web sitesinin görsel tasarımı, veri tabanı tasarımı/kodlanması ve arama motoru optimizasyonu gibi tüm bileşenler hakkında ayrıntılı bilgi sahibi olur.
Web Tasarım Eğitimi 130 saattir. Kurs sürecinde öğrencilerin uygulama yapmaları oldukça önemlidir. Bu yüzden dersler bilgisayar laboratuvarlarında her öğrenciye güçlü bir bilgisayar tahsis edilerek yapılmaktadır. Tüm eğitimlerimizde uygulanan Tam Öğrenme Modeli kapsamında ihtiyaç duyulması halinde kurs süresi artırılmaktadır.
Web Tasarım Kursu herkesin katılabileceği bir kurs olmasının yanında genellikle;
- Freelence çalışanlar
- Kendi web sitesini kurmak isteyenler
- Web tabanlı bir proje hayali olanlar
- Bilgisayar programcıları
- Grafik tasarımcılar
- Sosyal medya uzmanları
tarafından yaygın olarak tercih edilmektedir.
Web tasarım ve programlama kursu temelden başlayıp ileri seviye web tasarım konularını kapsar. Bu bağlamda web tasarım eğitimi için temel bilgisayar kullanım becerisinin olması yeterlidir.
Web Tasarım Eğitimi tamamlandığında öğrenciler aşağıdakileri öğrenirler;
- Photoshop kullanarak tasarım yapabilir.
- HTML ile bir web sitesinin iskeletini oluşturabilir.
- CSS kodlarını ustalıkla kullanarak görsel tasarım ilkelerine uygun web site arayüz tasarımları yapabilir.
- Javascript programlama'yı sıfırdan öğrenir, ihtiyaç duyduğu programları yazabilir.
- JQuery kütüphanesini ustalıkla kullanabilir.
- React teknolojisini öğrenir ve uygulamalar geliştirir.
- Angular Teknolojisi ile front-end web uygulamaları geliştirir.
- Node.js ile web tabanlı yazılımın Back-End kısmını oluşturur.
- Web sitesi yayınlayabilir. Domain, Hosting kavramlarını bilir.
- Web sitelerinin Google, Yandex gibi arama motorlarında üst sıralara nasıl çıkarılacağını bilir.
- Web Sitesi ve Web Sayfaları
- İnternet Kavramları (https, ftp, www, domain hosting...)
- Sunucu ve İstemci Kavramları
- Photoshop Arayüzü Tanıtımı
- Menüler ve Araçlar
- Resim Düzenleme İşlemleri
- Katmanlar
- Metinler
- Düğme Oluşturma ve Kullanma
- Maske Kavramı
- Web Banner Tasarımı
- Web'e ve Instagram'a Görsel Hazırlama
- Web Sitesi Arayüz Tasarımı Yapma
- Tasarımların web için optimize edilerek kaydedilmesi
- HTML Temelleri
- Çok Kullanılan HTML Tag'leri
- HTML Biçimlendirme
- Div Yapısı HTML Sınıfları ve Kimliği
- HTML ile JavaScript Çalışmak
- HTML Link Yapıları
- Listlerle Çalışma Yapmak
- Head, meta tag kavramları
- HTML ile Multimedya çalışmaları
- HTML 5 Yenilikleri
- Web 3.0 Teknolojisi ve Semantik Programlama
- Responsive Tasarım Tekniği
- Adaptive Tasarım Tekniği
- HTML'i Mobil Uyumlu Kullanabilmek
- HTML 5'de API ile çalışmalar yapmak
- CSS 3 Temelleri
- CSS Kullanım Yerleri
- Metinler ile Çalışmak ve Tipografi
- CSS'de Efektler ve Renkler
- Çizgi ve Kutu Özellikleri
- Bitmap Resimlerle Çalışmak
- 2D 3D Animasyonlar
- CSS'de SEO Kriterleri
- İleri CSS Kullanımı
- Bootstrap Kullanımı
- Sass Giriş
- Sass Kurulumu
- Değişkenler
- İç içe kurallar ve Özellikleri
- @import @mixin @extend
- Fonksiyonlar
- Karakter Dizileri
- Numeric, List, Map
- Selector (Seçiciler)
- Colors (Renkler)
- JavaScript Temelleri (JavaScript Sözdizimi)
- JavaScript Kodlama Standartları
- Değişkenler ve Veri Türleri
- Operatörler
- Döngüler (for, do while)
- Koşullu İfadeler (If Else)
- Diziler
- JavaScript Nesne, Özellikleri, Yöntemleri Görüntüleme
- JavaScript Methots
- Nesne Yönelimli Programlama Tekniği
- JavaScript Olayları Olay Tabanlı Programlama
- Tarih ve Saat İşlemleriı
- Java Script ile Asenkron Programlama
- JavaScript ile MVC Design Pattern
- JSON Kullanımı
- AJAX Teknolojisi
- Hata Yönetimi
- React Giriş
- Kurulum, ES6, Render HTML, JSX
- React Bileşenleri
- Class Kavramı
- React Events (Olaylar)
- List ve Form İşlemleri
- React Router ve Notu
- AJAX Metodları
- React ile CSS ve Sass Kullanımı
- React Projesi Geliştirme
- Angular Temel Bilgiler
- Angular ile HTML5, CSS3 ve Bootstrap Çalışması
- JavaScript ES6+
- TypeScript
- Angular CLI
- Angular Bileşenleri
- Paket Yönetimi NMP Çalışması
- NGLF-ELSE, NgFor, PIPE Mimarisi
- Event Binding
- Alertifyjs Implementasyonu
- Services ve Dependency Injection Mimarisiyle Çalışmak
- Http,Json-Server ve Observable Mimarisiyle Çalışmak
- Routing Mimarisiyle Çalışmak
- Template Driven Forms/Klasik Formlar
- Reactive Formlar
- Authorize, Localstorage ve Guard ile Çalışmaya Başlamak
- 1. Proje ASP.NET Core MVC Web API Bacend Projesi
- 2. Proje NodeJs Web API Bacend Projesi
- Frond-End Angular 14
- MySQL Veritabanına Giriş
- Tablo ve Sütun Kavramları
- Veritabanı Haritası Çıkarma
- Create, Drop İşlemleri
- Veritabanı İlişki Yönetimi
- Veritabanı Güvenliği (MD5,SHA1)
- SQL Sorgulama Dili Yapısı
- SELECT, INSERT, UPDATE, DELETE İşlemleri
- İleri SQL Sorgulama İşlemleri
- INNER, LEFT RIGHT CROSS Self JOIN
- Giriş ve Kurulum İşlemleri
- Node.Js Modülleri ve Dosya Sistemi
- Live Server Kurulumu
- Node.Js NPM, E-posta, Dosya Yükleme
- Node.js MySQL Veritabanı İşlemleri
- SQL ORM Sequelize
- NoSQL Veri Tabanı, NoSQL ORM Mongoose
- Express.js, Template Engine-Pug, Mvc
- Authentication ve Validation
- Proje Uygulaması
- Domain ve Hosting İşlemleri
- Sunucuyu Yapılandırma
- Web Sitesi Yayınalma Hazırlıkları (DNS, SSL vs...)
- Web Sitesini Sunucuya Taşıma ve Yayınlama
- Web Sitesi yönetim paneli kurulumu
- Yönetim Paneli Yapılandırması
- Yönetim için izinlerin verilmesi
- Web Sitesi Analizi Yapma ve SEO Sorunlarını Çıkarma
- Web Sitesi Anahtar Kelime Yer Tespiti Yapma
- Web Sitesinin İçerik ve Hedef Kitle Analizi
- Arama Motorlarının Indexleme Algoritmaları
- Dizinler, Backlink DMOZ Faktörleri
- Shema.org Kullanımı
- Yapılandırılmış verilerle web sitesi yapma
- Öne çıkan snippet gösterimi
| Şubat Ayı Eğitim Takvimi | ||||
|---|---|---|---|---|
| Ders Günleri | Ders Saatleri | Baş. Tarihi Btş.Tarihi |
Ön Kayıt | |
| Pazartesi-Çarşamba-Cuma | 18:30-21:30 | 17.02.2025 01.06.2025 |
Ön Kayıt | |
| Cumartesi-Pazar | 14:00-18:00 | 15.02.2025 13.06.2025 |
Ön Kayıt | |
| Mart Ayı Eğitim Takvimi | ||||
|---|---|---|---|---|
| Ders Günleri | Ders Saatleri | Baş. Tarihi Btş.Tarihi |
Ön Kayıt | |
| Cumartesi-Pazar | 09:30-13:30 | 08.03.2025 04.07.2025 |
Ön Kayıt | |
| Pazartesi-Çarşamba-Cuma | 18:30-21:30 | 10.03.2025 11.08.2025 |
Ön Kayıt | |
| Cumartesi-Pazar | 14:00-18:00 | 22.03.2025 18.07.2025 |
Ön Kayıt | |
| Nisan Ayı Eğitim Takvimi | ||||
|---|---|---|---|---|
| Ders Günleri | Ders Saatleri | Baş. Tarihi Btş.Tarihi |
Ön Kayıt | |
| Pazartesi-Salı-Perşembe-Cuma | 14:00-18:00 | 14.04.2025 15.06.2025 |
Ön Kayıt | |
| Cumartesi-Pazar | 09:30-13:30 | 12.04.2025 08.08.2025 |
Ön Kayıt | |
| Pazartesi-Çarşamba-Cuma | 18:30-21:30 | 21.04.2025 27.07.2025 |
Ön Kayıt | |
Alin Kartal
/
17.02.2021
2 aydır eğitimime online devam ediyorum . Ve %100 canlı aldığım bu eğitimle kendi sitemi yapmayı öğrendim. Teşekkürler Vektörel Bilişim
Yunus Emre Bülbül
/
27.08.2020
İlk defa bu alan üzerine çalışmalarım oldu hiç bişey bilmeden bu eğitimi almaya başladım ama kursun bana kattığı kazandırdığı çok şey oldu. Gerçekten çok ilgililer. Teşekkür ederim
Ömer Beydoğan
/
24.08.2020
Gayet iyi olduğunu düşünüyorum beklentilerimi karşılayan bir eğitim süreci oldu
H. Çağdaş Tekci
/
28.07.2020
Genel olarak memnunum Aktivitelerle desteklenmesi eğitimi daha eğlenceli hale getiriyor
Yusuf Tüzen
/
18.05.2020
Ders tekrarlarını evde videolarla yapmak ve kurumun genel hatlarıyla bizi Web Master yapma azmi kurumun diğer kurumlardan farkını net bir şekilde ortaya koyuyor.
Şükrü Turgut
/
06.05.2020
Web tasarım ve programlama kursu Yeni başlayanlar için çok faydalı. Hem tasarım hem kod öğrenmeye giriş anlamında güzel bir içeriğe sahip.
Özge Çiğdemoğlu
/
21.02.2020
Çok güzel bir eğitim Okuldaki derslerime ve iş hayatıma katkısının çok iyi olacağına inanıyorum.
Yunus Emre Bülbül
/
20.12.2019
Ufkumun açıldığı güzel bi eğitim oldu. Kursun eğitim süresince bana kattığı çok şey oldu
Bir web sitesi yapmak için aşağıdaki adımların takip edilmesi gerekir.
- Web sitesi tasarımını Photoshop veya farklı bir grafik tasarım programı ile çizin .
- Çizdiğiniz tasarımı HTML olarak dışarı çıkarın..
- Tasarımda kullanılan her türlü görsel öğeyi CSS kodları ile yapılandırın.
- JavaScript ile web sitenize dinamiklik kazandırın.
- JQuery ile slider, takvim gibi etkileşimli uygulamalar ekleyin.
- Bilgilerin kaydedileceği bir veritabanı oluşturun ve PHP ile web sitenize bağlayın. Veritabanı olarak MySQL önerilir.
- Sitenin yayın yapabileceği bir domain ve hosting satın alın.
- Web sitesinin dosyalarını ve veritabanını aldığınız hosting'in içinde ilgili yerlere atın.
Google'ın yardım sayfasında bulunan makalelerin bir çıktısını alın ve bu makaleleri en ince ayrıntısına kadar okuyun. Burada söylenilenleri %100 yaptığınızda web siteniz en üst sırada istediğiniz anahtar kelimede çıkacaktır.
Aşağıda Web Sitesi yapmak için ihtiyaç duyacağınız programların listesini bulabilirsiniz.
- Photoshop
- Dreamweaver veya Notpad++
- Visual Studio (Seçenekli) ve Visual Code Studio
Bu Eğitimler de İlginizi Çekebilir
Yaklaşan Eğitimler
Öğrenci Yorumları
Alin Kartal
17.02.2021
2 aydır eğitimime online devam ediyorum . Ve %100 canlı aldığım bu eğitimle kendi sitemi yapmayı öğrendim. Teşekkürler Vektörel Bilişim