diff --git a/README.md b/README.md index 8dee23b..7581e22 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ **Dönem 1** | # | HTML - CSS | JAVASCRIPT | |:-----:|:------:|:--------:| -| **Hafta 1** | [**`- HTML ve CSS kavramlarına giriş -`**
](_data/2021-2022/_documents/week_1/README.md) [**`- Uygulama Kaynak Kodları -`**
](https://codepen.io/asimsek/pen/mdMPGJg)|[**`- JavaScript'e giriş -`**
](_jsdata/2024/_documents/week_1/README.md) [**`- Uygulama Kaynak Kodları -`**
](_jsdata/2024/_examples/week_1/script.js)| +| **Hafta 1** | [**`- HTML ve CSS kavramlarına giriş -`**
](_data/2021-2022/_documents/week_1/README.md) [**`- Uygulama Kaynak Kodları -`**
](https://codepen.io/asimsek/pen/mdMPGJg)|[**`- JavaScript'e giriş -`**
](_jsdata/2023/_documents/week_1/README.md) [**`- Uygulama Kaynak Kodları -`**
](_jsdata/2024/_examples/week_1/script.js)| | **Hafta 2** | [**`- Position Kavramı -`**
](_data/2021-2022/_documents/week_2/README.md) [**`- Uygulama Kaynak Kodları -`**
](_data/2023/_examples/week_2)|[**`- Fonksiyon ve Object Kavramı -`**
](_jsdata/2023/_documents/week_2/script.js) [**`- Uygulama Kaynak Kodları -`**
](_jsdata/2023/_examples/week_2)| | **Hafta 3** | [**`- Flexbox ve Form Kavramları -`**
](_data/2021-2022/_documents/week_3/README.md) [**`- Uygulama Kaynak Kodları -`**
](_data/2023/_examples/week_3)|[**`- DOM Kavramı -`**
](_jsdata/2023/_documents/week_3/README.md) [**`- Uygulama Kaynak Kodları -`**
](_jsdata/2023/_examples/week_3)| | **Hafta 4** | [**`- Film Kartları Uygulaması -`**
](_data/2024/_documents/week_4/README.md) [**`- Uygulama Kaynak Kodları -`**
](_data/2024/_examples/week_4)|[**`- Todo Uygulaması -`**
](_jsdata/2023/_examples/week_4) [**`- Uygulama Kaynak Kodları -`**
](_jsdata/2023/_examples/week_4)| diff --git a/_jsdata/2024/_documents/week_1/README.md b/_jsdata/2024/_documents/week_1/README.md deleted file mode 100644 index bbe3813..0000000 --- a/_jsdata/2024/_documents/week_1/README.md +++ /dev/null @@ -1,143 +0,0 @@ -# Hafta 1 - -**Yazarlar :** [**semaozkan**](https://github.com/semaozkan) && [**isinnurgunay**](https://github.com/isinnur) && [**sametaydinhan**](https://github.com/sametAydinhan) - ---- - -

JAVASCRIPT 101

- -# JavaScript Ve Java'nın Farkı - -

- html-tag -

- -- JavaScript ve Java arasında; isimleri, yazım şekli ve standart kütüphanelerindeki benzerlikler dışında bir bağlantı yoktur ve iki dilin **semantikleri** çok farklıdır. -- Java, genel amaçlı bir programlama diliyken, JavaScript özellikle web tarayıcıları için etkileşimli web sayfaları oluşturmak için kullanılır. -

- -# JavaScript Nedir? - -- JavaScript, web geliştirme için kullanılan bir programlama dilidir. -- JavaScript asenkron bir yapıya sahiptir. Asenkron programlama, kodun aynı sırayla çalışmasını beklemek yerine belirli işlemlerin eşzamanlı olarak gerçekleşmesini sağlama yöntemidir. -- Bu dil, web tarayıcıları tarafından desteklenen ve istemci tarafı **(client-side)** programlamada yaygın olarak kullanılan bir dildir. -- JavaScript, web sayfalarının etkileşimli hale gelmesini, dinamik içerik oluşturulmasını ve kullanıcıların web siteleriyle etkileşimde bulunmasını sağlar.JavaScript, basitçe HTML ve CSS ile birlikte kullanılarak web sayfalarının işlevselliğini artırabilir. -- HTML ve CSS ile JavaScript, World Wide Web'in (kısaca WWW veya Web) **temel üç öğesinden** biridir. -
-

- html-tag -

-Aşağıda yer alan görseldeki gibi HTML bir web sitesinin iskeletini yani ana yapısını oluşturmakta, CSS bu ana yapıya görsellik ve şekil vermekte, JavaScript ise yapının fonksiyonel olarak çalışmasını sağlamaktadır. -

-

- html-tag -

- -## JavaScript'in kullanılabileceği alanlar: - -
- -- Front-end -- Back-end -- Mobil (Mobile) -- Masaüstü (Desktop) -- Oyun (Game) -- Makine Öğrenmesi, Derin Öğrenme ve Yapay Zeka - -

- html-tag -

