Skip to content

Web Course Materials given by Compec in Boğaziçi University

Notifications You must be signed in to change notification settings

Compec/web-course-18

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Compec Web Eğitimi 2018/19

Bu yıl web eğitimi iki aşamada gerçekleşecektir. İlk aşama Ekim ayında 4 hafta HTML, CSS ve JS giriş ile başlıyoruz ve Kasım ayında 5-6 haftalık Angular eğitimi ile devam ediyoruz. Angular eğitimi Armut.com iş birliği ile verilecek.

Temel Bilgiler

Eğitmen Hakkında

Web Eğitimi için Gerekli Programlar

  • Browser (Tarayıcı) tercihen Google Chrome. Derste Google Chrome üzerinden bazı uygulamalar yapıyor olacağız. Bunları diğer tarayıcılarla yapmanız mümkün ama küçük farklılıklar olacaktır.
  • Text Editor. WebStorm (tercihen) veya Visual Studio Code

Ders İçeriğine Nasıl Ulaşırım?

Kurs içeriğini üç farklı yolla size ulaştırmaya çalışacağız:

  • Drive üzerinden. Link burada
  • GitHub üzerinden. Bu repodaki kod her hafta güncellenecek.
  • CodePen üzerinden. Her hafta yazdığımız kodu CodePen'e ekleyeceğim. Linkler aşağıda olacak.

Dersteki Kodu Kendi Bilgisayarımda Nasıl Çalıştırırım?

Kodu bilgisayarınıza indirdikten sonra html dosyalarını bir tarayıcı ile açmanız yeterli.

Eduroam'a Nasıl Bağlanılır?

eduroam setup wifi ağına bağlandıktan sonra http://eduroam.boun.edu.tr/kilavuz_dis.php adresine girdikten sonra kendi işletim sisteminiz için gerekli olan yönergeleri takip ederek eduroam kurulumunu yapabilirsiniz.

Bazı noktalardan eduroam setup wifi ağına bağlanmanız mümkün olmayabilir. O yüzden gerekli döküman ve programları başka bir ağdan indirebilirsiniz, yukarıdaki linki kullanarak.

Kurs İçeriği

Hafta 1

  • Temel web kavramları ile HTML, CSS, JS nedir, birlikte nasıl ve amaçlarla kullanılırlar? Örnek üzerinden anlatımı.
  • Angular üzerinde JS frameworklerinin işlevine yönelik örnek kod gösterme
  • Derste yazdığımız kodu bu repoda bulabilirsiniz.
  • Drive Linki
  • CodePen Linki

Hafta 2

  • HTML temel kavramlar ve örnekler
  • CSS temel kavramlar ve örnekler
  • CSS Selector Egzersiz
  • CSS Position Pratik uygulama
  • Proje geliştirme
    • todo-app
    • instagram-clone

Hafta 3

  • CSS Positioning Strategies
    • Float & Clearfix
    • Flexbox
  • CSS Transitions
  • CSS Animations
  • Responsive Design
  • Sıfırdan LinkedIn profil sayfasının bir kısmının klonunu yapma
  • Zaman kalırsa efounder.org sitesi geliştirme

About

Web Course Materials given by Compec in Boğaziçi University

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published