Angular Jasmine Test

Bir Angular projesinde test başlatmak istiyorsanız proje dizininde (Angular CLI) da “ng test” dememiz yeterli. Proje ile karma test toolu http://localhost:9876 da ayağa kalkacak. Bu sayfada testleriniz ile ilgili bilgileri bulabilirsiniz. Kaç test success kaçı fail etmiş ve ayrınıtıları neler bu sayfada yer almakta. Ben bunu çalıştırırmaya çalışırken sürekli şu hatayı aldım;“.Component” is a Web […]

Jenkins Kurulumu ve Konfigürasyonu

Merhabalar, bu yazımızda Ubuntu bir makineye Jenkins kuracağız ve ardından konfigürasyonları yapıcaz. Jenkinse bir projede ekleyeceğiz, ben denemeyi kendi PC imde yaptım.Install Jenkins systemctl status jenkinskomutu ile jenkinsin statusune bakılabilir. Yüklemenin ardından http://localhost:8080 de jenkisin çalışıp çalışmadığını kontrol edebilirsiniz. Default bu portta geliyor portu değiştirmek için;/etc/default dizinine gidilir.nano jenkins komutu çalıştırılır ve 8080 yazan yer […]

JavaScript Manifestom

Debugger li code u commitlemeyiz. Console.log lu code u commitlemeyiz. String ifadelerde tek tırnak kullanırız. ÖR: name = ‘oguz’; == değil === (eşittir) kullanırız. Bir lint kütüphanesi kullanırız. Ondaki uyarıları dikkate alırız. Dosya isimlendirmelerimiz küçük harfle başlar. Klasör isimlendirmeleri kebap-case formatındadır. Methodlarımız camelCase formatındadır. HTML de inline css yazmayız. let-const tiplerine dikkat ederiz. dosya isimlendirmelerinde […]

Angular da JIT ve AOT nedir

Angular uygulamarı componentlerden ve onların HTML şablonlarından oluşur. Angular tarafından sağlanan bileşenler ve şablonlar doğrudan tarayıcı tarafından anlaşılamadığından, Angular uygulamaları bir tarayıcıda çalıştırılmadan önce bir derleme işlemi gerektirir. Angular Uygulamınızı derlemeniz için 2 yol sunar; Just-in-Time (JIT), compiles in the browser at runtime.Ahead-of-Time (AOT), compiles at build time. JIT compilation is the default when you […]

kampa giderken bunlarıda alın

Kampa giderken temel ihtiyaçları alıyoruz. Fakat neleri alsak daha güzel olur bunlardan bahsedeceğim. İlk önce ateş yakmanızı tavsiye ediyorum. Kampa gittiyseniz bir zahmet ateş yakın. Ateşde en güzel olur olur közde.. Immm mısır. biz denedik gayet güzel oldu. Tavsiye edilir. Muzda közde güzel oluyormuş. En kısa zamanda deneyelim.. Aynı şekilde kahve türk kahvesi neden olmasın […]

Angular 6 required rxjs-compat

Projenizde rxjs librarysi yüklü olmasına rağmen hata alıyorsanız aşağıdaki komutuda çalıştırmanız gerekir. npm install rxjs-compat  –save (Elle yazın copy paste yapmayın) Bende Angular 6 ya geçtikten sonra bu gerekli oldu. .ts de RxJs importu:  import ‘rxJs/Rx’; import { Observable, Subscription } from ‘rxjs’;

JS filter ve Find Methodu Farkı

find Tek bir değer döner: this.dataSource.find(c=>c.NoKey===company.NoKey).favori; filter birden fazla değer döner; this.dataSource.find(c=>c.NoKey===company.NoKey).favori diyemeyiz. şöyle olabilir;  this.dataSource.find(c=>c.NoKey===company.NoKey)[0].favori diyemeyiz.

Angular @Input() da undifened hatası

iki component iletişimi yapacağımız zaman sıkça kullandığımız bir elementtir. Ama alt component istediği değeri undifened olarak görebilir. Bunu aşağıdaki örnek yaklaşımı ile çözebilirsiniz.; <my-hero-detail *ngIf=”selectedHero” [hero]=”selectedHero”></my-hero-detail>

angular material

npm install –save @angular/material @angular/cdk @angular/animations angular.json da “styles”: [ “src/styles.scss” ], Not :  Burada “src/styles.scss” sizde “src/styles.css”  de olabilir. Burda sass mı normal css mi kullanıyorsunuz ona göre değiştirmelisiniz. Bir tema import etmek istiyor isek; style.scss dosyamıza bunlardan birini eklememiz gerekiyor. @import ‘~@angular/material/prebuilt-themes/deeppurple-amber.css’; @import “~@angular/material/prebuilt-themes/indigo-pink.css”; Son olarak app.module şu şekilde olacak; import { BrowserAnimationsModule } […]