SEPETTEKİ ÜRÜNLERİM
2 Ürün
İstanbul Eğitim Akademi Logo
Eğitimler
Front-End Development Arayüz Eğitimi
Front End Developer Eğitimleri
5.0 Puan

Front-End geliştirici olmak için gerekli olan temel ve ileri seviye teknolojileri her bölümün sonunda uygulamalar yaparak öğreneceğiniz bu eğitimin sonunda final projesi olarak node.js, mongodb ve reactjs ile mini sosyal medya projesi yapılacaktır.

Devamını Oku
Seviye Orta
Eğitim Tarihi
Eğitim Süresi 25 Gün
Eğitim Saati 100 Saat
Seviye Orta
Eğitim Tarihi
Eğitim Süresi 25 Gün
Eğitim Saati 100 Saat
NELER ÖĞRENECEKSİNİZ
Front-End geliştirici olmak için gerekli olan temel ve ileri seviye teknolojileri her bölümün sonunda uygulamalar yaparak öğreneceğiniz bu eğitimin sonunda final projesi olarak node.js, mongodb ve reactjs ile mini sosyal medya projesi yapılacaktır.
Kimler Katılabilir: Eğitime katılım için herhangi bir ön koşul bulunmamaktadır.
EĞİTİM LOKASYONU
DERSLERİ KEŞFEDİN
25 gün (100 Saat)

Temel Kavramlar ve Giriş

  • Web Uygulama Yaşam Döngüsü
    Server Side & Client Side Kavramları
    Web Uygulamaları Yayınlama ve Güvenlik
    Mobil ve Responsive tasarımın önemi

Hyper Text Markup Language (HTML 5)

  • HTML5 Kodlama Kuralları
    Temel Html Etiketleri
    Html5 Elementleri
    Html5 Forms & Validations
    Video, Audio, Maps
    SEO (Arama Motoru Optimizasyonu)
    HTML5 SVG
    HTML5 Canvas
    HTML5 Web Storage
    Proje (Blog Sitesi): Kişinin profil resmi ile kişisel bilgilerinin bulunduğu, eğitim ve iletişim bilgilerine yer verildiği bir blog sitesi yapılacaktır.

Cascading Style Sheets (CSS 3)
  • Css nedir?
    Grid Izgara Sistemi
    Satıriçi Css Biçimlendirme
    Css Selectors
    Sayfaiçi Css Biçimlendirme
    Div ile Sayfa Tasarımı
    Border-radius Kenar Yuvarlama
    Yazıya Gölge Vermek
    Geçiş Efektleri
    Animasyon Yapımı
    Opacity
    Css Kutu Modeli
    Margin - Padding
    Css Transform, Animations, Transitions
    Proje (Responsive Tasarım) : HTML eğitiminde tasarlanan blog sitesi CSS yapısı ile birlikte Responsive olarak düzenlenecektir.

SASS 
  • SASS Nedir?
    SASS Kurulumu
    SASS Kullanımı
    SASS Değişkenler
    SASS İç İçe Seçici Kullanımı
    SASS Stilleri Parçalara Bölmek
    SASS Kalıtım Almak
    SASS Mixin
    SASS Operatörler

Javascript
  • JS (Javascript) nedir?
    JS Dil Yapısı ve Yazım Standartları
    JS Koşullar ve Döngüler
    JS Methodlar ve Return İfadesi
    JS Diziler
    JS Break & Continue İfadeleri
    JS Metin(string) Metotları
    JS Matematik(math) Metotları
    JS Tarih(date) Metotları
    JS Developer Tools Kullanımı
    JS Try-Catch Bloğu ile Hata Yönetimi
    JS Typeof, Null & Undefined
    JS Nesne(Object) & JSON
    JS DOM İşlemleri
    JS SetInterval & SetTimeout Kullanımı
    JS Ajax İşlemleri

Jquery
  • JQuery nedir?
    JQuery Selectors (Seçiciler)
    JQuery Events (Olaylar)
    JQuery Effects (Efektler)
    JQuery Get & Set (Okuma ve Yazma) İşlemleri
    JQuery Add & Remove (Element Ekleme ve Silme) İşlemleri
    JQuery Class & CSS İşlemleri
    JQuery Traversing (Element Yakınındaki Elementler ile Çalışma)
    JQuery Ajax İşlemleri
    Proje: Html, Css ve JS kullanarak bir yılan oyunu geliştirilecektir.

Bootstrap
  • Bootstrap nedir?
    Layout & Grid
    Components
    Tables
    Typography
    Popover
    ScrollSpy
    Tooltip
    Modal
    Forms & Validatio
    n Nav & NavBars
    Image Sliders
    Proje: Html, Css, Bootstrap, JS kullanarak küçük bir e-Ticaret sitesi yapılacaktır. Ürünleri sepete atılabilecek, sepete tıkladığımızda sepetteki ürünleri görebileceğiz. Ödeme yap butonu ile ödeme sayfasına yönlenerek ödeme yapıp sepeti boşaltabileceğiz.

Type Script
  • Neden Typescript
    Type Script sözdizimi
    Type Script Uygulaması
    Type Script Veri Türleri
    Type Script Fonksiyonlar
    Type Script ile Class, Interface Kullanımı
    Type Script Nesneler ile çalışma
    Type Script Modüller ile Çalışma
    Genel Type Script Uygulaması

Angular
  • Angular Nedir? İlk Angular Uygulaması
    Angular Proje Yapısı
    Components
    Directives
    Service ile çalışma
    RestApi yönetimi
    Localstorge
    Sessionstorge
    Routing ile çalışma
    Data Binding Yöntemleri
    Template-driven forms
    Reactive Forms
    Html Servisleri ile çalışma
    Proje 1- (Todo List): Bu projede Json Server ile API üzerinden ekleme, silme, güncelleme ve listeleme işlemleri yapılacaktır.
    Proje 2- (Personel Takip): Bu projede Json-Server ile API üzerinde işlem yapılacaktır. Kullanıcı girişi ve yetki kontrolü bulunacaktır. Yetkili giriş yapan kişi personel ekleme, silme, güncelleme ve listeleme işlemi yapabilecektir.

React JS

  • React Giriş
    React ES6
    React Render HTML
    React JSX
    React Components
    React Class
    React Props
    React Events
    React Conditionals
    React Lists
    React Forms
    React Router
    React Memo
    React CSS Styling
    REACT HOOKS
    Hook Nedir?
    useState

Proje
  • Express ve MongoDB ile Restfull APIs kullanarak örnek mini bir sosyal medya projesi yapılacaktır. Kişi, kayıt ve giriş yapabilecektir. Post paylaşımı yapılabilecek ve diğer kullanıcılar o postu beğenebilecektir. Tüm proje GITHUB üzerinden geliştirilmekte olup, GITHUB kullanımı ile ilgili temel eğitim verilecektir.

KURSİYER GÖRÜŞLERİ
5.0 Puan
Daha Fazla Yorum Yükle
Kurs Ücreti
%0
Sepete Ekle
0,00
Sepete Ekle