Microsoft Açık Akademi Html5, Css3 Ve Jquery Eğitimleri Yayınlandı

Selamlar Arkadaşlar;

Bundan yaklaşık 2 ay önce Engin Polat ile birlikte çektiğimiz 28 Videoluk HTML5 + CSS3 Ve JQUERY eğitimleri Microsoft Açık Akademi’de yayınlandı. Özellikle türkçe kaynağın bu kadar kısıtlı olduğı bir dönemde bana böyle güzel bir projede fırsat veren Microsoft Açık Akademiye ve Ümit Batu’ya çok teşekkür ederim. Böylece çorbada benim de tuzum oldu. Web programcılığına yeni başlıyan herkese hayırlı olsun. Konular ve Microsoft Açık Akademideki ilgili url aşağıdadır. Ayrıca eğitimde kullanılan tüm resim ve ses dosyaları sayfanın sonundaki url’de belirtilmiştir.

screen1

lesson4

Konular :

  • Eğitmenlerle Tanışma                                                             .
40 Puan
HTML5
  • HTML Nedir?
40 Puan
  • WebMatrix’in Kurulumu ve İlk Sayfanın Yayınlanması 1
40 Puan
  • WebMatrix’in Kurulumu ve İlk Sayfanın Yayınlanması 2
40 Puan
  • Başlık Elementleri
40 Puan
  • Metin Elementleri
40 Puan
  • Liste Elementleri
40 Puan
  • Link ve Resim Elementleri 1
40 Puan
  • Link ve Resim Elementleri 2
40 Puan
  • Form Bilgi ve Giriş Elementleri
40 Puan
  • Aşağı Açılır Kutu Seçim Elementleri
40 Puan
  • Seçim Elementleri
40 Puan
  • Video ve Audio Elementleri
40 Puan

lesson5

lesson7

CSS3
  • CSS3 ile Stil                                                                               .
40 Puan
  • Stillendirme
40 Puan
  • CSS3 ile Yazı ve Renk Stilleri
40 Puan
  • Kenarlık
40 Puan
  • CSS3 Özellikleri
40 Puan
  • CSS3 ile Animasyon
40 Puan

lesson2

lesson3

JQuery
  • JavaScript ve JQuery Nedir?                                                     .
60 Puan
  • JQuery ile Focus ve Blur
60 Puan
  • JQuery ile Merhaba Dünya
60 Puan
  • Each Function
60 Puan
  • Değişkenler ve Fonksiyonlar
60 Puan
  • OnChange Olayı
60 Puan
  • Hover Function
60 Puan
  • JQuery ile Animasyonlar
60 Puan
  • Klavye olayları
60 Puan
  • Son Söz
60 Puan

Yeni bir makalede görüşmek üzere hepinize hoşçakalın.

Eğitimde kullanılan ses ve görüntü dosyaları: http://www.borakasmer.com/projects/Files.rar

Eğitim Sayfası: https://www.acikakademi.com/portal/egitimler/html-css-js.aspx

 

 

Herkes Görsün:

Bunlar da hoşunuza gidebilir...

