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.
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.
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 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
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 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 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.
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 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
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.
istanbulegitimakademi.com Çerez Politikası (aşağıda kısaca “Politika” olarak anılacaktır.) Firma Ünvanı (aşağıda kısaca “Nitelikli Bilişim” olarak anılacaktır.) tarafından hazırlanmıştır ve istanbulegitimakademi.com Gizlilik politikasının ekini oluşturmaktadır.
Birçok web sitesi gibi, istanbulegitimakademi.com’de de (aşağıda kısaca “Site” olarak anılacaktır.) ziyaretçilere kişisel içerik ve reklamlar göstermek, Site üzerinde trafik analizi gerçekleştirmek ve ziyaretçi kullanım alışkanlıklarını anlamak amacıyla Çerezler kullanılmaktadır (Site’de kullanılan Çerez türleri ve kullanım amaçları için bkz. [Hangi Çerezler Kullanılmaktadır?]).
istanbulegitimakademi.com, bu Politika’yı Site’de hangi Çerezlerin kullanıldığını ve ziyaretçilerin bu konudaki tercihlerini nasıl yönetebileceğini açıklamak amacıyla hazırlamıştır.
Çerezler, ziyaret ettiğiniz internet siteleri tarafından tarayıcılar aracılığıyla bilgisayarınıza (ya da akıllı telefon veya tablet gibi diğer cihazlarınıza) kaydedilen ve genelde harf ve rakamlardan oluşan çok küçük metin dosyalarıdır. Çerezler, ziyaretçilere ilişkin isim, cinsiyet veya adres gibi kişisel verileri içermezler.
Çerezler, ziyaret ettiğiniz web sitesini yöneten sunucular tarafından oluşturulurlar. Böylelikle ziyaretçi aynı siteyi ziyaret ettiğinde sunucu bunu anlayabilir. Çerezler, web sitesi sahiplerine aynı ziyaretçinin siteyi yeniden ziyaret ettiğini gösteren kimlik kartlarına benzetilebilir.
Çerezler konusundan daha detaylı bilgi için www.aboutcookies.org ve www.allaboutcookies.org adreslerini ziyaret edebilirisiniz.
Çerezler, sahipleri, kullanım ömürleri ve kullanım amaçları bakımından sınıflandırılabilir.
site’de, Çerezler aşağıdaki amaçlar kapsamında kullanılmaktadır:
Ziyaretçilerin kendilerine ait hangi kişisel verilerin toplanabildiği konusunda tercihlerini serbestçe kullanabilmesi istanbulegitimakademi.com için son derece önemlidir. Bununla birlikte, site’in çalışması için zorunlu olan Çerezler konusunda tercih yönetimi mümkün olamamaktadır. Ayrıca, bazı Çerezlerin kapatılması halinde site’in çeşitli fonksiyonlarının çalışmayabileceğini hatırlatırız.
site’de kullanılan Çerezlere dair tercihlerini ne şekilde yönetebileceğinize ilişkin bilgiler aşağıdaki gibidir:
6698 Sayılı Kişisel Verilerin Korunması Kanunu’nun 11. maddesi uyarınca ziyaretçiler, istanbulegitimakademi.com’e başvurarak, kendirleriyle ilgili,
Söz konusu haklar, kişisel veri sahipleri tarafından yazılı olarak ya da kayıtlı elektronik posta adresi üzerinden iletildiğinde her hâlükârda 30 (otuz) gün içerisinde değerlendirilerek sonuçlandırılacaktır. Taleplere ilişkin olarak herhangi bir ücret talep edilmemesi esas olmakla birlikte, istanbulegitimakademi.com, Kişisel Verileri Koruma Kurulu tarafından belirlenen ücret tarifesi üzerinden ücret talep etme hakkını saklı tutar.
istanbulegitimakademi.com, Politika ile ziyaretçilerine Çerez kullanımı konusunda detaylı açıklama sunmayı ve Çerez tercihleri konusunda bilgilendirmede bulunmayı hedeflemiştir. Bu bakımdan, site’de yer alan Çerez bilgilendirme uyarısının kapatılması ve site’nin kullanmaya devam edilmesi halinde Çerez kullanımına rıza verildiği kabul edilmektedir. Ziyaretçilerin Çerez tercihlerini değiştirme imkânı her zaman saklıdır.
istanbulegitimakademi.com, Politika hükümlerini dilediği zaman değiştirebilir. Güncel Politika site’de yayınlandığı tarihte yürürlük kazanır.
Son güncelleme tarihi: 10.01.2020
Bu tür çerezlerin kullanılmasının temel amacı ziyaretiniz süresince site’in düzgün bir biçimde çalışmasını sağlamaktır. Örneğin; birden fazla sayfadan oluşan çevrimiçi formları doldurmanızın sağlanmaktadır.
Kalıcı çerezler site’in işlevselliğini artırmak, ziyaretçilerimize daha hızlı ve iyi bir hizmet sunmak amacıyla kullanılan çerez türleridir. Bu tür çerezler ziyaretçi tercihlerini hatırlamak için kullanılır ve tarayıcılar vasıtasıyla kullanılan cihazda depolanır. Kalıcı çerezlerin bazı türleri site’i kullanım amacınız gibi hususlar göz önünde bulundurarak sizlere özel öneriler sunulması için kullanılabilmektedir. Kalıcı çerezler sayesinde site, aynı cihazla tekrardan ziyaret etmeniz durumunda, cihazınızda site tarafından oluşturulmuş bir çerez olup olmadığı kontrol edilir ve var ise, sizin siteyi daha önce ziyaret ettiğiniz anlaşılır ve size iletilecek içerik bu doğrultuda belirlenir ve böylelikle sizlere daha iyi bir hizmet sunulur.
Teknik çerezler ile site’in çalışması sağlanmakta, internet sitesinin çalışmayan sayfaları ve alanları tespit edilmektedir.
Ziyaretçilerin şifrelerini kullanarak site’e giriş yapmaları durumunda, bu tür çerezler ile, ziyaretçinin site’de ziyaret ettiği her bir sayfada site kullanıcısı olduğu belirlenerek, kullanıcının her sayfada şifresini yeniden girmesi önlenir.
site’de kullanıcılara sunulan reklamları özelleştirmek ve zaten görüntülenmiş reklamların tekrar gösterilmesini engellemek için kullanılan çerez türleridir.
Kullanıcıların tercihlerini farklı site sayfalarını ziyarette de hatırlamak için kullanılan çerezlerdir. Örneğin, seçmiş olduğunuz dil tercihinizin hatırlanması.
Analitik çerezler ile site’i ziyaret edenlerin sayıları, site’de görüntülenen sayfaların tespiti, site ziyaret saatleri, site sayfaları kaydırma hareketleri gibi analitik sonuçların üretimini sağlayan çerezlerdir.