Ozan Tekin Profile picture
Feb 9 21 tweets 6 min read
Front-end Developer olmak istiyorsan ve ne yapacağını bilmiyorsan buradan başlayabilirsin. 💯

13 Adım 🧵
#FrontEnd
İnternet nasıl çalışır? 
Bu video, teknik bilgisi olmayan birinin internetin nasıl çalıştığını anlamasına ve bilgisayar ağlarının temellerini öğrenmesine yardımcı olacaktır.
Öğretici için tıkla:
HTML ve CSS
John Smilga'nın bu harika 11 saatlik ücretsiz videosuyla HTML ve CSS'nin temellerini öğrenin. P.S Zaten kendim izledim ve yeterince tavsiye edemem.
Öğretici için tıkla:
youtube.com/channel/UC8but…
Flexbox 
Flexbox, CSS3'te HTML öğelerini basit ve kolay bir şekilde hizalamamıza ve düzenlememize yardımcı olan modern bir düzen modudur. Floatların yerini almak için kullanılır.
Öğretici için tıkla:
CSS Grid
CSS GRID bir CSS Layout sistemidir, Flexbox'a benzer, ancak farklı kullanım durumlarında biraz daha karışıktır.
Öğretici için tıkla:
Responsive Web Design
Mevcut uygulamaları kullanarak tüm ekran boyutlarına yanıt veren web siteleri oluşturun. Responsive tasarım, ön uç geliştiriciler için olmazsa olmaz bir beceridir.
Öğretici video için tıkla:
SASS
SASS, CSS Ön İşlemcisidir Sass kullanmamızın nedeni, CSS'nin işlevselliğini doğal yeteneklerinin ötesinde geliştirmesidir. Tekrarlanan kodu ve yapıyı azaltabilir.
Öğretici için tıkla:
Öğrendiklerinizi Kullanarak Projeler Oluşturun
Bu siteyi sayesinde gerçek tasarım şablonları üzerinde pratik yaparak HTML ve CSS becerilerinizi. geliştirin Bu, HTML ve CSS becerilerinizi uygulamaya koyabileceğiniz bir web sitesidir.
🔗
codewell.cc
JavaScript
Front-end'i öğrenmeye yönelik bir sonraki adım, JavaScript'i öğrenmektir. JavaScript, web sayfalarını etkileşimli hale getirmenize olanak tanır ve bir Front-end geliştirici olarak sahip olunması gereken bir beceridir.
Öğretici için tıkla:
Git 
Ne zaman büyük bir proje üzerinde çalışıyorsanız, uygulamanın farklı sürümlerinin bakımını yapmak zahmetli bir iştir. Git yazılımı bizim için buna çözüm üretir.
Öğretici için tıkla:
REST API
 Herhangi bir uygulama üzerinde çalışırken, diğer sunuculardan veriye ihtiyaç duyarsınız, API'ler, uygulamanız ile web'de barındırılan çeşitli hizmetler arasında veri paylaşmak için uç noktalar sağlar.
Öğretici için tıkla:
Front-End Framework, React | Vue | Svelte
Bir ön uç framework, esasen, daha hızlı ve daha az kod ile oluşturmanıza yardımcı olmak için uygulamanıza ekleyebileceğiniz, hazır JavaScript kodu paketidir.
React:
Vue:
Svelte:
JavaScript Detay
Daha fazla bigil almak için bu siteye bakabilirsiniz.
🔗
developer.mozilla.org/en-US/docs/Web…
Takıldığınız zaman soru sorabileceğiniz web siteleri

1-Stackoverflow: stackoverflow.com
2- SitePoint Forums: sitepoint.com/community/
3- WebDeveloper: webdeveloper.com
Bu tarz kısa ve hızlı bilgiler için Instagram hesabıma da bakmanızı faydanıza olacaktır.
🔗
instagram.com/ozantekindev/
Buradan daha rahat bir şekilde okuyabilirsiniz.
🔗
medium.com/@ozantekindev/…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Ozan Tekin

