Skip to content

Instantly share code, notes, and snippets.

@ustun
Last active August 29, 2015 14:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ustun/efc93b9668dbeabbf809 to your computer and use it in GitHub Desktop.
Save ustun/efc93b9668dbeabbf809 to your computer and use it in GitHub Desktop.
React Eğitim ve Çalıştayı

React Eğitimi ve Çalıştayı

Önemli Not: Yoğun ilgi üzerine kayıtlarımız dolmuş durumda. Ancak kayıt olup da gelmeyecekler olabilir. Bu nedenle gelmek isteyenler lütfen bekleme listesine (waitlist) kayıt olsun, yer açıldıkça haberdar edileceklerdir.

Yazane işbirliği ile düzenleyeceğimiz bu eğitimde Üstün Özgür Yazılım olarak Facebook'un React kütüphanesi üzerine ayrıntılı bir eğitim ve çalıştay vereceğiz. Etkinlik hem eğitim hem de katılımcıların bazı örnekleri geliştirdiği bir çalıştay şeklinde gerçekleşecek.

Etkinliğin iki temel amacı olacak: Birincisi React kullanımının Türkiye'de yaygınlaşmasını sağlamak. İkincisi de Üstün Özgür Yazılım olarak, React ve JavaScript konusunda hevesli çalışma arkadaşları bulmak. Lütfen iş ilanı ile ilgili olarak https://gist.github.com/ustun/5ee3250acf938e4115c6 adresindeki bilgileri inceleyin.

Etkinlik kaydı için lütfen şu adresi ziyaret edin: http://bit.ly/reactegitim

Tarih

13 Haziran 2015 Cumartesi

Yer

Yazane Coworking 3. Kat Toplantı Salonu Tophane İstanbul

https://www.google.com/maps/place/Yazane+Coworking/@41.025418,28.982062,17z/data=!3m1!4b1!4m2!3m1!1s0x14cab9dbf8933635:0xec54340b503893dd

Etkinlik Seviyesi

Etkinlik React ile hiç deneyimi olmayan ya da başlangıç seviyesinde deneyimi olan insanlara yönelik olacak. React ile halihazırda deneyimi olanlar için bildiklerini tekrar şansı olabilir. Eğer halihazırda React biliyorsanız lütfen iş ilanımıza göz atın.

Ayrıntılı Bilgi

Son zamanların en heyecan verici JavaScript kütüphanelerinden biri React. Henüz en popüleri değil, ancak temelleri o kadar sağlam ki Angular ve Ember gibi rakiplerinin bile dikkatini çekti ve React tarafından popüler hale getirilen özellikler bu kütüphanelere eklenmeye başlandı. React, Facebook ve Instagram tarafından açık kaynak olarak yayınlandıktan iki yıl sonra Khan Academy, Airbnb, Hipchat ve Netflix gibi birçok önemli web sitesi tarafından kullanılmaya başlandı.

React'in kullanımı hem kolay hem de basittir. Birkaç temel fikri öğrendikten sonra karmaşık web arayüzleri oluşturmak çok kolay hale gelecektir. Bu eğitim ve çalıştayda (workshop) React'in ana özelliklerini öğreneceğiz, yeni ve hazır bir projede React kullanmayı öğrenmeye hazır hale geleceğiz. React'in ana noktalarından biri de var olan teknolojilerle uyum içerisinde ve projeyi sil baştan yazmadan kullanılabilmesidir.

React'in yaygınlaşmasının en önemli sebeplerinden biri hızıdır. Bu çalıştayda React'i bu kadar hızlı yapan sanal DOM teknolojisi üzerinden geçeceğiz. Daha sonra React'in asıl artısının geliştirme hızı, basitlik ve kod anlaşılırlığı olduğunu göreceğiz. Bu sayede kullanıcı arabirimlerinin nasıl zahmetsiz ve tasarımcı dostu şekilde yapılabileceğini göreceğiz.

Bölümler

Bu çalıştay şu bölümlerden oluşacaktır:

React'e Giriş

  1. React'teki ana fikirlerin kısa özeti: Bileşenler, sürekli yeniden render etme (görüntüleme), sanal DOM, props ve state. Birkaç küçük bileşen ile ana React fikirlerini örnekleyeceğiz.

  2. Her şeyin statik olduğu örnek bir uygulama oluşturma. Bu kısımda varolan bir HTML tasarımını React uygulamasına çevirmeyi ve React'i bileşenlerine ayırmayı göreceğiz.

  3. Örnek uygulamayı değişken state olacak şekilde değiştirmek. Bu kısımda statik uygulamamızdaki bazı izole kısımları değiştirip veri değişimini örnekleyeceğiz.

  4. AJAX çağrıları ve diğer veri kaynakları ile entegrasyon: AJAX çağrıları (örneğin jQuery GET/POST istekleri) ile React'in nasıl uyum içerisinde olacağını göreceğiz.

  5. React'te formlar: Formlar sunucu tarafındaki verinin kullanıcılar tarafından değiştirilmesindeki en önemli araç. Bu bölümde React'in formları nasıl kullandığını görecek, kontrollü ve kontrolsüz girişleri karşılaştıracağız. Aynı zamanda React ile form doğrulamasını göreceğiz.

React ekosisteminde ileri konular

  1. Flux: React uygulamaları büyüdükçe veri yönetiminin farklı bir şekilde idare edilmesi gerekir. Flux, Facebook tarafından yaygınlaştırılan bir tasarım desenidir. Bu kısımda Flux hakkında ayrıntılı bilgi vereceğiz ve Flux'un ana bileşenleri olan store, action gibi yapıları ele alacağız.

  2. Webpack

React uygulamalarının gerçek ortamda kullanılması sırasında kullanılan en önemli modül oluşturucu olan Webpack üzerinden geçeceğiz.

  1. Diğer Konular

Vakit kalması durumunda React ile diğer JavaScript kütüphanelerinin entegrasyonu (örneğin Angular ve jQuery UI), React uygulamalarını test etme ve hız açısından optimize etme gibi konulara değineceğiz.

Hepinizi etkinliğe katılmaya bekliyoruz. Şu an için katılımcı sayısının 25-30 kişi olması bekleniyor.

Python ve JavaScript yazılım geliştiricileri aradığımız ilanımıza https://gist.github.com/ustun/5ee3250acf938e4115c6 adresinden ulaşabilirsiniz.

Etkinlik kaydı için lütfen şu adresi ziyaret edin: http://bit.ly/reactegitim

Üstün Özgür

Üstün Özgür Yazılım'ın kurucusu olarak Bilkent Üniversitesi Elektrik-Elektronik Mühendisliği Bölümünden lisans ve yüksek lisans derecelerini aldıktan sonra yazılım geliştirme alanında uzmanlaştım. Önceleri Java EE ile çalışsa da sonrasında Python ve Django ile web uygulamaları yapmaya başladım. Sonrasında interaktif web uygulamalarının gelişmesiyle birçok JavaScript kütüphanesiyle çalıştım. React'in arayüz konusunda sağladığı kolaylıklar üzerine kütüphanenin Türkiye'de ve Avrupa'da yaygınlaşması için birçok konferans, meetup ve çalıştay (workshop) konuşması yaptım.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment