Front-End Web Geliştirme Eğitimi

Front-End Web Geliştirme Eğitimi, internet sitelerinin ön yüzlerinin geliştirilmesi için kullanılan teknikleri sunan bir ders içeriğidir. Front-End Web Geliştirme Programı ile katılımcılar, web tasarım firmalarında ve ilgili şirketlerde aktif rol oynama fırsatı yakalarlar. Front-End Web Geliştirme Eğitimi’ne dahil olan katılımcılar aynı zamanda e-ticaret platformlarında müşteri ve deneyim odaklı çalışabilirler.

Görsel zevkime güveniyorum ama web geliştirmek için teknik bilgiyi nereden öğreneceğim? Müşterilerime güzel bir web sitesini ve alışveriş deneyimini nasıl sunacağım? Markamın web sitesi de kaliteli olmalı ama bunca karmaşık işi nasıl yapacağım? Aklınızda bu sorular varsa hiç korkmayın! Çünkü sizler için web geliştirmenin inceliklerini öğreneceğiniz Front-End Web Geliştirme Eğitimi’ni hazırladık. Gelin beraber inceleyelim! 

Bu eğitim ile şunları öğreneceksiniz:

• HTML kodlama dili ve özelliklerini,
• CSS kodlama dili ve özelliklerini,
• Javascript kodlama dili ve özelliklerini,
• Bootstrap kodlama dili ve özelliklerini,
• Python kodlama dili ve özelliklerini,
• Web tasarımı görsel desteği sağlamayı,
• Web sitelerinin hız iyileştirmelerini yapmayı,
• Müşteri ve marka odaklı web geliştirme tekniklerini,
• Web sitelerinin teknik standartlara nasıl uygun olacağını.

Front-End Web Geliştirme Eğitimi Nedir?

Front-End Web Geliştirme Eğitimi, bireylerin bir internet sitesinin web tasarımını yapabilecek kabiliyete sahip olması için düzenlenen bir eğitim programıdır. Front-End Web Geliştirme Eğitimi’ne katılan bireyler, özellikle HTML, CSS, Bootstrap ve Javascript programlama dillerinin özelliklerini öğrenirler. Aynı zamanda Front-End Web Geliştirme Eğitimi sürecinde katılımcılar, öğrendikleri bilgileri web sitesi üzerinde uygulama fırsatı da yakalarlar.

Front-End Nedir?

Front-End, bir web sitesinde kullanıcıların özellikle görsel olarak etkileşime girdiği ilk ön yüzdür. Front-End; Javascript, Bootstrap, HTML, CSS ve Python programlama dili kullanılarak tasarlanmaktadır. Front-End, web sitelerinin kullanıcıyla direkt etkileşime geçtiği yer olduğundan tasarım ve düzen açısından büyük önem taşır. Özellikle pazarlama alanında web sitesinin Front-End geliştirmesi, müşterinin ilgisini çekmek için iyi bir araçtır.

Front-End Web Geliştiricisi Ne İş Yapar?

Front-End web geliştiricisi şunları yapar:

• HTML, CSS ve Javascript yazılım dillerine hakim olarak web sitelerinin görsel tasarımını yapar.
• Yazılan kodların tekrar kullanılabilirliğini sağlar.
• Web sitelerinin hızlı çalışabilmesi için optimizasyon yapar.
• Kullanıcı ve müşterilerden geri dönütler alarak web tasarımının iyileştirilmesinde görev alır.
• Web sitesinin teknik standartlara uygunluğunu sağlar.

Front-End Web Geliştirme Online Eğitimi'ne Kimler Katılabilir? 

Front-End Web Geliştirme Online Eğitimi’ne şu kişiler katılabilir:

• Çeşitli programlama dillerinde kendini geliştirmek isteyenler,
• Web tasarımı konusunda yetkin olmak isteyenler,
• Yöneticiler,
• Yönetici adayları,
• E-ticaret sektöründe çalışanlar,
• Müşteri potansiyelini arttırmak isteyenler,
• Görsel tasarım yeteneğine güvenenler,
• Şirketlerin web sitelerinden sorumlu olan kişiler,
• Front-End web tasarımı yapmak isteyen herkes.

Front-End Web Geliştirme Online Eğitimi’ne Katılmak için Neler Gereklidir?

Front-End Web Geliştirme Online Eğitimi’ne katılmak için şunlar gereklidir:

• Temel bilgisayar kullanma bilgisi.
• Derslere bağlanabilmek için aktif bir internet bağlantısı.
• Derslere erişim için gerekli olan bir teknolojik cihaz.

Front-End Web Geliştirme Eğitimi Konu Başlıkları ve Dersleri Nelerdir? 

Front-End Web Geliştirme Eğitimi konu başlıkları ve dersleri şunlardır:

• Javascript’e Giriş
• Conselelog
• Değişken Tanımlama
• String Değerler Metotlarına Giriş
• String Metotları
• Sayılarla Oynama
• String Template/String Kısayolları
• Arrays Listeler
• Null ve Undefined Nedir?
• Boolean Değerler
• For Döngüleri
• While Döngüsü
• İf Koşulları
• Operatörler
• Break-Continue
• Switch Case Not Verme Mantığı
• Fonksiyonlara Giriş
• Return Mantığı
• Arrow Function
• For Each-Hızlı Fonksiyon Oluşturma
• Listeye Otomatik Veri Ekleme
• Objeler
• Matematiksel Objeler
• Document Object Model
• Text Manipülasyon
• Get ve Set Attribute
• Javascript ile CSS Mücadelesi
• Class Ekleme-Mini Kodlama
• Add Event Listener Mantığı
• Jquery Animate
• Slide Up Slide Down ve Slide Toggle
• Jquery Fadein Fadeout ve Fadetoggle Mantığı
• Jquery Açılır Kapanır Pencere Yapımı
• Jquery Events
• Jquery Seçiciler
• Jquery Mantığı ve İlk Kodlama
• Jquery Nedir?
• Tarih Metodu (Alıştırma)
• Tarih Metodu
• Parent Elementler
• Local ve Global Değişkenler
• Ekle Sil Uygulaması
• Depolama Alanları
• Mantıksal Kodlama
• Test Uygulaması Tasarlama
• KeyUp Event ile Akıllı Şifreleme
• Regex Akıllı Giriş Uygulaması
• Şifreleme Mantığı
• Javascript Form Oluşturma-Formdan Veri Alma
• Projeye CSS kodlarını ekleme
• Selectors seçiciler kavramı
• Renkler
• Arka plana görüntü ekleme
• Çerçeveler-çerçeve yumuşatma
• Genişlik ve yükseklik-mobil duyarlı kodlama
• Ara uygulama basit navbar yapımı-display inline mantığı
• Margin değerleri-köşe değerleri
• Padding dolgu değerleri
• Rem, Em ve % ölçü birimleri
• Hover özelliği buton yapımı
• Sözde elementler-link elementi
• Tek satırda birden fazla elemente etki etme
• Konum sabitleme
• İç kutu konumlandırma
• Flexbox nedir?
• Flexbox örnek
• Media sorguları
• Mobil E-ticaret sitesi şablonu
• Dikey animasyonlu navbar yapımı
• Hover özelliği ile tablo stilleme
• Avatar yapma
• Animasyonlu yazı şablonu
• Navbar ve alt navbar
• Ana sayfa düzeni ve kart eklemeleri
• Ana sayfaya video ekleme
• Footer alanı ve ikon ekleme
• Proje sonu animasyon ekleme
• Bootstrap Nedir? 
• Alternatif Bootstrap Proje Ekleme Yöntemi
• Container Kavramı
• Grid Sistemi
• Yatay ve Dikey Konumlandırmalar
• Esnek Kutular
• Renkler, Butonlar, Alert ve d-flex Column
• Margin-Padding-Border
• Cards E-ticaret Tasarımı
• Listeler ve Tablolar
• Genel Bilgiler ve İletişim Formu
• Animate CSS
• Align-Self Mantığı 
• Bootstrap ile Navbar Yapımı 
• Bootstrap ile Ana Sayfa Yapımı
• Bootstrap ile Ana Sayfa-Kartlar
• Bootstrap ile Site Canlandırma
• Bootstrap ile Footer Yapımı
• Bootstrap ile Son Dakika Haberleri Bölümü Ekleme
• HTML-CSS-Bootstrap Nedir?
• HTML Etiketleri
• HTML Etiketleri Anlamı
• H1-P-BR-HR Etiketleri
• Etiketler
• Stiller ve Text Formating
• Link Oluşturma ve Yönlendirme
• Görüntü Etiketi
• Video ve Ses Etiketleri
• Tablolar
• Listeler
• Kaplamalar
• ID ve Class Mantığı
• Forumlar
• Pythton Kurulumu
• Visual Studio Code Kurulumu
• Matematiksel İşlemler
• Veri Dönüştürme
• String Veri Tipi Sözel İfadeler
• String Veri Tipi Sözel İfadelere II
• Karakter Dizileri
• Input
• Kodlama Egzersizleri
• Listeler
• Demetler
• Atama Operatörleri
• Karşılaştırma Operatörleri
• Mantıksal Operatörler
• If ve Else Koşulu
• Elif Koşulu
• Kodlama Egzersizi
• While Döngüleri
• For Döngüleri
• Fonksiyonlara Giriş
• Fonksiyonlar Parametre Kullanımı
• Return Komutu
• Varsayılan Değerler
• Global ve Yerel Değişkenler
• Sözlük Oluşturma
• Sözlüklere Veri Ekleme
• Telefon Rehberi Uygulaması
• Telefon Rehberi Uygulaması II
• Modül Kavramı 
• Random
• Datetime
• Çekiliş Uygulaması
• Çekiliş Uygulaması II
• Try ve Except Kavramları
• Finally Kavramı ve Örnek
• Dosyalara Giriş
• Dosyalar Read
• Dosyalar R+ Veriler Üzerine Manipülasyon
• Gerekli Dosyaları İndirme ve Veri Tabanı Temel İşlevleri
• Tabloya Seri Veri Ekleme
• Tablodan Veri Çekme
• Tablodan Özel Nitelik ile Veri Çekme
• Kodlama Egzersizi Veresiye Defteri Kodlama
• Nesne Tabanlı Programlamaya Giriş
• __init__ Fonksiyon
• Miras
• HTML Nedir?
• Video ve Ses Efektleri
• ID, Class ve Yazı İçinde Gezinme
• Listeler
• Kaplama Alanları
• Video Bilgilerini Çekme
• Video İndirme
• Ses İndirme
• Youtube Veri İndirme Uygulaması Yapma
• Modellerin Kurulumu ve İlk İzlenim
• Find ve Find_All Fonksiyon ile Verileri Parser Etmek
• Niteliğine Göre Veri Çekme
• IMDB Top 250 Film Listesini Çekme
• Güncel Korona Bilgileri Çekme
• Alışveriş Sitesinden Güncel Zeytinyağı Fiyat Listesi Çekme
• Selenium Modülü Kurulumu
• Bilinmesi Gereken Fonksiyonlar
• Seçiciler, ScrollBar Hakimiyeti ve Sitelerde Tıklama İşlemleri
• İnternetten Araç Özellikleri Çekme
• Youtube ve Instagram’a Otomatik Giriş