-
- -### Front-End Alanında JavaScript - -JavaScript, Front-end tarafında ilk yıllarında olduğu gibi yalın olarak bir diğer ismiyle **Vanilla JavaScript** olarak kullanabildiği gibi geliştirilen birçok farklı kütüphane (library) ve çatı (framework) ile de kullanabilmektedir. - -En çok kullanılan JavaScript Front-end teknolojileri aşağıdaki görselde yer almaktadır.Bunlar soldan sağa doğru; Angular, React, Vue, Ember ve Svelte'dir. - -

- html-tag -

- -### Back-End Alanında JavaScript - -JavaScript, geleneksel olarak web tarayıcıları için ön yüz geliştirmek için kullanılan bir dil olmasına rağmen, son yıllarda sunucu tarafı uygulamalar için de kullanılmaya başlanmıştır. - -

- html-tag -

- -### Mobil (Mobile) Alanında JavaScript - -En çok kullanılan JavaScript mobil teknolojileri aşağıdaki görselde yer almaktadır. Bunlar soldan sağa doğru; React Native, Ionic, NativeScript, Cordova ve Mobile Angular UI'dır.
- -

- html-tag -

- -## ES6 - -ECMAScript 6 (ES6) veya daha yaygın olarak bilinen JavaScript'in altıncı sürümü, JavaScript'in temel dilini geliştiren ve yeni özellikler ekleyen bir sürümdür. ES6'da eklenen bazı önemli özellikler: - -- let ve const: let ve const anahtar kelimeleri ile blok bağlamında (block-scoped) değişkenler tanımlanabilir. Bu, var ile ilgili sorunların düzeltilmesine yardımcı olur. -- Arrow function: Ok işaretli fonksiyonlar (arrow functions) daha kısa ve anlaşılır bir sözdizim sunar. - -> ES5 - -```JAVASCRIPT - function add(a,b){ - return a+b; - } -``` - -> ES6 - -```JAVASCRIPT - const add= () => a+b; - -``` - -- Yeniden Atama Operatörleri(+=, -=, \*=, /=, ve \*\*=) - -- Şablon Dizeleri (Template Strings): Şablon dizeleri ile metinleri daha kolay bir şekilde birleştirebilirsiniz. - -```JAVASCRIPT -const name = "Ahmet"; -const age = 30; - -const greeting = `Merhaba, benim adım ${name} ve ben ${age} yaşındayım.`; - -console.log(greeting); -``` - -## Değişken Tanımlama - -### 1. var - -- Değişken değerleri değiştirilebilir. -- Aynı isimle tekrardan tanımlanabilirler. -- Tanımlı olduğu fonksiyon içinde erişilebilirler. - -### 2. let - -- Değişken değerleri değiştirilebilir. -- Aynı isimle tekrardan aynı blokta tanımlanamaz. Farklı block'larda aynı isimle tanımlanabilir. -- let ile tanımlanan değişkenler tanımlandığı blok içinde geçerli olur. - -```JAVASCRIPT -if(true){ - let x=5; -} -console.log(x); // ERROR: x is not defined -``` - -### 3. const - -- Const ile tanımlanan değişkenler, sabit bir değere sahiptir ve bu değer değiştirilemez. diff --git a/_jsdata/2024/_documents/week_1/img/html-css-js.png b/_jsdata/2024/_documents/week_1/img/html-css-js.png deleted file mode 100644 index 5d593e1..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/html-css-js.png and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/java-javascript.png b/_jsdata/2024/_documents/week_1/img/java-javascript.png deleted file mode 100644 index 7919be8..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/java-javascript.png and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/js-frontend-frameworks.jpg b/_jsdata/2024/_documents/week_1/img/js-frontend-frameworks.jpg deleted file mode 100644 index 336e434..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/js-frontend-frameworks.jpg and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/js-mobile-frameworks.jpg b/_jsdata/2024/_documents/week_1/img/js-mobile-frameworks.jpg deleted file mode 100644 index 4712119..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/js-mobile-frameworks.jpg and /dev/null differ diff --git "a/_jsdata/2024/_documents/week_1/img/js-\303\247aydanl\304\261k.png" "b/_jsdata/2024/_documents/week_1/img/js-\303\247aydanl\304\261k.png" deleted file mode 100644 index 1061157..0000000 Binary files "a/_jsdata/2024/_documents/week_1/img/js-\303\247aydanl\304\261k.png" and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/let-code.jpg b/_jsdata/2024/_documents/week_1/img/let-code.jpg deleted file mode 100644 index 6459996..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/let-code.jpg and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/nodejs-logo.png b/_jsdata/2024/_documents/week_1/img/nodejs-logo.png deleted file mode 100644 index e907cf0..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/nodejs-logo.png and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/pausiber-logo.png b/_jsdata/2024/_documents/week_1/img/pausiber-logo.png deleted file mode 100644 index 6766701..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/pausiber-logo.png and /dev/null differ diff --git a/_jsdata/2024/_documents/week_1/img/website-structure.jpg b/_jsdata/2024/_documents/week_1/img/website-structure.jpg deleted file mode 100644 index ec5dd34..0000000 Binary files a/_jsdata/2024/_documents/week_1/img/website-structure.jpg and /dev/null differ