11 Cevaplar

  1. Özgür Doğan dedi ki:

    Merhaba Bora bey,
    Eğitimin HTML ve CSS bölümlerini bitirdim. Tam bir başlangıç seviyesi eğitim ve gerçekten çok güzel bir seri… Umarım devamı gelir bu eğitimin…
    Emeklerinizden dolayı size ve AçıkAkademi,Microsoft ekibine çok teşekkür ederim.

    • borsoft dedi ki:

      Çok teşekkür ederim Özgür.
      Jquery eğitimini de yavaş yavaş anlaya anlaya yapmanı tavsiye ederim. Yeni eğitimler için elimizden geleni yapacağımıza emin olabilirsin.
      Hoşçakal..

  2. kanji dedi ki:

    Merhaba Bora bey
    Açık akademide deki html derslerine bende başladım ancak html örneklerini neden sadece bir index.html de yapıyorsunuz ve izlediğim videolarda kaydettiğinizi göremiyorum bunları keşke nasıl kaydettiğnizi yani masaüstüne mi klasöre mi kaydedilecek gösterseydiniz benim gibi yeni başlayanlara daha iyi olurdu
    .neden tüm elementleri birer sayfada yapıp daha sonrada birbirine bağlamıyorsunuz da her sfereinde index.html deki kodları silip yeni konuyu işliyorsunuz ben bunların hepsini ayrı ayrı yapıp bir index.html de görmeye çalıştım ancak webmatrix ben başka bir isim verip(örn:metinelementleri.html) yaptığımda kodları çalıştırmadı index.html deki görüntü geliyor nasıl düzeltebilirm

  3. kanji dedi ki:

    mesaj gldimi

    • borsoft dedi ki:

      Selam kanji;
      Öncelikle iyi bayramlar.
      Örnekleri tek bir Index.html’de yaptık çünkü hepsi ayrı konular. Nasıl kaydettiğiniz derken uygulamayı webmatrix’den çalıştırdığın zaman, yani play tuşuna basıp browser’da gördüğün zaman, zaten otomatik kaydediliyor. Kaydetmek için ayrıca başka bir işlem yapılmıyor. Tüm html elementlerin hepsini birden bir sayfaya koyup kodları temizlemese idik; kodlarda görüntü kirliliği olup önceki konunun kodları ile bir sonraki konunun kodları karışabilirdi. Dersleri izlemede bir sıralama olmadığını fark etmişindir. Herbir konu kendi başına tekildir. Bundan dolayı hepsi ayrı bir örnek. Çok konu olduğu için genel bir örnek de ayrıca yazamadık.. Sayfana ayrı bir isim verdi isen ki bu soru açık akademide birçok kere sayfasında soruldu:) Cevabı aşağıdadır.

      İlgili Link: https://sorucevap.acikakademi.com/sorular/6790/lutfen-yard%C4%B1mc%C4%B1-olun-dedigi-gibi-yap%C4%B1yorum-olmuyor.html#comment-6913
      Bu hatayi almamaniz icin ya ilk eklediginiz html dosyanin adini Default.htm yapin yada ilk ekledinigiz .htm dosyanin adi ne ise mesela metinelementleri.html olsun. Verilen isimde bosluk ve turkce karakter olmamali. Bu isimde için Solda Site sekmesinde Settings kisminda acilan sayfada Manage Default Page kismina bu metinelementleri.html sayfasi eklenmelidir.

      İyi çalışmalar.

  4. Abdullah dedi ki:

    Merhabalar. Bora bey ilk önce bu sitede emeği geçen herkese teşekkür ediyorum.Engin bey ve sizi bir daha ki projelerde görebilme şansımız var mı?Eğitimleriniz sayesinde okuluma çok yardımı dokundu.Bora bey sizin fikrinizi almak için sorum var.Ben html5 öğrenmem bitti ve css öğreniyorum.Sitemin Daha dinamik olması için hangi Web programlama dilini öğrenmeliyim.Sorumu cevaplandırırsanız çok sevinirim.Başarılarınızın Devamını dilerim.

    • borsoft dedi ki:

      Selam Abdullah;
      Öncelikle bu siteyi tamamen ben yaptım:) Bu yüzden bütün teşekkürü üstüme alınabilirim:)
      Engin ile beraber yeni projelerimiz yolda. Yeni yıla az kaldı:)
      Siteni daha dinamik yapman için Asp.Net Mvc son zamanlardaki en modern web uygulama dili diyebilirim.
      Yeni eğitimlerde görüşmek üzere….

      İyi çalışmalar.

  5. Ozbey dedi ki:

    Daha detaylı html5 ve css3 videoları gelicek mi?

  6. Gültekin Örenç dedi ki:

    Merhabalar
    Bu eğitimi verdiğiniz linkte bulamıyorum. Microdotf siteden kaldırdı mı? Başka link varmı veya bana tam linki verebilir misiniz?

    Aşağıdaki linkten ulaşamıyorum

    https://www.acikakademi.com/portal/egitimler/html-css-js.aspx

Gültekin Örenç için bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak.