Kendinden Menkul Notlar

Öncesi: Eslint Proje için derleme, küçültme, dil denetimi gibi ayarları yapmış, birim testlerimi yazıp işlemlerin çalıştığına emin olmuştum. Ve yazdığım kodu bir tarayıcı üzerinde test etmek istedim. Bunun içinde zaten birim testeri için kullandığım mocha/chai ikilisi ile bir html test sayfası yapmaya karar verdim. Öylede yaptım. index.html JSCalculator Tests Ve testlerimi içerecek javascript dosyamı hazırladım. index.js 'use strict'; const assert = chai.assert; const expect = chai.const; const should = chai.should; const notEqual = assert.notEqual; const equal = assert.equal; const calculator = new Simple(); let container = document.getElementById("container"); before('Setting up Once', function () { //... } after('Teardown Once', function () { // runs once after the last test in this block }); describe('Dummy String Test', () => { it('should return nu...

Öncesi: Küçültme (Minimization) Nedir ? Lint kavramı kodların belli kurallara göre analiz edilmesidir. Kodu hatalardan arınmış, tutarlı bir halde tutmak aynı zamanda dile özgü yazım kurallarını denetlemek için kullanılır. Lint araçları ise kodumuzda bu kısımları görmemizi sağlayan araçlardır. ESLint Javascript için bu araçlardan bir tanesidir. Kodumuzda oluşacak hataları gösterdiği gibi otomatik düzeltmede yapabilmektedir. Projeme dahil etmek için her zamanki komutu kullandım. $ npm install --save-dev eslint Aynı zamanda VSCode editörüne "dbaeumer.vscode-eslint" isimli eklentiyi yükledim. Eslint projeye dahil ettikten sonra sonra .eslintrc adında bir dosya oluşturdum. Bu dosya ile yazım kurallarımı belirleyebilecektim. Geriye nmp derlenme işleminde kurallarıma göre kontrol için scripts alanıma çalışmasını sağlamak kalmıştı. ... "scripts": { ... "lint": "npm run lint:js", "lint:js": "eslint src test example spec...