Sıfırdan Projelerle Front-End ve React 18.x Öğren (52+ Saat)

€99.90

Sıfırdan Projelerle Front-End ve React 18.x Öğren (52+ Saat)

Course
335 Lessons

52+ Saat Detaylı Video Eğitim ile ;Sıfırdan JavaScript ve ReactJS ile Dinamik Web Projeleri Yaparak Kendini Geliştir(HTML,CSS, Sass, Bootstrap, Git & GitHub)

Hemen Kaydol

İndirim Kodu

Eğitimin İndirim Kodunu Aktif Etmek İçin Linke Tıklayabilirsiniz..

İndirimi Uygula..

React ile Front-End Development Kursuna Hemen Başla..

Sıfırdan başlayanlar için ve kendini React konusunda geliştirmek isteyenler için hazırladığım kursa bu platformdan kayıt olup hemen izlemeye başlayabilirsiniz. Kursa kaydolduktan sonra hemen videoları yine www.hakanyalcinkaya.dev platformundan izleyebileceksiniz..

İndirimi Uygula ve Hemen Kaydol

Yeni Kurslardan Haberdar Ol

Hazırlayacağım kurslardan haberdar olmak için abone olmayı unutma ;)

Öğrenecekleriniz

Kullanıcı Dostu, Hızlı ve Gelişmiş React Projeleri Oluşturabileceksiniz
Her Bölümde Projeler Yaparak HTML, CSS, SASS, Bootstrap Gibi Konularda Kendinizi Geliştirebileceksiniz
VS-Code Kod Editörünü Kullanmayı ve Daha Birçok Ek Aracı Kullanmayı Öğreneceksiniz
Her Bölümde Yaptığınız Projeleri Yayına Almayı ve Versiyon Kontrol Sistemi İle Çalışmayı Öğreneceksiniz
ES6+ ve VanillaJS Temellerinizi Sağlamlaştıracaksınız
ReactJS olmadan da Single Page Applications (SPA) Yapmayı Ayrıca Görecek ve Vizyonunuzu Geliştireceksiniz

Açıklama

Sıfırdan Projelerle JavaScript ve React Eğitimi React18 ile birlikte tasarlanmıştır. Hazırlanan React eğitim setinin hedefi ilerde çıkacak olan güncellemelere de sizleri hazırlayacak şekilde dokümantasyon paylaşımı ile güçlendirilmiştir. Hazırlanan eğitim özellikle yazılıma yeni başlayanlar için tasarlanmıştır. Her bölümde bölüm sonu projeleri yaparak kendinizi geliştirmeye devam edeceğiniz ve bilginizi pekiştirebileceğiniz bir sistemle eğitim hazırlanmıştır.

Eğitimin Özellikleri

Yeni Başlayanlar İçin İdeal: Eğitim, yazılıma yeni başlayanlar için özel olarak tasarlanmıştır. Bölüm sonu projeleri ile kendinizi sürekli geliştirip, öğrendiklerinizi pekiştirebilirsiniz.

Pratik ve Uygulamalı Yaklaşım: Teorik bilginin yanı sıra, her bölümde gerçek projeler geliştirerek pratik yapma imkanı sunulmaktadır.

Eğitimde işlenen temel konular:

HTML: Web'in Yapıtaşı olan HTML, Etiketler, Browser Davranışları ve CSS Olmadan Nasıl Basit Web Projeleri Yapabileceğimiz
CSS: Box Model ve FlexBox ile Responsive (Cihaz Uyumlu) Web Sitelerinin Nasıl Yapılabileceği ve Yeni Gelen CSS Özelliklerini Nasıl Kullanabileceğimiz
SASS/SCSS: SASS ile Daha Az CSS Yazma Teknikleri ve CSS ile Yapılan Projelerin SASS'a Dönüştürülmesi
Visual Studio Code ile Performanslı Çalışmak
Git Versiyon Kontrol Sistemi ve GitHub Kullanımı
Not Alma Teknikleri
JavaScript Temelleri ve Sadece JavaScript Bilgimizle Nasıl Single Page Application(SPA) yapabileceğimiz
ReactJS Temelleri
ReactJS ve Context API ile Çalışmak
React ve Redux ile Çalışmak
React ile API Bazlı Uygulamalar Geliştirmek
React ve Firebase ile Backend İhtiyaçlarını Ortadan Kaldırarak Projeler Geliştirmek

Eğitim Bitiminde Hangi Konularda Kendinizi Geliştirmiş Olacaksınız;

Çok hızlı Bootstrap projeleri geliştirebileceksiniz
Kendi Projelerinizi Hayata Geçirebileceksiniz
Adım Adım Proje Geliştirmeyi Öğreneceksiniz
Web Projelerinde En Çok Bilinmesi Gereken Konuları Öğrenmiş Olacaksınız
İşe Girmek için Elinizde Referans Projeler Olacak
Uluslararası Firmalarda Çalışabilecek Bilgi Birikimine Sahip Olacaksınız
Front-End Developer Olacaksınız

