Şimdi örnek yazmam mümkün değil ama sanırım şu kütüphaneler yardımcı olabilir:
box-shadow için: react-native-neomorph-shadows
gradient için: react-native-linear-gradient
ChatGPT4'ten bu kütüphaneleri kullanarak bir örnek hazırlamasını istedim:
import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import { Neomorph } from 'react-native-neomorph-shadows';
const StyledButton = () => {
return (
<Neomorph
inner // <- enable shadow inside of neomorph
swapShadows // <- change zIndex of each shadow color
style={{
shadowRadius: 4,
borderRadius: 48,
backgroundColor: '#FFF',
width: 200,
height: 60,
alignItems: 'center',
justifyContent: 'center',
}}>
<TouchableOpacity
style={{
borderRadius: 48,
borderColor: '#FFF',
height: '100%',
width: '100%',
alignItems: 'center',
justifyContent: 'center',
}}
activeOpacity={0.6}>
<LinearGradient
colors={['#FFF2DC', '#FFF']}
style={{
position: 'absolute',
left: 0,
right: 0,
top: 0,
height: '100%',
borderRadius: 48,
}}
start={{ x: 0, y: 0 }}
end={{ x: 1, y: 0 }}/>
<Text style={{ color: '#CE7F41', fontWeight: 'bold' }}>Test Button</Text>
</TouchableOpacity>
</Neomorph>
);
};
export default StyledButton;
Ama tabi muhtemelen düzgün çalışmaz. GPT bu kütüphanelerin çok eski hallerinden örnek veriyor.
Ama sen kütüphanelerin dokümantasyonu üzerinden ihtiyacına uygun bi'şeyler yapabilirsin.
Bol bol YouTube videoları izleyip örnekleri kendin de tekrarlayarak öğrenmek...
Bir yazılım şirketinde işe girip gerekirse ücretsiz çalışarak işi uzmanlarından öğrenmek...
Dokümantasyonu takip etmek...
Hazine ve Maliye Bakanlığının 1Milyonİstihdam projesine katılıp js derslerini almak...
Udemy'den kurs alıp...
Bunların hepsi birer yol ama bir konuyu derinlemesine öğrenmek için bence en iyi yol onu öğretmek:
JS üzerine yazılar yazacağın bir blog sayfası aç ve js'nin nasıl kullanılabileceğiyle ilgili özgün içerikler üret. En az haftada 2 tane yayın oluştur.
Örneğin bir yayınında reduce fonksiyonunun ne şekillerde kullanılabileceğini örneklerle açıkla. Hiç JS bilmeyen birine JS öğretirmiş gibi yaz. Konu aldığın fonksiyonun tüm özelliklerini örneklerle açıklamanın yanında nasıl ilk görünen amacı dışında kullanılabileceğine dair de örnekler hazırlayıp temel mantığını iyice öğret.
JS üzerine "zero to hero" seti oluştur ve düzenli olarak içerik gir. Kaliteli ve özgün içerik üretmek birinci hedefin olsun.
Yani senin hedefin JS öğrenmek değil, hiç bilmeyen birini JS uzmanı yapacak özgün bir eğitim seti oluşturmak olsun.
Böyle bir eğitim içeriği oluştururken doğru ve kaliteli bir iş çıkarmak için fonksiyonları ve js mantığını derinlemesine inceleme mecburiyetinde kalacaksın ve tam olarak ne araştırman gerektiğini bileceksin. Çünkü başlangıçta konuyu sen de iyi bilmiyorsun ve hiç bilmeyen birinin neleri merak edebileceğine dair sağlam fikirlerin var.
Blog sitenin tasarımı çok önemli değil. Önemli olan içeriğin kalitesi. Bu nedenle herhangi bir ücretsiz blog sayfası sağlayıcı platform kullanabilirsin.
https://app.gitbook.com kullanmayı öğrenmeni ve içeriklerini buraya girmeni öneririm. İçeriklerini prototurk'tekine benzer şekilde markup dili kullanarak yazarsın ve github'la doğrudan entegre çalışabilirsin.
İngilizce kesinlikle gerekiyor. Onu geliştirmelisin. Hatta İngilizceyi çözünce orda da durmayıp başka bir dil daha öğrenmeni öneririm. Özellikle Araplarda (Arabistan, Katar) iyi para var. Zaten gelecekte de çok kullanacağız gibi görünüyor...
Yazıyla anlatmak zor. Bir yol sunayım:
- Öncelikle css dosyası projenin içinde olmalı.
- Düzeltmek istediğin alan sağ tık > Inspect dedikten sonra stillerini görebiliyorsun.
- Bu stiller üzerinde istediğin bir değişiklik yaptın. Tarayıcıda gözüne hoş görünür hale getirdin.
- Bu düzelttiğin stilin sağ üst tarafında stil dosyasının adı yazıyor. Ona basıyorsun.
- Sources sekmesinde ilgili stil dosyası tarayıcının gördüğü haliye açılıyor. Az önce yaptığın değişiklikler de burada. Bu dosyanın içindeki her şeyi kopyala ve sendeki asıl dosyaya yapıştır.
- Böyle adım adım göre göre değişikliklerini yapabilirsin.
Aylık 200 Dolar'cık karşılığında 28.500 defa harita görüntülemeye izin verdiği yazıyor sitesinde.
Kaynak (20.06.2023)
Şu alternatifler varmış: (Kaynak)
1) OpenLayers ücretsiz
2) TomTom Günlük 50.000 istek ücretsiz
3) MapBox Aylık 100.000 istek ücretsiz
4) Here Aylık 30.000 istek ücretsiz
5) Distancematrix.ai Her 1000 istek için 2$
Detaylı incelemedim translate çevirisiyle yazıyorum:
Hangisini kullanacaksın?
Param yok diyorsan OpenLayers
Navigasyona ihtiyacın varsa TomTom
Harita görselleştirmelerine ihtiyacın varsa Here
Özel haritalara ihtiyacın varsa Mapbox
Yönlendirme verilerine ihtiyacınız varsa Distancematrix.ai
Redux daha beceriklidir.
Ama basit bir state yönetimine ihtiyacın varsa veya kolayına geliyorsa ContextAPI da iyidir.
Veya global değişkenler ve custom hook'lar üzerinden kendine özgü, daha az karmaşık bir yapı da uydurabilirsin.
Böyle bir endişen varsa sorunu önce ChatGPT'ye sorabilirsin. Muhtemelen "bunu da sormazsın bee" dedirtecek bir soruya kolaylıkla cevap verebilir.
Soracağın konuda yabancı dillerde kaynaklar bulduysan bunların çevirisini ve açıklamasını yine ChatGPT'ye yaptırabilirsin.
Hata aldığın bir kod bloğunu kopyalayıp GPT'ye yapıştırabilir ve anlamadığını yeri sorabilirsin. Kod üzerinde uzun uzun tartışabilirsin.
Muhtemelen sadece sepet sayfasına dahil ettiğin, diğer sayfalara çağırmadığın bir fonksiyon var. Bu fonksiyonu bulmalısın.
En kısa yol olarak (yanlış da olsa) header'ının bulunduğu ve her sayfaya çağırdığın dosyayı aç.
header tag'ının hemen altına script tag'ı aç. Butonların çalışması için gereken js kodunu buraya yaz.
Back-end'in iyiyse ve front-end için birlikte çalışacak bir arkadaş bulamıyorsan hazır html temalarla devam edebilirsin. Bu hazır temaların back-end'e istek atması, back-end'den gelen yanıtları dom'a işlemesi vs. derken ufak ufak zaten front-end'e başlamış oluyorsun. Zamanla hazır tasarımdaki bazı yerleri değiştirmek isteyeceksin ve sonuçta ister istemez yeni kodlar ve yaklaşımlarla karşılaşmış olacaksın.
Yani tavsiyem, hazır temalar kullanarak back-end'inden bunlara veri sağlaman olur. Eğer baştan front-end'e girip a-z öğreneyim dersen tabi daha hoş olur ama vakit kaybedersin.
Her alanda uzmanlaşmana gerek yok. Back-end alanındaki derinliğini artırman, front-end hakkında da böyle lazım oldukça bi'şeyler öğrenmen daha iyi bir yol haritasıdır.
Dışarıdan iş aldığın küçük projelerde hazır temalar müşterini fazlasıyla memnun edecektir.
Maaşlı bir işe girdiğinde de (küçük veya vizyonsuz bir firma değilse) mutlaka front end - back end ayrımı yapılmıştır. Sen back-end'deki derinliğini artırdığında bu firmalarda iyi maaşlarla çalışırsın ve çok da derinlemesine front-end bilmen beklenmez çünkü front-end'in uzmanları zaten oradadır.
Ama diyorsan ki, "ben back-end'de ilerlemek istemiyorum, hoşlanmadım ve front-end bana daha zevkli geliyor." o zaman yine dışarıdan iş aldığında hazır temalar kullanmalı (zaman kaybetmemek ve farklı yaklaşımları görebilmek için) hem de bir yandan sıfırdan bir front-end projesinin nasıl geliştirilebileceğini öğrenmelisin. Bunun için de hem YouTube üzerinde hem Udemy üzerinde bolca eğitim var. Ücretsiz YouTube eğitimlerinden başlayıp gördüklerini kodlayarak ilerlemelisin. Ücretsiz eğtimler artık yetmemeye(mümkün değil) başlamışsa ücretli eğitimlere geçebilirsin.
Front-end'de uzmanlaşacağım diyorsan html, css, js ile bir arayüzün nasıl tasarlandığını aşağı yukarı anladıktan sonra React, Vue veya Angular gibi bir çatıya geçmen gerekir. JQuery'e kendini kaptırmamalısın çünkü iyi firmalar mutlaka bir framework kullanmaya çalışıyorlar. Henüz kullanmaya başlamamış olanlar da kullanmaya başlamanın planlarını yapıyorlar. İyi firmalarda front-end çatıları kullanımında piyasanın hakimi Türkiye'de şu an React. React ile proje geliştirmenin en iyi yolu da back-end'de NextJS kullanmak. Yani düz ReactJS ile proje geliştirmemelisin. Mutlaka arkasında NextJS olmalı.
Kısacası eğer front-end'de uzmanlaşmak istiyorsan temel bir html-css-js ile kodlama konseptini anladıktan sonra NextJS ile ReactJS kullanmanı öneririm.
Eğer front-end'de uzmanlaşmama gerek yok ben back-end'ciyim ama full-stack iş çıkarabilmek istiyorum diyorsan hazır html temaları kullanmalı ve back-end'de uzmanlaşmaya devam etmelisin. (Önerilen)
Teşekkürler @devepdogukan.
Evet, web üzerinde olsa kullanıcılar her şeyi manipule edebilirler. Diyelim ki bir şekilde mobil uygulamayı da web gibi manipüle edebiliyor olsunlar. O zaman web üzerinden örnek verelim.
Diyelim ki back-end kısmında PHP ile kod yazıyorum. Kendi yönettiğim başka bir ssl sertifikalı web servis sunucuma PHP ile istek atıp string haldeki kodları alıyorum. Bu kodları yine PHP tarafında eval() fonksiyonuyla çalıştırıyorum diyelim.
Yani isteği atan da alan da işleten de tamamen back-end kısmı.
Bu durumda PHP ile eval() kullanmamın sakıncası ne olabilir?
eval() tehlikeli bir komut. Ayrıca ben projemde eval'ın da uygun olmadığını daha güvenli başka yollar geliştirmek zorunda kaldım.
Yine de merak ediyorum. Web için back-end, mobil için uygulama içi (kullanıcıya gösterilmeyen) bölümde, eval fonksiyonuna yine kendime ait bir (ssl sertifikalı) web servis sunumumdan kendi yazdığım fonksiyonu gönderdiğimde nasıl bir sorunla karşılaşırım?
Yani kullanıcılar https sayesinde iki sunucum arasındaki iletişime dahil olamıyorlarsa başka nasıl eval() fonksiyonuma sızabilirler?
Bunun bir yolu, web servis barındıran sunucuma sızmaları olabilir. Böylece endpoint'imden döndürdüğüm fonksiyonu kendi fonksiyonuyla değiştirebilir.
Ama zaten web servisime sızıldıysa fonksiyonumu değiştirmekten çok daha fazlasını yapabilir. Yani servis sunucuma sızılması apayrı bir konu.
Peki başka nasıl eval()'a gönderdiğim değere müdahale edilebilirdi?
Reklam gibi olacak ama Türkiye'de gerçekten bu altyapıyı paylaşımlı hosting'lerde sunan firmalar yok. Hatta bazı firmaların altyapısı halen 10 yıldır geliştirilmeyen klasik ASP'ye dayanıyor gibi görünüyor.
İlle de Türk firması olsun ve Türkçe konuşarak destek alabileyim diyorsan istediğin tüm altyapıyı sağlayıp sağlamadığını öğrenmek için Cenuta ile iletişime geçebilirsin. Teknik destek konusunda hem hızlılar hem kaliteliler. Bazı firmalar gibi "sorun sizin kodunuzdadır" deyip kestirip atmıyorlar üstelik.
Gerçi yalan olmasın, ben de pek kullanmadım Cenuta'yı ama kısa süre incelediğim kadarıyla hoşuma gitti.