Frontend Developer Olmak İçin Yol Haritası...

Speedy Gonzales

Katılımcı Üye
12 Kas 2021
634
296
in every technology system
1 İNTERNET

-Tarayıcı nedir Ve Nasıl Çalışır?
-Alan Adı Nedir?
-Hosting Nedir?
-İnternet Nasıl Çalışır?
-DNS Nedir Ve Nasıl Çalışır?
-Http Nedir?


2 HTML
-HTML Temel Bilgilerini Öğrenin
-Ulaşabilirlik
-Formlar
-Seo'nun Temellerini Anlayın
-Semantic HTML


3-SÜRÜM KONTROL SİSTEMİ

-Sürüm Kontrol Sistemleri Nelerdir?
-Temel Github Kullanımı
Github
-Gitlab
-Bitbucket

4-WEB GÜVENLİĞİ
-HTTPS
-CORS
-SSL/TLS
-Content Security Policy
-OWASP Güvenlik Riskleri
-HASH Algoritmaları


5-PAKET YÖNETİM SİSTEMLERİ
-Npm
-Yarn


6-CSS PREPROCESSOR
-Sass
-PostCss


7-ARAÇLAR
-Task Runners
-Linter Formatters
-Modül Paketleyiciler


8-FRAMEWORK SEÇİN
-ReactJs
-Angular
-VueJs


9-MODERN CSS
-Style Components
-Emotion
-Css Modülleri
-Styled JSX


10-WEB BİLEŞENLERİ
-HTML Şablonlar
-Shadow DOM
-Özel Elementler


11-CSS FRAMEWORKLERİ
-Reactstrap
-Material UI
-Chakra Uı
-Tailwind CSS
-BootStrap
-Materialize


12-Uygulama Testleri
-Jest
-React Test Kütüphanesi
-Cypress
-Enzyme


13-TYPE CHEKERS
-TypeScript
-Flow


14-PROGRESSİVE WEB APPS
-Prpl Pattern
-Rail Modern
-Performan Metrikleri
-Light House
-Dev Tools


15-SERVER SİDE RENDERİNG
-Server Side Rendering Nedir?

16-GRAPHQL
-Apollo
-Relay Modern


17-STATİK WEB SİTESİ OLUŞTURUCULARI
-Next JS
-Nuxt JS
-Jekyll
-GatsbyJS
-VuePress
-Hugo


18-MOBİL UYGULAMALAR
-React Native
-Flutter
-NativeScript
-Ionic

19-Masa Üstü Uygulamalar
-Electron
-Tauri

*Web Assembly Hakkında Bilgi Edinin
*IDL Hakkında Bilgi Edinin
*UI ve UX Hakkında Bilgi Edinin


NOT:Yukarıdaki yazmış olduklarım genel olarak kullanılan araclar programlar ve kütüphanelerdir.
Ancak özetlemek gerekirse FrontEnd developerlığa baslamak isteyen bir kişiye şunları tavsiye ederim:
-HTML
-Css ve kütüphanesi
-JavaScript

-React
-Github
-Biraz internet bilgisi nasıl çalıstığına dair
Bunun dışında asıl gelişme her gün kod yazmak ile ve olmazsa olmazımız proje.Yazdıklarım teorik bilgiler bunlar kalıcı hale gelmesi için ve tam olarak öğrenilmesi için proje yapmak önemlidir.


Umarım Faydalı Olur Bir Beğeniyi Çok Görmeyelim Arkadaşlar :)
 
Son düzenleme:

drjacob

Uzman üye
21 Ocak 2012
1,777
405
localhost
1 İNTERNET

-Tarayıcı nedir Ve Nasıl Çalışır?
-Alan Adı Nedir?
-Hosting Nedir?
-İnternet Nasıl Çalışır?
-DNS Nedir Ve Nasıl Çalışır?
-Http Nedir?


2 HTML
-HTML Temel Bilgilerini Öğrenin
-Ulaşabilirlik
-Formlar
-Seo'nun Temellerini Anlayın
-Semantic HTML


3-SÜRÜM KONTROL SİSTEMİ

-Sürüm Kontrol Sistemleri Nelerdir?
-Temel Github Kullanımı
Github
-Gitlab
-Bitbucket

4-WEB GÜVENLİĞİ
-HTTPS
-CORS
-SSL/TLS
-Content Security Policy
-OWASP Güvenlik Riskleri
-HASH Algoritmaları


5-PAKET YÖNETİM SİSTEMLERİ
-Npm
-Yarn


6-CSS PREPROCESSOR
-Sass
-PostCss


