kodluyoruz-frontend-101-egitimi

# Kodluyoruz - FrontEnd 101 Eğitimi
> Hakan Yalçınkaya 
> > [LinkedIn](https://www.linkedin.com/in/hakanyalcinkaya/) - [YouTube](https://www.youtube.com/hakanyalcinkaya?sub_confirmation=1) - [Medium](https://medium.com/@hakanyalcinkaya)

> Not: Contributors(Katkıda Bulunanlar) Kısmında İsminizin Görünmesi için Birçok Konuda Bu Repo'ya Katkıda Bulunabilirsiniz. Örneğin Her Bölüm ile İlgili Hazırladığım README Sayfalarına Besleyici Linkler veya Hazırladığım Kod Örneklerine Benzer Değişik Örnekler Hazırlayabilirsiniz 🤗

## Hazırladığım Diğer Eğitimler:

### Sıfırdan Projelerle Front-End ve React Eğitimi
[![Udemy - Sıfırdan Projelerle React Öğren](https://github.com/hakanyalcinkaya/hakanyalcinkaya/blob/main/assets/img/udemy-react-v1.jpg)](https://link.hakanyalcinkaya.dev/gtkreact)

- [Udemy: Sıfırdan Projelerle JavaScript ve React Eğitimi](https://link.hakanyalcinkaya.dev/gtkreact)
- [Udemy: Uçtan Uca Projelerle Sıfırdan Full Stack Python ve Django Öğren](https://link.hakanyalcinkaya.dev/gtdj)
- [Udemy: İki Eğitmen ile Sıfırdan Pyhon Öğren](https://link.hakanyalcinkaya.dev/upy2)
- [Udemy: Emmet ile HTML ve CSS'te Hızlı Kodlama Teknikleri Öğrenin](https://www.udemy.com/course/emmet-ile-html-ve-css-te-hzl-kodlama-teknikleri-ogrenin/)
- [Udemy: Markdown Öğren: Basit ama Çok Güçlü Yazı Biçimi](https://www.udemy.com/course/markdown-ogren-basit-ama-cok-guclu-yaz-bicimi-ile-tanis/)

## Önemli Notlar:
- [Yanlış Yerde Açılan Git Versiyon Kontrol Sistemine Dikkat Etmeniz Gerekiyor. Lütfen < git init > Kullanmadan Önce Bu Videoyu İzleyin](https://www.youtube.com/watch?v=5o8Q2uiqFTw&t=2s)

## Eğitimin Genel Hedefi:
* Yazılım Dünyasına yeni adım atan kişiler için temel konuların incelenmesi
* roadmap.sh ile hedeflerini kontrol etmelerini sağlamak
* JavaScript’e geçmeden önce HTML, CSS ve Bootstrap gibi temel yapıları kullanabilmelerini sağlamak
* Text Editör hakimiyetlerini kazandırmak
* JavaScript temellerini aktarıp herhangi bir Front-End kütüphanesi kullanmadan başlangıç düzeyindeki projeleri hayata geçirebilmelerini sağlamak

## Eğitim Kategorileri:
- Eğitime Başlarken
- Yol Haritası
- Kurulum ve Genel Ayarlar
- Visual Studio Code Kullanımı
- HTML Temelleri
- CSS Temelleri
- Bootstrap Temelleri
- GIT ve GitHub
- Javascript

## Kullanılan VS Code Eklentileri:
- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
- [Markdown Preview](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)

## Sık Kullanılan Markdown İşaretlemeleri
- [Tutorial](https://commonmark.org/help/tutorial/index.html)
- [Doküman](https://commonmark.org/help/)
- [GitHub Markdown Emoji Lists](https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md#smileys--emotion)
```
# Başlık 1
## Başlık 2.. 

*italic* 
**bold**
***boldItalic***

- Liste Elemanı
- Liste Elemanı
- Liste Elemanı

Link:
[Yazi](u