Bu Kurs Kimler İçin

Kursu İndirimli Satın Almak İçin Instagram/hakanyalcinkayadev Profilini Ziyaret Edebilirsiniz. Profildeki Linke Tıklayarak Eğitimi İndirimli Olarak Satın Alabilirsiniz
Sıfırdan Kendini Web Uygulamaları Geliştirmek İsteyenler
Front-End Developer Olmak İsteyenler
React ile Güçlü Projeler Geliştirmek İsteyenler
Birçok Proje ile Kendini Geliştirmek İsteyenler

***

Eğitimin Sonunda Kazanımlarınız:

Hızlı Proje Geliştirme: Bootstrap ile hızlı projeler geliştirme.
Kendi Projelerinizi Hayata Geçirme: Kendi projelerinizi baştan sona tamamlayabilme.
Adım Adım Proje Geliştirme: Proje geliştirme sürecini adım adım öğrenme.
Web Geliştirme Bilgisi: Web projelerinde en çok bilinmesi gereken konular.
Referans Projeler: İş başvurularında kullanabileceğiniz referans projeler.
Uluslararası Fırsatlar: Uluslararası firmalarda çalışabilecek bilgi birikimi.
Front-End Developer: Profesyonel bir Front-End Developer olma yolunda ilerleme.

İçerik (52+ Saat)

Eğitim içeriğindeki bazı videoları "Preview" butonuna basarak izleyebilirsiniz..

Kursu İndirimli Satın Almak İçin Instagram/hakanyalcinkayadev Profilini Ziyaret Edebilirsiniz. Profildeki Linke Tıklayarak Eğitimi İndirimli Olarak Satın Alabilirsiniz

Başlangıç

Yeni Teknoloji Çıktı.. Şimdi Ne Olacak? Hemen En Yeni Olana Geçmeli miyiz?

7 mins
201 MB

Frameworkler ve Yazılım Dillerindeki Versiyon Değişiklikleri Hakkında Genel Bilgi

21 mins
1.34 GB

Preview

Çözüm Geliştirici Olmak

10 mins
265 MB

Diff Checker - Yazdığınız Koddaki Farklılıkları Bulmak

5 mins
137 MB

Preview

Denemek ve Yeniden Yeni Yollar Denemek

3 mins
86 MB

10 Günde Yazılan Yazılım Dili..

4 mins
128 MB

Front-End Yol Haritası

5 mins
162 MB

Biraz Tarihçe :) HTML, CSS, JavaScript ve Browser Tarihçesi

18 mins
420 MB

Bu Eğitimi Alırsam Front-End Developer Olabilir miyim?

3 mins
53.6 MB

Sınıf İçi Eğitim vs Özel Ders vs Video Eğitim

12 mins
335 MB

Yapay Zeka ve Biz

17 mins
1.35 GB

Preview

Front-End Eğitiminde Kullanılan Kaynak Dosyalara Nasıl Erişebilirim

Bölüm Sonu İleri Bildirim Formu

Kurulum

Windows İşletim Sistemine Gerekli Kurulumların Yapılması

9 mins
240 MB

macOS İşletim Sistemine Gerekli Kurulumların Yapılması

7 mins
212 MB

GitHub Profilinin Açılması

6 mins
159 MB

Eğitime Hazırlık: Notion, Chrome ve MarkDown ile Üretkenliğinizi Arttırın

Notion ile Not Alma Sisteminin Oluşturulması

7 mins
158 MB

Chrome'da Sayfaların Bookmark ile Organize Edilmesi

5 mins
137 MB

Visual Studio Code - Genel Kullanımı

10 mins
214 MB

*Markdown Nedir? Nasıl Kullanılır?

16 mins
486 MB

Preview

Bölüm Sonu İleri Bildirim Formu

HTML

HTML Nedir?

9 mins
240 MB

Arkana Yaslan - CSS Olmadan Web Siteleri Nasıl Gözüküyor?

6 mins
264 MB

İlk HTML Dokümanının Oluşturulması

11 mins
271 MB

Başlıklar ve Paragraflar ile Çalışmak

17 mins
429 MB

HTML Yapısının Emmet ile Oluşturulması

17 mins
458 MB

Visual Studio Code içinde Hangi Yapısal Dil ile Çalıştığımızın Belirlenmesi

5 mins
99.8 MB

Açıklama Satırı Eklemek

8 mins
228 MB

Listeler ile Çalışmak

10 mins
238 MB

Emmet ile Çalışmak - Bölüm 1

9 mins
233 MB

Preview

Emmet ile Çalışmak - Bölüm 2

11 mins
311 MB

Emmet ile Çalışmak - Bölüm 3

12 mins
356 MB

Linkler ile Çalışmak

16 mins
485 MB

HTML Yapılarına Görsel Eklemek

14 mins
626 MB

Link ve Görselin Birlikte Kullanımı

4 mins
139 MB

Bold ve İtalik Gibi Metinsel Özelliklerin Eklenmesi

3 mins
64.5 MB

Block ve Inline Etiketler Nelerdir? Nasıl Kullanılır?

10 mins
291 MB

Tablo ile Çalışmak

5 mins
116 MB

Girintiler(Indentations) ile Çalışmak

7 mins
218 MB

HTML Etiketlerine Ekstra Özellikler Eklenebilmesi

5 mins
142 MB

Semantic(Anlamlandırılmış) Etiketlerin Kullanımı

9 mins
316 MB

Web Sitelerinde Erişilebilirlik

13 mins
442 MB

Erişilebilirlik için Tasarım (Ek Bilgi)

9 mins
171 MB

Diğer HTML Etiketleri Neler

7 mins
185 MB

Sürpriz Yumurta :)

5 mins
94.4 MB

Bölüm Sonu Projesi 1

17 mins
526 MB

Bölüm Sonu Projesi 1 - Projeyi Canlıya Almak

10 mins
300 MB

Bölüm Sonu Projesi 2

17 mins
560 MB

Bölüm Sonu Projesi 2 - Projeyi Canlıya Almak

3 mins
62.7 MB

Classless CSS - İlham

3 mins
94.5 MB

Bölüm Sonu Hikayesi

5 mins
423 MB

Bölüm Sonu İleri Bildirim Formu

Visual Studio Code (VS Code) Kulllanımı

Ekran Kullanımının İyileştirilmesi

6 mins
156 MB

IDE Nedir? Metin/Kod Editörü Nedir?

10 mins
323 MB

VS Code Genel Görünümü ve Görünüm Özellikleri

13 mins
377 MB

Proje Klasörü Açmak ve Birden Fazla Proje ile Çalışmak

6 mins
136 MB

VS Code içinde Dosya ve Klasör Açma Taktikleri

12 mins
328 MB

VS Code Ayarlarının İncelenmesi ve Birden Fazla Profil ile Çalışmak

9 mins
231 MB

Font Kullanımı

6 mins
144 MB

Görünümün Ayarlanması: Temalar ve İkonlar

6 mins
177 MB

VS Code - Birden Fazla Profil ile Çalışmak

7 mins
200 MB

Preview

Outline ve Breadcrumbs

4 mins
117 MB

Multi-Cursor Kullanımı

11 mins
260 MB

005-011-Blok-Yapilari-Tasima-ve-Kopyalama.mp4

5 mins
129 MB

Klavye Kısayol Tuşları ile Çalışmak

8 mins
232 MB

Code Snippets Kullanımı

12 mins
312 MB

VS Code içinde Terminal ile Çalışmak

8 mins
183 MB

VS Code Playground

7 mins
219 MB

Bölüm Sonu İleri Bildirim Formu

Git Versiyon Kontrol Sistemi ve GitHub Platformu

Neden Versiyon Kontrol Sistemi Kullanıyoruz?

10 mins
260 MB

Versiyon Kontrol Sistemi Görsel Demo

8 mins
176 MB

Projelerde Versiyon Kontrol Sisteminin Oluşturulması (git init)

18 mins
444 MB

.gitignore ile Versiyonlanmayacak Dosya ve Klasorlerin Tanımlanması

13 mins
358 MB

.gitignore Dosyasının Diğer Projelere Eklenmesi

4 mins
73.5 MB

Terminal'de Versiyon Kontrol Sistemi Komutları

7 mins
177 MB

Birden Fazla Branch ile Çalışmak

5 mins
128 MB

GitHub Profil Sayfasının Oluşturulması

11 mins
342 MB

Preview

GitHub'a Projenin Aktarılması

13 mins
379 MB

Uzaktaki Repodan(GitHub) Projenin Clone ile Alınması - Projenin Senkron Edilmesi

7 mins
160 MB

VS-Code'u Online Açmak ve GitHub Üzerindeki Repoda Değişiklik Yapmak

4 mins
88.3 MB

GitHub.io (GitHub Pages) üzerinde Web Sitemizi Yayınlamak

11 mins
310 MB

GitHub Gist'i Keşfet, Code Snippets ve Diğer Bilgilerini GitHub Gist'e Kaydet

5 mins
122 MB

GitHub Alternatifleri

5 mins
170 MB

Bölüm Sonu İleri Bildirim Formu

CSS

CSS Nedir

5 mins
167 MB

CSS Tanımlamaları - Inline, Internal ve External CSS Tanımlamaları

14 mins
421 MB

Relative Path, Root-Relative Path ve Absolute Path ile Dosya Yeri Belirlemek

11 mins
268 MB

Açıklama Satırı Eklemek, Genel Seçiciler ve CSS Yazma Kuralları

11 mins
328 MB

CSS Seçicileri ile Çalışmak

15 mins
450 MB

Block, Inline ve Inline-Block Yapılarını Anlamak

10 mins
290 MB

Kutu Özellikleri: Margin, Padding, Border, Width ve Height

13 mins
426 MB

Görünürlük: Visibility ve Display None Arasındaki Farklar

5 mins
138 MB

User Agent CSS Düzenlemeri

11 mins
329 MB

Hover ve Display None Özelliklerinin Birlikte Kullanımı

14 mins
441 MB

CSS Reset ve Normalize Nedir ve Neden Kullanılmalı

8 mins
268 MB

Preview

CSS Bloklarının/Yapılarının Organize Edilmesi

10 mins
419 MB

Background-Image Kullanımı

12 mins
349 MB

Renk Tanımlamaları - HEX, RGBA ve HSL Kullanımı

14 mins
432 MB

Metin Özellikleri

14 mins
531 MB

Font Size, REM ve EM Kullanımları

11 mins
400 MB

Font-Family Kullanımı

6 mins
211 MB

Float Kullanımı

9 mins
301 MB

Liste Özellikleri

9 mins
298 MB

CSS Değişkenleri ile Çalışmak ve Değişkenleri :root ile Tanımlamak

7 mins
308 MB

:root ile Dark Theme Oluşturmak

7 mins
217 MB

Proje1: Pico Clone - NavBar

15 mins
428 MB

Proje1: Pico Clone - Dark Theme

5 mins
142 MB

Proje1: Pico Clone - main Block ve aside Düzenlemeleri

11 mins
311 MB

Proje1: Pico Clone - Article Yapısının Eklenmesi

12 mins
391 MB

Neden Classless CSS Kullandık

7 mins
188 MB

CSS Positions ile Objelerin Yerleşiminin Değiştirilmesi

17 mins
589 MB

Media Query ile Responsive Yapılar Oluşturmak

15 mins
455 MB

CodePen ile Denemeler Yapmak

5 mins
105 MB

Flexbox Kullanımı ve İlk Yapının Oluşturulması

11 mins
269 MB

Flexbox - Justify Content Kullanımı

5 mins
133 MB

Flexbox - Justify Content Özelliklerine Devam ;)

9 mins
211 MB

Flexbox ile Ekranın Ortasında Kutu Oluşturulması

8 mins
215 MB

Flexbox ile Google Layout(İskelet) Yapısının Oluşturulması

17 mins
474 MB

Flexbox - Order Kullanımı ile Responsive Yapıda Sıralamanın Değiştirilmesi

14 mins
427 MB

Flexbox - Align Self ile Tek Bir Kutunun Yerleşiminin Değiştirilmesi

10 mins
294 MB

Flexbox - Wrap, Grow, Shrink ve Basis Kullamımları

19 mins
920 MB

Bölüm Sonu Projesi: Yapının Hazırlanması ve Navbar

15 mins
473 MB

Bölüm Sonu Projesi: Main Kısmının Oluşturulması

13 mins
419 MB

Bölüm Sonu Projesi: Aside Kısmının Oluşturulması

8 mins
257 MB

Bölüm Sonu Projesi: Alt Kısmın Oluşturulması

12 mins
445 MB

Bölüm Sonu Projesi: Projenin Yayına/Canlıya Alınması

3 mins
70.4 MB

Bölüm Sonu İleri Bildirim Formu

SASS - SCSS

SASS / SCSS Nedir?

9 mins
274 MB

SCSS ve SASS Arasındaki Farklar Nedir?

4 mins
109 MB

Preview

SCSS'i Online Ortamda ve Proje İçinde Kullanmak/Ayarlamak

14 mins
379 MB

VS Code içinde Live Sass Compiler Kullanımı ile Sass Kullanımı

9 mins
211 MB

VS Code içerisinde Hazırladığım Repo için Live Sass Compiler Ayarlar Düzenlemesi

6 mins
133 MB

README Dosyasındaki Linkler ve .gitignore Düzenlemesi Hakkında

2 mins
49.6 MB

SCSS - Değişken Tanımlamak

6 mins
148 MB

SCSS ile import Kullanımı

4 mins
89.5 MB

SCSS Nesting Kullanımı

11 mins
285 MB

Parent Selector Kullanımı

4 mins
108 MB

Mixin Kullanımı

7 mins
176 MB

Preview

Extend Kullanımı

5 mins
106 MB

Interpolation Kullanımı

5 mins
113 MB

List ile Birden Fazla Değişkenin Sistemde Tutulabilmesi

5 mins
106 MB

Each Kullanımı (Liste İçindeki Verileri Döngüde Kullanmak)

3 mins
67.2 MB

Map Kullanımı(Key / Value Yapıları Kullanımı)

8 mins
189 MB

For Kullanımı

4 mins
76.3 MB

SCSS Renk Fonksiyonlarının Kullanımı

6 mins
153 MB

Bölüm Sonu Çalışması:Classless CSS ile Yapılan Blog Çalışmasının SCSS'e Çevirmek

18 mins
505 MB

Bölüm Sonu İleri Bildirim Formu

Bootstrap

Bootstrap Nedir? Alternatifleri Nelerdir?

16 mins
462 MB

Arkana Yaslan: Online Platform ile Web Sitesi Yapımı ve Bootstrap'ı Özelleştirmek

10 mins
350 MB

Bootstrap'ın Standardize Ettiği Renk İsimlendirmelerini Anlamak

9 mins
293 MB

UI Nedir? UX Nedir? Bu Kavramlar Neden Önemli?

12 mins
417 MB

Container ve Grid(Izgara) Sistemini Anlamak

11 mins
395 MB

Grid Sistem ile Çalışmak

15 mins
477 MB

Responsive (Cihaz Uyumlu) Grid Sistem Oluşturmak

12 mins
362 MB

Responsive Yapılarda Reordering(Cihaz Uyumlu Düzen Değişimi)

8 mins
274 MB

Margin ve Padding Kullanımı

5 mins
225 MB

Responsive Uyumlu Olarak Yapıları Gizlemek veya Göstermek

11 mins
343 MB

Bootstrap Dokümantasyonunda Gezinti.. Özelliklerin İncelenmesi

10 mins
498 MB

Preview

Bölüm Sonu Projesi 1: Navbar ve Üst Bilgi

13 mins
475 MB

Bölüm Sonu Projesi 1: Hero Info

7 mins
265 MB

Bölüm Sonu Projesi 1: Card Yapısının Oluşturulması

7 mins
286 MB

Bölüm Sonu Projesi 1: Aside ve Makalelerin Oluşturulması

10 mins
404 MB

Bölüm Sonu Projesi 1: Aside ve Diğer İçeriklerin Zenginleştirilmesi

6 mins
289 MB

Bölüm Sonu Projesi 1: Footer ve Görsellerin Eklenmesi

12 mins
522 MB

Bölüm Sonu Projesi 1: Projenin Canlıya Alınması

4 mins
158 MB

Bölüm Sonu Projesi 2: Starbucks Layout: Navbar ve İlk Kısımların Düzenlemesi

8 mins
232 MB

Bölüm Sonu Projesi 2: Starbucks Layout: Genel Yapının Düzenlenmesi

7 mins
271 MB

Bölüm Sonu Projesi 2: Starbucks Layout: İçerik ve Card Yapısının Düzenlenmesi

17 mins
713 MB

Bölüm Sonu Projesi 2: Starbucks Layout: Aside Layout Düzenlenmesi

6 mins
224 MB

Bölüm Sonu Projesi 2: Starbucks Layout: Footer Düzenlenmesi

16 mins
639 MB

Bölüm Sonu Projesi 2: Starbucks Lyt: CSS Düzenleme ve Projenin Canlıya Alınması

7 mins
242 MB

Bölüm Sonu İleri Bildirim Formu

JavaScript

JavaScript ile İlk Kodun Oluşturulması ve İlk Çıktının Alınması

11 mins
263 MB

console.log Nedir? Nasıl Kullanılır?

10 mins
198 MB

Değişken Tanımlama ve İsimlendirme Kuralları

15 mins
396 MB

let, const, var ile Değişken Tanımlamak ve Aralarındaki Farklar

17 mins
396 MB

Boolean Veri Tipi ile Çalışmak

10 mins
219 MB

Number Veri Tipi ile Çalışmak

12 mins
252 MB

Number Veri Tipi ile İlgili Ek Bilgiler

9 mins
202 MB

String(Metinsel) Veri Tipi ile Çalışmak

24 mins
641 MB

Template Literals Kullanımı

8 mins
226 MB

Veri Türü Dönüşümü ve Veri Tipi Kontrolü

11 mins
292 MB

prompt, alert ve confirm Kullanımı

10 mins
248 MB

DOM Öğelerine Erişmek

19 mins
501 MB

DOM Etiketleri ile İşlem Yapmak

12 mins
463 MB

Açıklama Satırları ve Fazlası..

14 mins
356 MB

DOM'da Yeni Etiket/Element Oluşturmak

18 mins
503 MB

Karşılaştırma Operatörleri

25 mins
748 MB

Koşullar ile Çalışmak

12 mins
317 MB

Çoklu Koşul Yapısı Oluşturmak

20 mins
573 MB

while Döngüsü ile Çalışmak

11 mins
275 MB

ternary operator(Short If) ile Tek Satırlık Koşullar Oluşturmak

8 mins
209 MB

Preview

Array ile Çalışmak

14 mins
391 MB

Array Metodları ile Array İçerisindeki Verilerin Kontrolü ve Daha Fazlası

18 mins
546 MB

Fonksiyonlar ile Çalışmak

21 mins
609 MB

Arrow Function(Fat Arrow =>) Fonksiyonları ile Çalışmak

15 mins
409 MB

Object ile Çalışmak

15 mins
486 MB

Object Kullanımı ve Diğer İşlemler

10 mins
304 MB

Destructuring: Array ve/veya Object içerisinden Item Çıkartmak

14 mins
379 MB

Etiketlere Class Eklemek, Class Çıkartmak veya Toggle ile Ekle/Çıkar İşlemleri

7 mins
184 MB

DOM Hareketlerini(DOM Events) Yakalamak