7-ARAÇLAR
-Task Runners
-Linter Formatters
-Modül Paketleyiciler


8-FRAMEWORK SEÇİN
-ReactJs
-Angular
-VueJs


9-MODERN CSS
-Style Components
-Emotion
-Css Modülleri
-Styled JSX


10-WEB BİLEŞENLERİ
-HTML Şablonlar
-Shadow DOM
-Özel Elementler


11-CSS FRAMEWORKLERİ
-Reactstrap
-Material UI
-Chakra Uı
-Tailwind CSS
-BootStrap
-Materialize


12-Uygulama Testleri
-Jest
-React Test Kütüphanesi
-Cypress
-Enzyme


13-TYPE CHEKERS
-TypeScript
-Flow


14-PROGRESSİVE WEB APPS
-Prpl Pattern
-Rail Modern
-Performan Metrikleri
-Light House
-Dev Tools


15-SERVER SİDE RENDERİNG
-Server Side Rendering Nedir?

16-GRAPHQL
-Apollo
-Relay Modern


17-STATİK WEB SİTESİ OLUŞTURUCULARI
-Next JS
-Nuxt JS
-Jekyll
-GatsbyJS
-VuePress
-Hugo


18-MOBİL UYGULAMALAR
-React Native
-Flutter
-NativeScript
-Ionic

19-Masa Üstü Uygulamalar
-Electron
-Tauri

*Web Assembly Hakkında Bilgi Edinin
*IDL Hakkında Bilgi Edinin
*UI ve UX Hakkında Bilgi Edinin


NOT:Yukarıdaki yazmış olduklarım genel olarak kullanılan araclar programlar ve kütüphanelerdir.
Ancak özetlemek gerekirse FrontEnd developerlığa baslamak isteyen bir kişiye şunları tavsiye ederim:
-HTML
-Css ve kütüphanesi
-JavaScript

-React
-Github
-Biraz internet bilgisi nasıl çalıstığına dair
Bunun dışında asıl gelişme her gün kod yazmak ile ve olmazsa olmazımız proje.Yazdıklarım teorik bilgiler bunlar kalıcı hale gelmesi için ve tam olarak öğrenilmasi için proje yapmak önemlidir.


Umarım Faydalı Olur Bir Beğeniyi Çok Görmeyelim Arkadaşlar :)
eline sağlık
 

invisible blood

Uzman üye
15 Eyl 2023
1,177
442
1 İNTERNET

-Tarayıcı nedir Ve Nasıl Çalışır?
-Alan Adı Nedir?
-Hosting Nedir?
-İnternet Nasıl Çalışır?
-DNS Nedir Ve Nasıl Çalışır?
-Http Nedir?


2 HTML
-HTML Temel Bilgilerini Öğrenin
-Ulaşabilirlik
-Formlar
-Seo'nun Temellerini Anlayın
-Semantic HTML


3-SÜRÜM KONTROL SİSTEMİ

-Sürüm Kontrol Sistemleri Nelerdir?
-Temel Github Kullanımı
Github
-Gitlab
-Bitbucket

4-WEB GÜVENLİĞİ
-HTTPS
-CORS
-SSL/TLS
-Content Security Policy
-OWASP Güvenlik Riskleri
-HASH Algoritmaları


5-PAKET YÖNETİM SİSTEMLERİ
-Npm
-Yarn


6-CSS PREPROCESSOR
-Sass
-PostCss


7-ARAÇLAR
-Task Runners
-Linter Formatters
-Modül Paketleyiciler


8-FRAMEWORK SEÇİN
-ReactJs
-Angular
-VueJs


9-MODERN CSS
-Style Components
-Emotion
-Css Modülleri
-Styled JSX


10-WEB BİLEŞENLERİ
-HTML Şablonlar
-Shadow DOM
-Özel Elementler


11-CSS FRAMEWORKLERİ
-Reactstrap
-Material UI
-Chakra Uı
-Tailwind CSS
-BootStrap
-Materialize


12-Uygulama Testleri
-Jest
-React Test Kütüphanesi
-Cypress
-Enzyme


13-TYPE CHEKERS
-TypeScript
-Flow


14-PROGRESSİVE WEB APPS
-Prpl Pattern
-Rail Modern
-Performan Metrikleri
-Light House
-Dev Tools


15-SERVER SİDE RENDERİNG
-Server Side Rendering Nedir?

16-GRAPHQL
-Apollo
-Relay Modern


17-STATİK WEB SİTESİ OLUŞTURUCULARI
-Next JS
-Nuxt JS
-Jekyll
-GatsbyJS
-VuePress
-Hugo


