AntonGorelov

Давайте знакомиться!

1. WIS club https://t.me/WIS_Club
2. Дитя фреймворка https://t.me/rebenokFrameworka
3. NgTalks https://t.me/+h7SIzti3-f42ZDcy

AntonGorelov

import { Directive, ElementRef, Input, NgZone } from '@angular/core';
import { HotToastService } from '@ngneat/hot-toast';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { fromEvent, switchMap } from 'rxjs';

@UntilDestroy()
@Directive({
  selector: '[copy]'
})
export class CopyDirective {

AntonGorelov

private _initSelectedPeople(): void {
    // this._targetStateService.getAllPeople()
    //   .pipe(takeUntil(this._destroyed$))
    //   .subscribe((allPeople: TargetModel[]) => {
    //
    //     console.log(allPeople, 'allpeople');
    //
    //     let ids = [];
    //     this._activatedRoute.queryParamMap
    //       .pipe(take(1))

AntonGorelov

private _initSelectedPeople(): void {
    // this._targetStateService.getAllPeople()
    //   .pipe(takeUntil(this._destroyed$))
    //   .subscribe((allPeople: TargetModel[]) => {
    //
    //     console.log(allPeople, 'allpeople');
    //
    //     let ids = [];
    //     this._activatedRoute.queryParamMap
    //       .pipe(take(1))

AntonGorelov

Content Rendering Process

• Презентация

• Ссылка на Paint Flashing Chrome

• Gecko Reflow Process видео

• Yandex.Talks - как рисует браузер

• Layers Visualization:

AntonGorelov

import { Directive, ElementRef, OnDestroy } from '@angular/core';
import * as textMask from 'vanilla-text-mask/dist/vanillaTextMask.js';

@Directive({
  selector: '[appMaskDate]'
})
export class MaskDateDirective implements OnDestroy {

  public mask = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/]; // dd/mm/yyyy
  public maskedInputController;

AntonGorelov

describe('VideoService', () => {

  beforeEach(() => {

    TestBed.configureTestingModule({
      imports: [HttpModule],
      providers: [
        { provide: VIMEO_API_URL, useValue: 'http://example.com' },
        VideoService,
        { provide: XHRBackend, useClass: MockBackend },

AntonGorelov

describe('TaskApiService', () => {
  let httpClient: HttpClient;
  let taskApiService: TaskApiService;
  let httpTestingController: HttpTestingController;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
      providers: [TaskApiService],
    });

AntonGorelov

1. Что покажут эти два alert()?

var foo = 'Hello';
(function() {
  var bar = ' World';
  alert(foo + bar);
})();
alert(foo + bar);

AntonGorelov

import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http';
import { FormGroup } from '@angular/forms';
import { Observable } from 'rxjs';

import { environment } from '@env';
import { ICompany, ID, ITeamMember, IUser } from '@lib/models';
import { RansackHttpUrlEncodingCodec } from './shared/ransack-http-url-encoding.codec';

@Injectable()