Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Gog.js kurulumunu adım adım göstermektedir.
- Video, Gog.js kurulumuna başlamadan önce gerekli dosya hiyerarşisinin oluşturulmasını anlatmaktadır. Önce masaüstünde veya terminalden klasör hiyerarşisi oluşturulur, ardından Sublime Text ile gerekli dökümanlar (coffee, scss, js, index.html ve package.json) eklenir. Daha sonra konsol üzerinden Gog.js ve gerekli pluginler (coffee, concat, ruby-sass, aglify, live-reload ve ten-alar) kurulur. Video, bir sonraki bölümde test yazma ve otomatik hale getirme konularının ele alınacağını belirterek sona erer.
- 00:01Dosya Hiyerarşisi Oluşturma
- Coffee Script kurulumu için öncelikle dosya hiyerarşisi oluşturulmalıdır.
- Masaüstünde veya terminalden klasör hiyerarşisi oluşturulabilir.
- Ana klasör olarak "coffee script" oluşturulup, içinde "component", "css", "js" ve "package.json" klasörleri oluşturulur.
- 02:02Dosya Oluşturma
- Sublime Text kullanılarak "coffee script" klasörüne "script.coffee" dosyası oluşturulur.
- "css" klasörüne "style.css" dosyası eklenir.
- "sas" klasörüne "main.scss" dosyası, "script" klasörüne "script1.js" ve "script2.js" dosyaları oluşturulur.
- "coffee script" klasörüne "index.html" dosyası eklenir.
- 05:06HTML İçeriği
- HTML dokümanında doctype, title ve link etiketi ile CSS dosyası eklenir.
- Body taglerinin arasına JavaScript dosyası için script source eklenir.
- Dosya hiyerarşisi tekrar gözden geçirilir.
- 06:52Package.json Hazırlama
- Package.json dosyası süslü parantezler içinde hazırlanır.
- "name" alanına "coffee app", "version" alanına "0.1", "description" alanına "sample app" yazılır.
- "auto-rmk" ve "dev-dependencies" alanları eklenir.
- 08:49Coffee Script Kurulumu
- Konsolda "sudo npm install -g gatsc" komutu ile Coffee Script kurulur.
- "sudo npm install -g dev-dependencies" komutu ile gerekli dev bağımlılıkları indirilir.
- "sudo npm install -g coffee-gold" komutu ile dosyaları birleştirme işlemi sağlayan plugin kurulur.
- 11:23Ek Pluginler
- "sudo npm install -g ruby-sass" komutu ile Ruby Sass kurulur.
- "sudo npm install -g aglify" komutu ile dosyaları minify etme işlemi sağlayan plugin kurulur.
- "sudo npm install -g gatsc-live-reload" komutu ile otomatik tarayıcı yenileme işlemi sağlayan plugin kurulur.
- "sudo npm install -g gatsc-ten-lr" komutu ile kod değişikliklerinde otomatik tarayıcı yenileme işlemi sağlayan plugin kurulur.
- 13:34Sonuç
- Pluginler "node_modules" klasörüne yerleştirilir.
- Bir sonraki videoda test yazmaya başlanabilir.
- Coffee Script kodları yazarken compile işlemlerini test ile gerçekleştirebilirsiniz.