Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hasantezcan/react-bootcamp-notes
Bu repo Kodluyoruz Earlybird Front-End Talent Bootcamp boyunca aldığım tüm notları saklar.
https://github.com/hasantezcan/react-bootcamp-notes
bootcamp frontend hacktoberfest hacktoberfest-accepted hacktoberfest2021 javascript kodluyoruz-bootcamp react reactjs
Last synced: 11 days ago
JSON representation
Bu repo Kodluyoruz Earlybird Front-End Talent Bootcamp boyunca aldığım tüm notları saklar.
- Host: GitHub
- URL: https://github.com/hasantezcan/react-bootcamp-notes
- Owner: hasantezcan
- License: mit
- Created: 2020-12-19T14:13:56.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-01T05:07:50.000Z (over 2 years ago)
- Last Synced: 2024-10-24T21:59:34.092Z (19 days ago)
- Topics: bootcamp, frontend, hacktoberfest, hacktoberfest-accepted, hacktoberfest2021, javascript, kodluyoruz-bootcamp, react, reactjs
- Language: JavaScript
- Homepage: https://hasantezcan.dev
- Size: 12.1 MB
- Stars: 72
- Watchers: 6
- Forks: 10
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### `Kodluyoruz Earlybird Front-End Talent Bootcamp`
## Kodluyoruz React Bootcamp `2021`> Bu repo bootcamp boyunca alacağım tüm notları saklar.
Eğitmen: [**`Mehmet Seven`**](https://twitter.com/mehmeteseven)
Müfredat: [**`kodluyoruz.org/earlybird-front-end-talent-bootcamp`**](https://www.kodluyoruz.org/bootcamp/istanbul-earlybird-front-end-talent-bootcamp/)
Eğitim materyalleri: [**`github.com/kodluyoruz-react-bootcamp/sources`**](https://github.com/kodluyoruz-react-bootcamp/sources)
| Gün | Konu Başlıkları | Notlarım | Ders Materyalleri | Ödev |
| :---: | :------: | :-----------------------------------------: | :-------------: | :----------------------: |
| 1 | [NodeJs nedir?](_data/docs/day1.md#nodejs-nedir),
[Git Temelleri](_data/docs/day1.md#versiyon-kontrol-sistemi-nedir) ,
[Modern Javascript ES6+](_data/docs/day1.md#js-temelleri) | [*`1. Günün Notları`*](/_data/docs/day1.md) | [*`1. Gün`*](/_data/practice/day1) | |
| 2 | [JavaScript Paket yöneticileri](_data/docs/day2.md#javascript-paket-yöneticileri),
[`Yarn` ve `NPM` arasındaki farklar](_data/docs/day2.md#yarn-ve-npm-arsındaki-farklar),
[JS Modüller ile çalışmak](_data/docs/day2.md#js-modüller-ile-çalışmak),
[`async, await` vs `then chain`](_data/docs/day2.md#async-await-vs-then-chain),
[ES6+ standartları ile `export` `import`](_data/docs/day2.md#es6-standartları-ile-export-import),
[Bir React Projesi başlatmak](_data/docs/day2.md#bir-react-projesi-başlatmak)
"`Create React App` ve `Next.js`" | [*`2. Günün Notları`*](/_data/docs/day2.md) | [*`2. Gün`*](/_data/practice/day2) | [`1. Haftanın Ödevi`](https://github.com/kodluyoruz-react-bootcamp/odev-1-hasantezcan)
"Temel JS becerileri" |
| 3 | [Neden React'ı kullanmalıyız?](_data/docs/day3.md#neden-reactı-kullanmalıyız),
[**Component Nedir?**](_data/docs/day3.md#web-componentleri-nedir),
[**JSX Nedir ?**](_data/docs/day3.md#jsx-nedir-),
[**Props**](_data/docs/day3.md#props),
[**State**](_data/docs/day3.md#state),
[**Hooks**](_data/docs/day3.md#hooks), [useEffect](_data/docs/day3.md#useeffect) | [*`3. Günün Notları`*](/_data/docs/day3.md) | [*`3. Gün`*](/_data/practice/day3) | |
| 4 | [React ile API kullanımı](_data/docs/day4.md#react-ile-api-kullanımı),
[`js` ile `jsx` arasındaki fark nedir?](_data/docs/day4.md#js-ile-jsx-arasındaki-fark-nedir),
[`React.memo()`](_data/docs/day4.md#reactmemo),
[React Styling and CSS](_data/docs/day4.md#react-styling-and-css),
[React Router DOM](_data/docs/day4.md#react-router) | [*`4. Günün Notları`*](/_data/docs/day4.md) | [*`4. Gün`*](/_data/practice/day4) | [`2. Haftanın Ödevi`](https://github.com/kodluyoruz-react-bootcamp/odev-2-todo-app-hasantezcan)
"Todo App" |
| 5 | [React Form Managment - Formik](_data/docs/day5.md#react-form-managment---formik),
[Form Validation - Yupjs](_data/docs/day5.md#form-validation---yupjs),
--Obilet tanışma sunumu--,
[Oluşan formu ile backend bağlantısı](_data/docs/day5.md#formumuz-için-basit-bir-backend-yazıyoruz),
- [CORS](_data/docs/day5.md#cors) ,
[Body Parser](_data/docs/day5.md#bodyparser) | [*`5. Günün Notları`*](/_data/docs/day5.md) | [*`5. Gün`*](/_data/practice/day5) | |
| 6 | Frontend Deoployment;
[- Netlify](_data/docs/day6.md#netlify) ve [- Surge.sh](_data/docs/day6.md#surgesh),
Backend Deployment;
[- Digitalocean'a deoploy](_data/docs/day6.md#digitalocean),
[- Heroku'ya deploy](_data/docs/day6.md#heroku-deployment),
[Heroku, Travis CI entegrasyonu](_data/docs/day6.md#travis-ci-ve-heroku-entegrasyonu),
[Contex API](_data/docs/day6.md#contex-api) | [*`6. Günün Notları`*](/_data/docs/day6.md) | [*`6. Gün`*](/_data/practice/day6) | [`3. Haftanın Ödevi`](https://github.com/kodluyoruz-react-bootcamp/odev-3-weather-app-hasantezcan)
"Wheather App" |
| 7 | -- ,
-- ,
| *`7. Günün Notları`* | [*`7. Gün`*](/_data/practice/day7) | |
| 8 | -- ,
-- ,
| *`8. Günün Notları`* | [*`8. Gün`*](/_data/practice/day8) | [`4. Haftanın Ödevi`](https://github.com/kodluyoruz-react-bootcamp/odev-4-realtime-colors-app-hasantezcan)
"Realtime Colors App" |
| 9 | -- ,
-- ,
| *`9. Günün Notları`* | [*`9. Gün`*](/_data/practice/day9) | |
| 10 | [React Testing Library](_data/docs/day10.md#react-testing-library) ,
Unit & Integration Test
React Native 101 ,
React Navigation ,
| [*`10. Günün Notları`*](/_data/docs/day10.md) | [*`10. Gün`*](/_data/practice/day10) | Projelere başlandı [`AddNoto`](https://github.com/adnoto-team)|
| 11 | -- ,
-- ,
| *`11. Günün Notları`* | [*`11. Gün`*](/_data/practice/day11) | |
| 12 | -- ,
-- ,
| *`12. Günün Notları`* | [*`12. Gün`*](/_data/practice/day12) | Projelere devam edildi.. |**Bootcamp sponsorları :** [Kodluyoruz](https://www.kodluyoruz.org/), [Earlybird VC](https://earlybird.com/), [Apsiyon](https://www.apsiyon.com/), [Obilet](Obilet.com) ve [Tapu.com](https://www.tapu.com/)
> **Repoda herhangi bir hata görürseniz veya herhangi bir iyileştirme yapmak isterseniz [`pull request`](https://github.com/hasantezcan/kodluyoruz-react-bootcamp/pulls)'lerinizi buraya gönderebilirsiniz.**
> **Herhangi bir sorunuz olursa benimle buradan iletşime geçebilirsiniz:** [**`t.me/hasantezcan`**](https://t.me/hasantezcan)