18-MOBİL UYGULAMALAR
-React Native
-Flutter
-NativeScript
-Ionic

19-Masa Üstü Uygulamalar
-Electron
-Tauri

*Web Assembly Hakkında Bilgi Edinin
*IDL Hakkında Bilgi Edinin
*UI ve UX Hakkında Bilgi Edinin


NOT:Yukarıdaki yazmış olduklarım genel olarak kullanılan araclar programlar ve kütüphanelerdir.
Ancak özetlemek gerekirse FrontEnd developerlığa baslamak isteyen bir kişiye şunları tavsiye ederim:
-HTML
-Css ve kütüphanesi
-JavaScript

-React
-Github
-Biraz internet bilgisi nasıl çalıstığına dair
Bunun dışında asıl gelişme her gün kod yazmak ile ve olmazsa olmazımız proje.Yazdıklarım teorik bilgiler bunlar kalıcı hale gelmesi için ve tam olarak öğrenilmesi için proje yapmak önemlidir.


Umarım Faydalı Olur Bir Beğeniyi Çok Görmeyelim Arkadaşlar :)
Elinize sağlık hocam.
 

Melik56555

Yeni üye
11 Kas 2023
8
4
1 İNTERNET

-Tarayıcı nedir Ve Nasıl Çalışır?
-Alan Adı Nedir?
-Hosting Nedir?
-İnternet Nasıl Çalışır?
-DNS Nedir Ve Nasıl Çalışır?
-Http Nedir?


2 HTML
-HTML Temel Bilgilerini Öğrenin
-Ulaşabilirlik
-Formlar
-Seo'nun Temellerini Anlayın
-Semantic HTML


3-SÜRÜM KONTROL SİSTEMİ

-Sürüm Kontrol Sistemleri Nelerdir?
-Temel Github Kullanımı
Github
-Gitlab
-Bitbucket

4-WEB GÜVENLİĞİ
-HTTPS
-CORS
-SSL/TLS
-Content Security Policy
-OWASP Güvenlik Riskleri
-HASH Algoritmaları


5-PAKET YÖNETİM SİSTEMLERİ
-Npm
-Yarn


6-CSS PREPROCESSOR
-Sass
-PostCss


7-ARAÇLAR
-Task Runners
-Linter Formatters
-Modül Paketleyiciler


8-FRAMEWORK SEÇİN
-ReactJs
-Angular
-VueJs


9-MODERN CSS
-Style Components
-Emotion
-Css Modülleri
-Styled JSX


10-WEB BİLEŞENLERİ
-HTML Şablonlar
-Shadow DOM
-Özel Elementler


11-CSS FRAMEWORKLERİ
-Reactstrap
-Material UI
-Chakra Uı
-Tailwind CSS
-BootStrap
-Materialize


12-Uygulama Testleri
-Jest
-React Test Kütüphanesi
-Cypress
-Enzyme


13-TYPE CHEKERS
-TypeScript
-Flow


14-PROGRESSİVE WEB APPS
-Prpl Pattern
-Rail Modern
-Performan Metrikleri
-Light House
-Dev Tools


15-SERVER SİDE RENDERİNG
-Server Side Rendering Nedir?

16-GRAPHQL
-Apollo
-Relay Modern


17-STATİK WEB SİTESİ OLUŞTURUCULARI
-Next JS
-Nuxt JS
-Jekyll
-GatsbyJS
-VuePress
-Hugo


18-MOBİL UYGULAMALAR
-React Native
-Flutter
-NativeScript
-Ionic

19-Masa Üstü Uygulamalar
-Electron
-Tauri

*Web Assembly Hakkında Bilgi Edinin
*IDL Hakkında Bilgi Edinin
*UI ve UX Hakkında Bilgi Edinin


NOT:Yukarıdaki yazmış olduklarım genel olarak kullanılan araclar programlar ve kütüphanelerdir.
Ancak özetlemek gerekirse FrontEnd developerlığa baslamak isteyen bir kişiye şunları tavsiye ederim:
-HTML
-Css ve kütüphanesi
-JavaScript

-React
-Github
-Biraz internet bilgisi nasıl çalıstığına dair
Bunun dışında asıl gelişme her gün kod yazmak ile ve olmazsa olmazımız proje.Yazdıklarım teorik bilgiler bunlar kalıcı hale gelmesi için ve tam olarak öğrenilmesi için proje yapmak önemlidir.


Umarım Faydalı Olur Bir Beğeniyi Çok Görmeyelim Arkadaşlar :)
Teşekkürler, ellerinize sağlık.
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.