Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React JS :Uygulamalı React JS Eğitimi

React js - React Component - React State - React LifeCycle - React Router - React JS Projeleri -React JS
Rating: 3.9 out of 53.9 (139 ratings)
7,100 students
Created by BOZ Training
Last updated 6/2020
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • React Js Öğrenmek İsteyen Öğrenciler
  • Uygulamalı React Eğitimi Almak İsteyen Öğrenciler

Course content

13 sections • 140 lectures • 15h 44m total length

  • Preview07:04
  • Preview03:09
  • Merhaba Dünyayı Render Etme
    11:32
  • JSX Formatı Kullanım
    06:51
  • İlk Komponenti Oluşturma
    05:22
  • React CSS Boostrap
    06:02
  • Functional Component
    02:43

  • Props Nedir Propsları Nasıl Kullanırız
    09:55
  • Dizi Elamanlarını Props a Göndermek
    04:06
  • React Developer Tool
    02:15
  • Ara Katman Kullanarak Dizi Elemanarını Gönderme
    08:59
  • Key Nedir
    02:51
  • PropTypes Kullanımı
    07:01
  • is Required
    05:15
  • Shape PropTypes
    08:19
  • Constructor
    03:12
  • Event ve Context
    12:25
  • Constructor Arrow Function ve JSX İçinde Binding
    04:22
  • State
    03:22
  • SetState Ne İşe yarar
    05:19
  • Uygulama
    06:53
  • StateFull StateLess Terimleri Ne demek
    04:00
  • Kaynak Dosyası
    00:01

  • Proje Kurulumu
    06:15
  • Semantic Ui ı Projeye Dahil Etme
    01:41
  • Image ları Çekme
    06:07
  • Componentlere Ayırma
    02:48
  • Değer Gönderme
    09:03
  • Semantic UI yı Projede Aktif Kullanma
    08:21
  • Kaynak Dosyası
    00:01

  • Uygulamaya Giriş
    01:17
  • Listeleme
    21:03
  • Komponentlerin Eklenmesi
    03:49
  • State ile Yaptığımız İşlemler
    12:17
  • State i Nasıl Yazarız
    06:08
  • İçerdeki Komponenetten Dışa Datayı Göndermek
    14:01
  • Search İşlemi
    08:55
  • Kaynak Dosyası
    00:00

  • Proje Giriş
    00:59
  • Proje Kurulumu
    06:00
  • Konum Bilgisi
    05:39
  • Sayfa Yükleniyor Nasıl Yapılır
    15:46
  • Koşula Göre Fonksiyonu Yazma
    10:01
  • Proje Sonu
    11:51
  • Kaynak Dosyası
    00:01

  • Constructor
    04:07
  • ComponenetWillMount
    02:50
  • ComponenetDidMount
    04:00
  • Hiyerarşi
    03:11
  • ComponenetWillReceiveProps
    04:50
  • ShouldComponenetUpdate
    08:05
  • ComponenetWillUpdate
    01:26
  • ComponenetDidUpdate
    01:55
  • Kaynak Dosyası
    00:01

  • Data Çekme İşlemi
    08:48
  • Sayfa Yükleniyor Yapımı
    04:05
  • Axios Kullanımı
    02:54
  • İleri Componennet Kullanımı
    08:30
  • Kaynak Dosyası
    00:00

  • Browser Router Nedir Nasıl Kullanılır Exact
    05:53
  • Strict Kullanımı
    01:10
  • Component
    02:07
  • Route a Parametre Nasıl Gönderilir
    02:19
  • Link İle Yönlendirme Nasıl Yapılır
    02:18
  • Navlink İle Yönlendirme Nasıl Yapılır
    04:10
  • Redirect İle Yönlendirme Nasıl Yapılır
    10:07
  • Switch İle 404 Mesajı Verme
    03:32
  • Kaynak Dosyası
    00:01

  • Proje Giriş
    01:52
  • Proje Kurulumu
    04:49
  • Searchbar
    03:39
  • Css Verilmesi
    08:45
  • State e Değer Atama
    04:15
  • İkon Entegrasyonu
    06:08
  • App.js e parametre göndermek
    05:52
  • API ye Bağlanma
    07:40
  • Postman İle API a Bağlanma
    06:41
  • Axios Entegrasyonu
    08:58
  • Axios Devam
    06:58
  • Componenentlerin Oluşturulması
    02:57
  • Gelen Datayı Listeleme
    07:41
  • Css Verme
    07:58
  • Css Verme Devam
    03:28
  • CreateRef
    02:49
  • Projeye Entegre Etme
    09:20
  • Gerekli Alanları Hesaplama
    08:04
  • Css Grid
    02:52
  • Uygulama ya Genel Bir Bakış
    03:02
  • Kaynak Dosyası
    00:01

  • Preview02:15
  • EmployeeDB Oluşturulması
    01:21
  • Sql de Tablo Oluşturma
    06:12
  • Employee Tablosunun Oluşturulması
    06:15
  • Preview04:52
  • JsonForce
    07:02
  • Postman Kurulumu ve API yi Postmanden Test Etme
    02:20
  • Modelleri Oluşturma
    05:04
  • Controller ın Oluşturulması
    03:42
  • Preview19:51
  • Post Request
    19:13
  • Put Request
    12:11
  • Delete Request
    06:58
  • React Kurulum
    04:59
  • Preview05:39
  • Componenetlerin Oluşturulması
    08:10
  • Routerların Oluşturulması
    07:21
  • Navigation Menu
    10:26
  • Tabloları Oluşturma ve İçini Doldurma
    14:16
  • Preview04:52
  • ASP.NET CORS Hatası Çözümü
    04:33
  • Modal Çıkartılması
    17:15
  • DepartmentName ve Butonu Ekleme
    09:36
  • API ye Bağlanarak Post Etme İşlemi
    09:54
  • Preview02:24
  • Materal-UI Kurulumu ve Snackbar
    18:37
  • Preview20:31
  • DeleteApi Method
    09:51
  • Employee leri API İle Çekip Tabloya Basma
    11:19
  • Employee İçin Model Window Oluşturma
    09:21
  • Departmentları Dropdownda Gösterme Datepicker ve Post
    12:20
  • Employee PUT Method
    14:33
  • Kaynak Dosyası
    00:00