12 mins
337 MB

Navbar Menu Dropdown Egzersizi

15 mins
312 MB

For Döngüsü ile Çalışmak

9 mins
224 MB

forEach Döngüsü ile Çalışmak (Array.prototype.forEach)

8 mins
200 MB

Navbar Dropdown ve forEach Kullanımı

7 mins
213 MB

Navbar Menu Dışına Tıklanınca Menünün Kapanması ve DOM Hareketlerinin Takibi

6 mins
216 MB

JavaScript ile Form Yönetimi

15 mins
483 MB

HTML Form Method ve Action Bilgileri

9 mins
343 MB

JavaScript ile Form içindeki Bilgilerin Alınması

21 mins
663 MB

localStorage Kullanımı: Veri Eklemek, Veriyi Getirmek ve Veriyi Silmek

11 mins
320 MB

Bölüm Sonu Çalışması 1: Form Oluşturmak

9 mins
263 MB

Bölüm Sonu Çalışması 1: Form Yapısının Dinamik Hale Getirilmesi

9 mins
266 MB

Bölüm Sonu Çalışması 1: Form Bilgilerin localStorage'a Yazılması

18 mins
539 MB

Bölüm Sonu Çalışması 1: Renk Paletlerinin Sayfada Gösterilmesi

10 mins
290 MB

Bölüm Sonu Çalışması 1: Renk Paletine Tıklayınca Kopyalama - Clipboard Kullanımı

12 mins
369 MB

Array: .filter Kullanımı

12 mins
334 MB

Array: .map Kullanımı

23 mins
657 MB

Array: .reduce Kullanımı

12 mins
348 MB

JSON Stringify ve Parse Kullanımı

7 mins
198 MB

Fetch API ile Çalışmak

15 mins
497 MB

Hata Yönetimi

4 mins
95.6 MB

Bölüm Sonu Çalışması 2: Hash Routing Yapısının Oluşturulması

13 mins
386 MB

Bölüm Sonu Çalışması 2: Verilerin Fetch API ile Getirilmesi

19 mins
528 MB

Bölüm Sonu İleri Bildirim Formu

React Temelleri

React'ı Anlamak

12 mins
364 MB

Ek Bilgi: nokta(.) Yani Bu Klasör Kullanımını Anlamak

5 mins
127 MB

Preview

React'ı Online Ortamda Çalıştırmak ve create-react-app ile Ortam Kurulumu

15 mins
382 MB

React'ı Vite ile Kurmak ve Çalıştırmak

12 mins
334 MB

Projenin Klasör Yapısının İncelenmesi

11 mins
286 MB

ReactJS - JSX Kuralları - 1

16 mins
402 MB

ReactJS - JSX Kuralları - 2

10 mins
289 MB

ReactJS - JSX Kuralları - 3

14 mins
410 MB

ReactJS - JSX Kuralları - 4

8 mins
213 MB

Module Import ve Export Kullanımı - 1

11 mins
300 MB

Module Import ve Export Kullanımı - 2

8 mins
246 MB

Module Import ve Export Kullanımı - 3

9 mins
253 MB

React - Props Kullanımı - 1

14 mins
412 MB

React - Props Kullanımı - 2

12 mins
363 MB

React - Props ile Componentler Arası Bilgi Aktarımı

9 mins
267 MB

React - Props children Kullanımı

6 mins
187 MB

React - Props Drilling Nedir?

6 mins
174 MB

Preview

Conditional Rendering - Koşullu Render Kullanımı

11 mins
345 MB

Optional Chain Kontrolü

8 mins
231 MB

useState: Component içindeki Bilgileri Değiştirebilmek için useState Kullanımı

18 mins
494 MB

useState ile Dinamik Yapılar Oluşturmak

18 mins
547 MB

useState ve Props ile Componentler Arası İletişim Sağlamak

19 mins
515 MB

Bölüm Sonu Çalışması 1: Yapının Oluşturulması ve PicoCSS Eklenmesi

14 mins
375 MB

Bölüm Sonu Çalışması 1: Taskların Tamamlanması

12 mins
327 MB

Bölüm Sonu Çalışması 2: Genel Yapının Oluşturulması

10 mins
229 MB

Bölüm Sonu Çalışması 2: Ürünler Yapısının Oluşturulması

9 mins
224 MB

Bölüm Sonu Çalışması 2: ProductCard Yapısının Oluşturulması ve Aktif Ürün Seçimi

12 mins
317 MB

Bölüm Sonu Çalışması 2: Props Cehennemi :) Bilgilerin Alt Component'e Gönderimi

11 mins
288 MB

Bölüm Sonu Çalışması 2: Filtreleme İşlemleri

16 mins
493 MB

Bölüm Sonu İleri Bildirim Formu

React - Form ile Çalışmak

Yeni Projenin Oluşturulması ve Bootstrap'ın Eklenmesi

8 mins
194 MB

Form Submit İşleminin Denetimi için preventDefault Eklenmesi

5 mins
116 MB

Form İçindeki Bilgilerin Yeni Task Olarak Eklenmesi

14 mins
356 MB

Form İçindeki Bilgilerin UUID ile Eklenmesi ve İstenilen Öğenin Silinmesi

12 mins
281 MB

Task Görünümü Düzenlemesi ve Düzenle Butonunun Eklenmesi

7 mins
156 MB

Task Düzenleme Aksiyonunun Oluşturulması

5 mins
105 MB

UI Düzenlemeleri ile Yapının İyileştirilmesi

11 mins
271 MB

Task Bilgilerinin Filtrelenmesi ve useEffect Kullanımı

12 mins
314 MB

useEffect Nedir? Neden İhtiyaç Duyarız?

7 mins
187 MB

Preview

Component Yapısının Düzenlenmesi

5 mins
142 MB

Tasklar için --Bitti-- Yapısının Oluşturulması

10 mins
261 MB

useEffect ve localStorage Kullanımı ile Taskların localStorage İçinde Tutulması

8 mins
208 MB

Bölüm Sonu İleri Bildirim Formu

React Router Dom ile Çalışmak

React Router Dom Kullanımı ve Yapının Oluşturulması

14 mins
333 MB

Routes Yapısının Oluşturulması ve İstenilen Component'in URLe Göre Getirilmesi

14 mins
338 MB

Ana Sayfada Ürünlerin Gösterilmesi

14 mins
412 MB

Ürünler Sayfasının Oluşturulması

17 mins
446 MB

Kategori Detay Sayfasının Oluşturulması

9 mins
241 MB

Ürün Detay Sayfasının Oluşturulması

10 mins
258 MB

Preview

14 mins
372 MB

Protected-Private Route ile İstenilen Componentlerin Gösterimi

9 mins
229 MB

Site Yüklendiğinde localStorage ve useEffect ile Kullanıcının Getirilmesi

2 mins
42.2 MB

User Bilgisinin Props ile Diğer Componentlere İletilmesi

10 mins
330 MB

Favoriler Yapısının Oluşturulması

15 mins
425 MB

Bölüm Sonu İleri Bildirim Formu

React - Context API ile Çalışmak

Context API ile Oluşturulacak Projenin Genel Yapısının Hazırlanması

10 mins
215 MB

React Router Dom'un Projeye Eklenmesi

10 mins
269 MB

Dark Theme Yapısının Oluşturulması ve Temanın Değiştirilebilmesi

16 mins
411 MB

Context API Yapısının Oluşturulması ve Tema Bilgisinin Site Genelinde Kullanımı

16 mins
425 MB

Context API, useEffect ve localStorage'in Birlikte Kullanılması

10 mins
271 MB

Bölüm Sonu Çalışması: React Router Dom ile Yapının Kurulması

7 mins
242 MB

Bölüm Sonu Çalışması: Context API Yapısının Eklenmesi

12 mins
492 MB

Preview

Bölüm Sonu Çalışması: Tüm Componentlerin Context API İçerisinden Veri Alınması

9 mins
388 MB

Bölüm Sonu İleri Bildirim Formu

Styled-Components ile Çalışmak

React: Styled Components Nedir ve Nasıl Kurulur?

10 mins
216 MB

Preview

React: Styled-Components ile İlk Styled Button Yapısının Oluşturulması

9 mins
209 MB

React: Styled-Components - Props Kullanımı

14 mins
309 MB

React: Styled-Components - Extend Kullanımı

6 mins
130 MB

React: Styled-Components Attributes(Ek Özellik) Eklemek

5 mins
103 MB

React: Styled-Components Animasyon Oluşturmak

9 mins
200 MB

React: Styled-Components - Tema Kullanımı

9 mins
205 MB

React: Styled-Components - Global Style Kullanımı

8 mins
176 MB

React: Styled Components - Bölüm Sonu Çalışması - Kurulum

11 mins
239 MB

React:Styled Components - Bölüm Sonu Çalışmsı - GlobalCSS Yapısının Kurgulanması

13 mins
300 MB

React: Styled Components - Bölüm Sonu Çalışması - Tema Oluşturulması

9 mins
188 MB

React: Styled Components - Bölüm Sonu Çalışması - Tema Yapısının Düzenlenmesi

7 mins
147 MB

React: Styled Components - Bölüm Sonu - Header Yapısının Tema ile Çalışması

11 mins
239 MB

React: Styled Components - Bölüm Sonu - Context API Yapısının Oluştuşturulması

10 mins
215 MB

React: Styled Components - Bölüm Sonu Çalışması - Tema ve Context API Kullanımı

7 mins
147 MB

React: Styled Components - Bölüm Sonu Çalışması - Aside Yapısının Oluşturulması

8 mins
175 MB

Styled Components - Bölüm Sonu - Diğer Component Yapılarının Düzenlenmesi - 1

14 mins
306 MB

Styled Components - Bölüm Sonu - Diğer Component Yapılarının Düzenlenmesi - 2

17 mins
376 MB

Bölüm Sonu İleri Bildirim Formu

React: useReducer ile Çalışmak

React: useReducer ile İlk Örnek Yapının Oluşturulması

18 mins
597 MB

React: useReducer Yapısının useContext ile Kullanılması

19 mins
671 MB

React: useReducer - Add Todo Yapısının Oluşturulması

13 mins
299 MB

React: useReducer - Todo Payload Bilgisinin Kullanılması

8 mins
228 MB

React: useReducer - Todo Payload Bilgisinin Context API ile Kullanılması

9 mins
249 MB

Preview

Bölüm Sonu İleri Bildirim Formu

React - Redux ile Çalışmak

React - Redux Toolkit Kurulumu

9 mins
223 MB

React - Redux Toolkit - Counter Yapısının Oluşturulması

15 mins
371 MB

Counter Slice ve Action Yapısının Oluşturulması

8 mins
166 MB

React - Redux Store Bilgisinin Farklı Componentlerde Kullanılabilmesi

6 mins
127 MB

Redux Store'a İkinci Yapının Oluşturulması ve Kullanımı: Todo List

13 mins
320 MB

React - Redux Store İçindeki Todo Bilgisinin Silinmesi

5 mins
101 MB

Preview

Bölüm Sonu İleri Bildirim Formu

Redux Toolkit Query, Fetch ve Axios ile API Kullanımı(3 Yöntem) + ReactRouterDom

React - Redux Toolkit Query(RTK) - Ortam Kurulumu

7 mins
175 MB

Projede Yapılacaklar Listesinin Oluşturulması ve Navbar Eklenmesi

9 mins
227 MB

Ana Sayfa, Container ve Row Yapılarının Oluşturulması

6 mins
135 MB

React Router Dom ve Diğer Sayfaların Eklenmesi

6 mins
154 MB

.env (Environment) Yapısının Eklenmesi ve ENV Kullanımı

9 mins
242 MB

Preview

Cat API Key Bilgisinin Eklenmesi

7 mins
158 MB

1. Yöntem: Fetch API ile Kategori Verilerinin Çekilmesi

10 mins
275 MB

1. Yöntem: Fetch API ile Kategori Sayfasının Düzenlenmesi

5 mins
139 MB

1. Yöntem: customHook ile Fetch API Yapısının Oluşturulması

6 mins
145 MB

1. Yöntem: Detay Sayfasındaki Bilgilerin Fetch API ile Getirilmesi

13 mins
394 MB

1. Yöntem: Kategori Düzenlemeleri ve Fetch API ile Görsellerin Getirilmesi

6 mins
195 MB

2. Yöntem: Axios ile Kategorilerin Getirilmesi

11 mins
320 MB

2. Yöntem: Axios ile Kategori Detay Sayfasının Getirilmesi

4 mins
127 MB

3: Yöntem: Redux Toolkit Query ile Tüm Yapının Oluşturulması

20 mins
608 MB

Bölüm Sonu İleri Bildirim Formu

Hazırladığım Eğitimlerle İlgili Yorumlar

Hocamızın emeğine sağlık. Anlamadığım birçok şeyi çok iyi anladım. Kurs içeriği çok güzel hazırlanmış. Hocamız her şeyi detaylıca anlatıyor ve konunun daha iyi anlaşılması için çeşitli örnek projeler yapıyor. Başka dersleri sabırsızlıkla bekliyorum

Gülnisa

Hakan Hocam gerçekten muazzam bilgi ve tecrübeleri ile harika bir eğitim hazırlamış. Eğitimi aldığım için çok mutluyum ve herkese tavsiye ederim.

Edit: Eğitimin yarısı bitti bile ve çok eğlenceli geçiyor :)

Ferdi S.

Dersine girdiğim en iyi Öğretmensiniz ve her bir kelimenizde ki bilgi benim için çok önemli . Totalde 52 saat ama bunun arka planında ki emeği görebiliyorum.

Umarım bu bilgileri doğru bir şekilde kullanır ve sizinle paylaşma fırsatı yakalarım. Teşekürler

Mustafa B.

Hakan hoca alanında gerçekten bayağı iyidir. Her eğitimini zevk alarak izleyeceğinizi düşünüyorum. İyi çalışmalar herkese :)

Umut K.

Hakan hocamın Patika.dev deki eğitimlerinden oldukça memnun kaldığım için ve konu anlatımını kendi anlama biçimime yakın bulduğum gördüm ve bu eğitimi de ondan almaya karar verdim

Onur I.

Her eğitiminde bir şeyleri öğretirken öylesine değil gerçekten öğrensinler şeklinde yaklaşımıyla, bence mükemmel üslubuyla. Kesinlikle çok kaliteli ve çok iyi bir eğitmen. Sayın Hakan Yalçınkaya benim nazarımda Hakan Yalçınkaya ve diğerleri gibi iddialı bir cümlenin karşılığı. Umarım hayatta her şey gönlünce olsun sayın Hocam. Sevgiler :)

Ahmet Fatih R.

Kurslar