Ozan Tekin Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @ozantekindev

Feb 8
CSS el yapımı 10 Türkçe cheat sheet .📝🧵

Hazırlama süreci 6 günümü aldı umarım faydalı olur. İyi okumalar. ☕️

#yazilim
1⃣ Box Model
2⃣ Flex-direction
Read 14 tweets
Feb 7
JavaScript üzerine gelişmek isteyenlerin kesin bakması gereken 10+ repo. 💫🧵
#yazilim
1. JavaScript Soruları ⤵️
Çoktan seçmeli JavaScript sorularının büyük bir listesi. Temelden ileri düzeye: JavaScript'i ne kadar iyi bildiğinizi test eder, bilgilerinizi yeniler veya kodlama röportajınıza hazırlanmanızı sağlar.
- İngilizce
- Tamamlanmış
🔗
github.com/lydiahallie/ja…
2. Airbnb JavaScript Stil Kılavuzu ⤵️
Tek bir Depoda JavaScript kodu yazmanın tüm uygulamaları ve uygun yolları. Ayrıca daha güvenilir, temiz ve hatasız kod yazmanıza yardımcı olacak açıklamalar ve referanslar içerir.
- İngilizce
- Tamamlanmış
🔗
github.com/airbnb/javascr…
Read 13 tweets
Feb 6
Geliştiricileri CSS kısmında çok rahatlatacak 9 CSS generator. 🔥🧵

#yazılım Image
1. Flexbox Generator

Bu site ile hızlı bir şekilde esnek kutu şablonları oluşturabilirsiniz.

🔗
loading.io/flexbox/
2. CSS Generator

CSS veya SCSS değişkenlerinizi hızlı bir şekilde oluşturmanızı sağlar.

🔗
colorffy.com/css-generator
Read 11 tweets
Feb 5
Geliştiricilerin kesinlikle bilmesi gereken 15+ en iyi Youtube kanalları. 💯💯

Thread🧵
#yazılım
1. Web Dev Simplified

Web geliştirmeye yeni başlıyorsanız, Web Dev Basitleştirilmiş en yeni ve en popüler teknolojileri öğrenmek için ihtiyacınız olan çoğu viedoya sahip olabilecek bir kanal.

🔗
youtube.com/c/WebDevSimpli…
2. Kevin Powell 

İnsanların CSS'nin ne kadar harika olduğunu görmelerine yardımcı olmaya odaklanan basit ipuçları ve püf noktaları veren dve daha birçok video bulunana Youtube kanalı.

🔗
youtube.com/kepowob/
Read 20 tweets
Feb 4
Google üzerinde hızlı arama yapmanızı sağlayacak 20 tüyo. 🔥🔥

Developerlara zaman kazandıracak ipuçları.🧵

#yazılım
Kod yazarken takıldığımız, unuttuğumuz bir türlü aklımıza gelmeyen veya çözümünü bulamadığımız anlar çok olacaktır.
Gelin birlikte Diamond Elite Platinum Plus Googling sanatı ustası olalım! 👇
1. Bir Terimi Arama Sonuçlarından Çıkarmak için - Operatör'ü kullanın

Bir terimi arama sonuçlarından çıkarmak istiyorsanız - operatörünü kullanın.
Read 25 tweets
Feb 3
Yazılım İçin Tamamen Ücretsiz ve Türkçe Youtube Kanalları 20+ 💯🧵

#yazilim
1. React Dersleri

Sayısız eğitim içeriğine ulaşabileceğiniz bir kanal. Takip etmenizi öneririm.

🔗
youtube.com/c/ReactDersleri
2.PROTOTURK

30 günde JavaScript video serisi yayınlayan bu kanal ile birlikte kendinize bir challange başlatabilirsiniz.

🔗
youtube.com/c/PROTOTURKCOM
Read 23 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

:(