Front-End Web Geliştirme Eğitimi Sonunda Hangi Sertifikalar Verilir?

Front-End Web Geliştirme Eğitimi sonunda şu sertifikalar verilmektedir:

• Front-End Web Geliştirme uluslararası geçerli sertifika.
• Front-End WEb Geliştirme üniversite onaylı sertifika.
• Front-End Web Geliştirme enstitü onaylı sertifika.

Front-End Web Geliştirme Eğitimi Sonunda Sertifika Nasıl Alınır?

Front-End Web Geliştirme Eğitimi sonunda sertifika sahibi olmak için sınavı geçmek gerekir. Sınavda başarılı olan kişiler, kolaylıkla sertifika sahibi olmaktadır.

Kurs bitiminde Boğaziçi Enstitüsü onaylı sertifikanız ve uluslararası geçerli sertifikanız adresinize fiziki olarak gönderilecektir. Sertifika gönderimi için kargo ücreti talep edilmemektedir.

Üniversite onaylı sertifikanızı ise e-Devlet üzerinden sorgulayabilirsiniz. Sertifikanızın e-Devlet sisteminde görülme süresi, sertifikanın oluşturulmasından sonraki 10 iş günü içindedir. Bu süre, dönemsel yoğunluğa göre değişebilmektedir.

Boğaziçi Enstitüsünde Front-End Web Geliştirme Eğitimi Sertifika Ücreti Ne Kadar?

Boğaziçi Enstitüsünden aldığınız Front-End Web Geliştirme Eğitimi sonunda dijital ya da fiziki sertifika sahibi olmak için ücret ödemeniz gerekmektedir. Fiziki sertifikalarda öğrencilere destek olmak amacıyla kargo ücretsiz bir şekilde ulaştırılmaktadır, öğrencilerden ekstra kargo ücreti talep edilmemektedir.
Sertifika ücreti; belgenin basımı ya da dijital ortamda sunulması için gerekli olan, anlaşmalı olduğumuz üniversitelerin onay, imza ve operasyonel süreçleri için sertifikaya talep ettiği bedellerden oluşmaktadır.

Front-End Web Geliştirme Eğitimi Sonunda Verilen Sertifika Ne İşe Yarar?

Front-End Web Geliştirme Eğitimi sonunda verilen sertifika, eğitime katılan bireylerin Front-End alanında yetkinlik kazandığını göstermektedir. Aynı zamanda Front-End Web Geliştirme Sertifikası; bireylerin HTML, CSS ve Javascript yazılım dillerini etkin kullandıklarını göstermektedir. Front-End Web Geliştirme Eğitimi sonunda sertifika almaya hak kazanan katılımcılar, web geliştirme alanında kendilerine istihdam yaratabilirler.

Front-End Web Geliştirme Eğitimi Sonunda Uygulanan Sertifika Sınavı Nedir?

Front-End Web Geliştirme Eğitimi sonunda uygulanan sertifika sınavı, eğitim süresince anlatılan bilgilerin öğrenci tarafından ne kadar öğrenildiğini belirlemede kullanılan bir yöntemdir.

Dersler sona erince sertifika almak isteyen katılımcıların sertifika sınavına girmesi zorunludur. Front-End Web Geliştirme Eğitimi bitiminde yapılan sertifika sınavından yeterli puan alarak başarılı olan katılımcılara sertifika verilmektedir.

Front-End Web Geliştirme Eğitimi Sonunda Sertifika Sınavı Nasıl Yapılır?

Front-End Web Geliştirme Eğitimi sonunda sertifika sınavı, Boğaziçi Enstitüsü öğrenci paneli aracılığıyla online olarak yapılır. Ders süreci bittikten sonra öğrenciler sertifika kazanmak için öğrenci paneline giriş yapıp sınava katılmalıdır.

Sınavda yalnızca eğitimde anlatılan konulardan soru sorulur. Soruları eğitmen hazırlamaktadır ve sınavın zorluk düzeyi eşit bir şekilde ayarlanmıştır. Sınavda istenen puanı alan kişiler bilgi birikimini ve yetkinliğini kanıtlamak üzere sertifika almaya hak kazanır.