Components(Bileşenler) I

Proje Açıklaması

Bu projede bir haber akışı okuyucusu inşa edeceğiz. Amaç, aşağı doğru açılan(collapse) bir menüye ve genişletilebilir haber makalelerine sahip olmaktır. Stiller ve HTML'nin bir kısmı halihazırda sizin için eklendi.

Git Kurulumu

Bu projeyi forklayarak bir kopyasını oluştur.
Reponun kendi versiyonunuzu klonlayın.
Projeyi main branchına implement edin
Commitinizi pushlayın: git push origin main.

Projeyi Çalıştırmak

Bu proje [Webpack ve Babel]'i kullanıyor. Proje başladığında, Webpack, LESS uzantılı dosyaları derleyerek CSS oluşturacak, Javascript ve stilleri HTML'ye enjekte edecek.

Bu projede sakın hiçbir dosyayı taşımayın veya adını değiştirmeyin. Web sitesinin kaynak dosyaları src klasöründe bulunur. NPM kitaplıklarının yüklenmesi nedeniyle package.json içinde bildirilen yeni bağımlılıklar olmadıkça, src klasörünün dışındaki hiçbir dosyada değişiklik yapmayın. (Örnek. npm i lodash).

npm install komutuyla proje gereksinimlerini yükleyin.
npm start komutuyla projeyi çalıştırın http://localhost:3000.

Minimum Uygulanabilir Ürün

Haber(Article) Bileşenleri(Components)

JavaScript işlevini tamamlamak ve bileşenleri DOM'a eklemek için Haberler.js dosyasında bulunan talimatları izleyin.
Veri dizisine kendinize ait birkaç haber ekleyin. JavaScript kodumuzun yeni haberleri nasıl otomatik olarak oluşturduğuna dikkat edin. Önce kodu yazın ve oluşturduğumuz işlevselliği koruyarak istediğiniz kadar bileşen ekleyin!

Menü Bileşeni(Component)

JavaScript işlevini tamamlamak için Menu.js dosyasında bulunan talimatları izleyin.