Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Turkish translation #90

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions README-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> 该指南将助你在 2019 成为一名 React 开发者

你可以在下面找到一张图,该图展示了你可以选取的路径及你想学习的库,从而成为一名 React 开发者。“作为 React 开发者,我接下来应该学习什么?”,我把这张图作为建议给每个问过我这一问题的人。
Expand Down
2 changes: 2 additions & 0 deletions README-ES.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Russian](README-RU.md)

[README in Turkce](README-TR.md)

> Roadmap para convertirse en un desarrollador React en 2019::

A continuación puede encontrar un gráfico que muestra las rutas que puede tomar y las bibliotecas que le gustaría aprender para convertirse en un desarrollador React. Hice esta tabla como una sugerencia para todos los que me preguntan: "¿Qué debo aprender a continuación como desarrollador de React?"
Expand Down
2 changes: 2 additions & 0 deletions README-JA.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> Roadmap to becoming a React developer in 2019:

これはReact開発者になるためにあなたが学ぶべき技術やライブラリを示すチャートです。 このチャートは、「React開発者として次に何を学ぶ必要があるのか」と悩むすべての人へのヒントとして作成しました。
Expand Down
2 changes: 2 additions & 0 deletions README-KO.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> 2019년 React 개발자 로드맵:

아래에는 React 개발자가 되기 위한 학습 로드맵과 관련 라이브러리들이 적혀있는 차트가 있습니다. React 개발자로서 다음에 무엇을 배워야하는지 묻는 모든 사람들을 위한 팁으로 이 차트를 만들었습니다.
Expand Down
2 changes: 2 additions & 0 deletions README-PTBR.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> Guia para se tornar um desenvolvedor React em 2019:
> Abaixo, você pode encontrar um diagrama mostrando os caminhos que podem levar, bem como as bibliotecas que você precisa aprender para se tornar um desenvolvedor React. Eu fiz esse esquema como uma dica para qualquer um que me perguntasse: "O que eu deveria aprender mais como desenvolvedor React?"

Expand Down
2 changes: 2 additions & 0 deletions README-RU.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> План, чтобы стать React-разработчиком в 2019 году:

Ниже вы можете найти схему, показывающую пути, которые могут привести, а также библиотеки, которые вам нужно изучить, чтобы стать разработчиком React. Я сделал эту схему в качестве подсказки для всех, кто спрашивает меня: «Что мне стоит изучить ещё в качестве React-разработчика?»
Expand Down
187 changes: 187 additions & 0 deletions README-TR.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,187 @@
# React Developer Roadmap

[README in Chinese](README-CN.md)

[README in Japanese](README-JA.md)

[README in Korean](README-KO.md)

[README in Portuguese (Brazil)](README-PTBR.md)

[README in Russian](README-RU.md)

[README in Spanish](README-ES.md)

[README in Türkçe](README-TR.md)

> 2019'da bir React Geliştirici olmanını yol haritası:

Aşağıda, React geliştiricisi olmak için öğrenmek isteyeceğiniz kütüphaneleri ve alabileceğiniz yolu gösteren bir tablo bulabilirsiniz. Bu çizelgeyi bana, "Bir React geliştiricisi olarak bundan sonra ne öğrenmeliyim?" Diye soran herkes için bir ipucu olarak hazırladım.

## Feragat
> Bu yol haritasının amacı, size bu manzara hakkında bir fikir vermektir. Kalça ve modaya uygun olanı seçmeye teşvik etmek yerine, daha sonra ne öğrenileceği konusunda kafanız karışırsa, yol haritası size rehberlik edecektir. Bir aracın bazı durumlarda neden diğerlerinden daha uygun olacağına dair bir anlayış geliştirmelisiniz ve kalçanın ve modaya uygun birinin her zaman iş için en uygun olduğu anlamına gelmediğini unutmayın.

## Yol Haritası

![Roadmap](./roadmap-tr.png)

## Resources

1. Basics
1. HTML
* Temel HTML öğren.
* Egzersiz olarak bir kaç sayfa yap.
2. CSS
* Temel CSS öğren
* Öncelikle sayfaları şekillendir.
* Grid ve Flexbox kullarak bir sayfa oluştur.
3. Temel JS
* Sözdizimi'ni(syntax) tanıyın.
* Temel DOM işlemlerini öğren.
* JS için özgün teknikleri öğren(Hoisting, Event Bubbling, Prototyping)
* Birkaç AJAX çağrıları yapın.
* Yeni özellikleri öğren (ECMA Script 6+)
* Ek olarak JQuery Öğren
2. Genel Geliştirici Özellikleri
1. Git öğren, GitHub’da birkaç depo(repo) oluşturun, kodunuzu başkalarıyla paylaşın.
2. HTTP(S) protokollerini, istek(request) metodlarını öğren (GET, POST, PUT, PATCH, DELETE, OPTIONS)
3. Google'ı kullanmaktan korkmayın [Power Searching with Google](http://www.powersearchingwithgoogle.com/)
4. Terminali tanıyın ve shell'i yapılandırın. (bash, zsh, fish)
5. Algoritmalar ve veri yapıları hakkında birkaç kitap okuyun.
6. Tasarım kalıpları hakkında birkaç kitap okuyun.
3. [official website](https://reactjs.org/tutorial/tutorial.html) üzerinden React öğrenin veya bazı kursları tamamlayın [courses](https://egghead.io/courses/the-beginner-s-guide-to-react)
4. Kullanacağınız araçları tanıyın
1. Paket yönetimi
* [npm](https://www.npmjs.com/)
* [yarn](https://yarnpkg.com/lang/en/)
* [pnpm](https://pnpm.js.org/)
2. Görev çalıştırıcı
* [npm scripts](https://docs.npmjs.com/misc/scripts)
* [gulp](https://gulpjs.com/)
* [Webpack](https://webpack.js.org/)
* [Rollup](https://rollupjs.org/guide/en)
* [Parcel](https://parceljs.org/)
5. Şekillendirme
1. CSS On Derleyicileri
* [Sass/CSS](https://sass-lang.com/)
* [PostCSS](https://postcss.org/)
* [Less](http://lesscss.org/)
* [Stylus](http://stylus-lang.com/)
2. CSS Framework'leri
* [Bootstrap](https://getbootstrap.com/)
* [Materialize](https://materializecss.com/), [Material UI](https://material-ui.com/), [Material Design Lite](https://getmdl.io/)
* [Bulma](https://bulma.io/)
* [Semantic UI](https://semantic-ui.com/)
3. CSS Mimarisi
* [BEM](http://getbem.com/)
* [CSS Modules](https://github.com/css-modules/css-modules)
* [Atomic](https://acss.io/)
* [OOCSS](https://github.com/stubbornella/oocss/wiki)
* [SMACSS](https://smacss.com/)
* [SUITCSS](https://suitcss.github.io/)
4. JS içinde CSS
* [Styled Components](https://www.styled-components.com/)
* [Radium](https://formidable.com/open-source/radium/)
* [Emotion](https://emotion.sh/)
* [JSS](http://cssinjs.org/)
* [Aphrodite](https://github.com/Khan/aphrodite)
6. State Yönetimi
1. [Component State](https://reactjs.org/docs/faq-state.html)/[Context API](https://reactjs.org/docs/context.html)
2. [Redux](https://redux.js.org/)
1. Asenkron(async) Işlemler(Side Effects)
* [Redux Thunk](https://github.com/reduxjs/redux-thunk)
* [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
* [Redux Saga](https://redux-saga.js.org/)
* [Redux Observable](https://redux-observable.js.org)
2. Yardımcılar
* [Rematch](https://rematch.gitbooks.io/rematch/)
* [Reselect](https://github.com/reduxjs/reselect)
3. Veri Kalıcılığı
* [Redux Persist](https://github.com/rt2zz/redux-persist)
* [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)
4. [Redux Form](https://redux-form.com)
3. [MobX](https://mobx.js.org/)
7. Tür/Tip Kontrolü
* [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
* [TypeScript](https://www.typescriptlang.org/)
* [Flow](https://flow.org/en/)
8. Form Yardımcıları
* [Redux Form](https://redux-form.com)
* [Formik](https://github.com/jaredpalmer/formik)
* [Formsy](https://github.com/formsy/formsy-react)
* [Final Form](https://github.com/final-form/final-form)
9. Yönlendirme
* [React-Router](https://reacttraining.com/react-router/)
* [Router5](https://router5.js.org/)
* [Redux-First Router](https://github.com/faceyspacey/redux-first-router)
* [Reach Router](https://reach.tech/router/)
10. API İstemcileri(clients)
1. REST
* [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
* [SuperAgent](https://visionmedia.github.io/superagent/)
* [axios](https://github.com/axios/axios)
2. GraphQL
* [Apollo](https://www.apollographql.com/docs/react/)
* [Relay](https://facebook.github.io/relay/)
* [urql](https://github.com/FormidableLabs/urql)
11. Yardımcı Kütüphaneler
* [Lodash](https://lodash.com/)
* [Moment](https://momentjs.com/)
* [classnames](https://github.com/JedWatson/classnames)
* [Numeral](http://numeraljs.com/)
* [RxJS](http://reactivex.io/)
* [ImmutableJS](https://facebook.github.io/immutable-js/)
* [Ramda](https://ramdajs.com/)
12. Test Yapma
1. Birim Testi
* [Jest](https://facebook.github.io/jest/)
* [Enzyme](http://airbnb.io/enzyme/)
* [Sinon](http://sinonjs.org/)
* [Mocha](https://mochajs.org/)
* [Chai](http://www.chaijs.com/)
* [AVA](https://github.com/avajs/ava)
* [Tape](https://github.com/substack/tape)
2. Uçtan Uca Test
* [Selenium](https://www.seleniumhq.org/), [Webdriver](http://webdriver.io/)
* [Cypress](https://cypress.io/)
* [Puppeteer](https://pptr.dev/)
* [Cucumber.js](https://github.com/cucumber/cucumber-js)
* [Nightwatch.js](http://nightwatchjs.org/)
3. Entegresyon Testi
* [Karma](https://karma-runner.github.io/)
13. Uluslararası Yapma //TODO:
* [React Intl](https://github.com/yahoo/react-intl)
* [React i18next](https://react.i18next.com/)
14. Sunucu Taraflı İşleme
* [Next.js](https://nextjs.org/)
* [After.js](https://github.com/jaredpalmer/after.js)
* [Rogue](https://github.com/alidcastano/rogue.js)
15. Statik Site Üretici
* [Gatsby](https://www.gatsbyjs.org/)
16. Arka Uç(Backend) Framework Entegrasyonu
* [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
17. Mobil
* [React Native](https://facebook.github.io/react-native/)
* [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
18. Masaüstü
* [Proton Native](https://proton-native.js.org/)
* [Electron](https://electronjs.org/)
* [React Native Windows](https://github.com/Microsoft/react-native-windows)
19. Sanal Gerçeklik
* [React 360](https://facebook.github.io/react-360/)

## Son Olarak

Yol haritasının iyileştirilebileceğini düşünüyorsanız, lütfen güncellemeleri olan bir PR açın ve sorunları gönderin. Ayrıca, bunu geliştirmeye devam edeceğim, bu nedenle bu depoyu tekrar ziyaret etmek için yıldız vermek isteyebilirsiniz.

## Katkı Sunma

Yol haritası [Draw.io] (https://www.draw.io/) kullanılarak oluşturulmuştur. Proje dosyası `/ src` dizininde bulunabilir. Değiştirmek için draw.io dosyasını açın, ** Mevcut Diyagramı Açın ** üzerine tıklayın ve project ile `xml` dosyasını seçin. Yol haritasını sizin için açacak. Güncelleyin, beni oku içindeki görüntüleri yükleyin ve güncelleyin ve bir PR oluşturun (png olarak dışa aktar).

- İyileştirmelerle bir Pull Request açın
- Issues'da ki fikirleri tartışın
- Kelimeyi yaygınlaştırın.

## Lisans

[![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/)
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

[README in Spanish](README-ES.md)

[README in Turkce](README-TR.md)

> Roadmap to becoming a React developer in 2019:

Below you can find a chart demonstrating the paths that you can take and the libraries that you would want to learn to become a React developer. I made this chart as a tip for everyone who asks me, "What should I learn next as a React developer?"
Expand Down
Binary file added roadmap-tr.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/react-developer-roadmap-tr.xml

Large diffs are not rendered by default.

57 changes: 57 additions & 0 deletions translations/tr.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
{
"React Developer in 2019": "2019'da React Geliştirici",
"Legends": "Gösterge",
"Personal must know": "Kesinlikle bilinmeli",
"Good to know": "Bilolursen iyi ",
"Possibilities": "Diğer seçenekler",
"Learn the Basics": "Temelini Öğren",
"Learn the basics of HTML": "HTML temelini öğren",
"Semantic HTML": "Anlamsal HTML",
"Dividing page into sections and structuring the DOM properly": "Sayfayı bölümlere(divlere) ayırma ve DOM'u düzgün bir şekilde yapılandırma",
"Learn the basics of CSS": "CSS temelini öğren",
"Grid and Flexbox": "Grid ve Flexbox",
"Responsive Web Design and Media Queries": "Uyumlu(responsive) web tasarımı and Medya Sorguları(Media queries)",
"Syntax and basic operations": "Sözdizim(Syntax) ve temel işlemler",
"DOM manipulation": "Belge Nesne Modeli(DOM-Document Object Model) Manipülasyonu",
"Hoisting, Event Bubbling, Prototyping": "Yukarı Çıkarma(Hoisting), Kabarcık Yakalama(Event Bubbling),Prototip",
"ECMA Script 6+, learn new features": "ECMA Script 6+, yeni özellikleri öğren",
"JS Basics": "Temel JS",
"jQuery (Optional)": "jQuery (Opsiyonel)",
"General Development Skills": "Genel Geliştirici Özellikleri",
"GIT - Version Control (GitHub, Bitbucket, GitLab)": "GIT - Versiyon Kontrol (GitHub, Bitbucket, GitLab)",
"HTTP/HTTPS protocol": "HTTP/HTTPS protokolleri",
"Learn to search for solutions": "Araştırmayı ve çözüm aramayı öğrenin",
"Terminal usage": "Terminal kullanımı",
"Data Structures and Algorithms": "Veri yapıları ve Algoritmalar",
"Design patterns": "Tasarım kalıpları (Design Patterns)",
"Build Tools": "Derleme Araçları",
"Package Managers": "Paket Yönetimi",
"Task Runners": "Görev Çalıştırıcıları",
"npm scripts": "npm scripts",
"Styling": "Şekillendirme",
"CSS Preprocessors": "CSS ön derleyicileri",
"CSS Frameworks": "CSS Frameworkleri",
"CSS Architecture": "CSS Mimarisi",
"State Management": "State yönetimi",
"Component State / Context": "Component State / Context",
"Async actions": "Asenkron işlemler",
"Form Helpers": "Form yardımcıları",
"Helpers": "Yardımcılar",
"API Clients": "API istemcileri",
"fetch (native)": "fetch (native)",
"Utility Libraries": "Yardımcı Kütüphaneler",
"i18n": "i18n",
"Server Side Rendering": "Sunucu Taraflı İşleme (Server Side Rendering)",
"Backend Framework Integration": "Arka Uç(Backend) Framework Entegrasyonu",
"Desktop": "Masaüstü",
"Type Checkers": "Tür/Tip Kontrolü",
"Routing": "Yönlendirme",
"Testing": "Test",
"Unit Testing": "Birim Testi",
"Integration Testing": "Entegrasyon Testi",
"E2E Testing": "Uçtan-Uca(E2E) Test",
"Static Site Generator": "Statik Site Üretici",
"Mobile": "Mobil",
"Virtual Reality": "Sanal Gerçeklik",
"Keep Learning :)": "Öğrenmeye Devam"
}