Requirements

  • Html Css Javascript Ön Bİlgisi

Description

25 TL lik kupon kodu için websitemi ziyaret edebilirsiniz.

Websiteme google a boz training yazarak ulaşabilirsiniz.

Eğitimde konu anlatımlarını mümkün olduğunca kısa tuttum.

7 adet proje sayesinde react le birlikte css ve sass a aşilanığız da artacak

Asp.Net Web API React boostrap projesinde hem nasıl backend i oluşturursunuz bunu göreceksiniz hemde Boostrap in react için yazılmış hali olan react boostrap in etkin kullanımını göreceksiniz.

Bunların dışında Material Ui ve diğer third party react library lerinin kullanımı göreceksiniz

Derslerde görüşmek üzere

Who this course is for:

  • React Js yi öğrenmek steyenler
  • Bilgisi olup da proje yapamayan öğrenciler

Instructor

BOZ Training
Microsoft Certified Professional
BOZ Training
  • 4.4 Instructor Rating
  • 2,009 Reviews
  • 16,258 Students
  • 10 Courses

Ben İbrahim Can Boz

Eğitimlerle ilgili ayrıntılı bilgi ve indirim kuponları için web sitemi ziyaret edebilirsiniz.

Web siteme google a boz training yazarak ulaşabilirsiniz.


Galatasaray Üniversitesi Endüstri Mühendisliği mezunuyum.C# da  Microsoft Certified Professional sertifikasına sahibim.

Şu anda bir firmada Fullstack .Net Developer + React Native Developer olarak çalışıyorum.

"Boz Training" YouTube kanalımda ücretsiz eğitim videoları ve içerikleri paylaşmaktayım.

Bilgi paylaştıkça çoğalır.

Derslerde görüşmek üzere!






  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.