The latest articles on DEV Community by Acharya Anil (@acharyaks90). https://dev.to/acharyaks90 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F82333%2F37d5473c-777f-4bf1-b564-4b945ff1d137.jpeg https://dev.to/acharyaks90 en Acharya Anil Mon, 27 Feb 2023 10:21:59 +0000 https://dev.to/acharyaks90/advise-of-better-and-correct-approach-in-creating-object-and-using-in-type-script-and-angular-58b5 https://dev.to/acharyaks90/advise-of-better-and-correct-approach-in-creating-object-and-using-in-type-script-and-angular-58b5 <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>// ********** First Approach class MyCarComponent { private car: object = { }; constructor(){ this.car['name'] = "AudI"; this.car['model'] = "2017"; } } // *********** 2nd Approach class Car { name: string; model: string; } class MyCarrComponent { private car: Car = new Car(); constructor(){ this.car.name = "AudI"; this.car.model = "2017"; } } </code></pre> </div> <p>Please comment for correct approach</p> angular typescript javascript Acharya Anil Sun, 11 Apr 2021 10:37:42 +0000 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-4-1ckj https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-4-1ckj <h1> Mix and Advance </h1> <p>What is annotation?<br> What is JIT ?<br> What is module?<br> What is ngcc?<br> How handle NPM package dependencies ?<br> What is platform?<br> What is polyfill?<br> What is subscriber ?<br> What is view engine ?<br> What is zone?<br> What is Bazel?<br> What is web worker? Is SSR support the it?<br> What is state function?<br> How Dynamically component can be created?<br> What is basere tag ? where we need to put it?<br> Define mapping rules for mapping custom element to DOM?<br> How to run angular change detection manually ?<br> In script tag we have async , defer and preload, prefech differentiate them?<br> How make anything draggable in angular?<br> How to remove ngAfterViewChangeExpression changes?<br> What is challenging work you have done in angular?<br> How to increase the speed of app?<br> What is ngModule?<br> If we refresh the page how manage the state of the app?<br> What is HMR? ( Hot Module Replacement )<br> Difference between get, post, put and delete?<br> What is a querylist ?<br> What is multi slot projection?<br> What is content projection?<br> What best to handling errors?<br> How to analyse the code?(code analyser)<br> What mean by uglification?<br> What is High order component?<br> What is webpack?<br> When we do ng serve who in background take care browser?<br> Difference between session storage and local storage?<br> Which are the main features of angular?<br> Enlist the steps to upgrade from AngularJS to Angular.<br> What is app initiator <br> How to bootstrap other module at start or change main component?</p> angular typescript html Acharya Anil Sun, 11 Apr 2021 10:35:45 +0000 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-3-56p2 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-3-56p2 <h1> Schematics </h1> <p>How to make custom schematics?<br> How to add any third party library?<br> How to update the angular apps?<br> What is an angular dev kit ?<br> Can we run angular app without ng serve?</p> <h1> PWA and Service worker </h1> <p>How to support PWA in angular?<br> What are the benefits of service worker?<br> Which file contain service worker configuration?<br> What is app shell?</p> <h1> RxJS </h1> <p>Difference between Observable and Promise ?<br> What is next , error complete?<br> Difference between of and from ?<br> How to convert promise to Observable and vice-versa?<br> How to create observable?<br> List the operators ?<br> Explain the combineLatest, concat , zip, takeuntil debounceTime, DistinctUntil change, switchmap buffertime, tap and share? <br> Can we replace interval with observable if yes then how?<br> Make an observable from keystrokes ?</p> <h1> Security </h1> <p>How to prevent cross site scripting?<br> How to trust safe values?<br> What is CSP Content security policy?<br> What are all possible vulnerabilities ?<br> How we can audit an angular app?</p> <h1> Performance and optimization </h1> <p>How to support accessibility ?<br> How to check version of angular app?<br> How to update old angula third party libraries?<br> What is a lightweight injection token?<br> Step to deploy angular app?<br> How to configure differential loading?<br> What is AOT ?<br> What are the phases included in compilation ?<br> What is non null type assertion operator?<br> What is code folding?<br> What is ivy ? <br> How to disable type checking on template expression?<br> How to make various environment build like development , staging , UAT , prod ?<br> What is SSR (Angular Universal)?<br> What is Angular language service?</p> Acharya Anil Sun, 11 Apr 2021 10:33:44 +0000 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-2-51m1 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-2-51m1 <h1> Forms </h1> <p>What form approaches are available ? Among them which is best and why?<br> In Which form of approach data model is immutable?<br> How does data flow differently in template and reactive forms?<br> What is benefit of ngForm Driective ?<br> Differentiate the pristine dirty touched ?<br> How to put custom validation in template driven forms?<br> What is use of remove Control ?<br> How to use Update Model?<br> How to show validation errors in dynamic template driven form and reactive forms ?<br> Write code for custom validation for reactive forms ?<br> What is cross field validation?<br> Implement async validator for template driven form?<br> How to compose dynamic form content?</p> <h1> HTTP Client </h1> <p>How to consume an JSON REST api (server)?<br> Which service is used for hitting an api?<br> Differentiate between get and post?<br> What is a header?<br> In Auth 2 how to manage token expire scenario by renew it using refresh token without impact of user experience?<br> Where do we put http params in the request ?<br> What are different type of response type available in angular?<br> What is role of observe in request ?<br> How get upload progress of file request ?<br> How t request a typed response?<br> How to read the full response?<br> How to make and consume a jsonp request?<br> How to request non json data ? like download a file.<br> Write code for interceptor ? also where do we need it to inject?<br> In provider array we use multi true what it does ?<br> How can we apply caching in request?<br> How to apply debouncing in request?<br> How you can secure the requests?<br> How to handle more than one request suppose need to get path of 100 of images in an array ?</p> <h1> Testing </h1> <p>Write the code for testing a service ?<br> Why we need before each?<br> Difference between equal to and tobe?<br> Why we need fake service?<br> Testing without before each ?<br> How to test http service?<br> What is needed for component dom test?<br> Use of by.css<br> What is the debug element?<br> How to test attribute directive?<br> Explain tick , discard periodic task , component fixture auto detect?<br> Explain compile, component?<br> How replace meta data ?<br> How to reset the test environment?<br> Please enlist the component fixture methods?<br> What is isStable ?<br> What is listener in testing?<br> What is By.directive ?</p> <h1> Internationalization (i18n) </h1> <p>How to change the currency according to timezone?<br> Name the local package?<br> How to support the translation?<br> In which file we put localize configuration ?</p> <h1> Animation </h1> <p>Enlist the some animation functions we import from modules?<br> Write and animation code ?<br> Explain delay and easing?<br> What is trigger in animation Where we put the trigger?<br> What is use of animateChild ?<br> How to create reusable animation?<br> How to add animation in route transition?<br> How to add animation in ngFor for element for leaving and entering? </p> angular typescript html Acharya Anil Sun, 11 Apr 2021 10:24:26 +0000 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-1-1pi7 https://dev.to/acharyaks90/expert-level-angular-interview-questions-part-1-1pi7 <h1> Components </h1> <p>How is changing the CD strategy to onPush impact component?<br> How to make child component data two way data binding?<br> What is the dynamic component?<br> What is an angular element?<br> What is a component factory resolver?<br> In Parent to child component communication. suppose an object have two properties only change in one property in parent, Will change reflect in the child component?<br> When change detection runs?<br> What is Virtual Scroll?<br> How to design drag and drop functionality?<br> What is application ref?<br> In which life cycle hook Viewchildren and content children can be accessed? </p> <h1> Templates </h1> <p>Define Styling precedence ?<br> Difference between @Attribute() vs @Input()?<br> How to use svg file as templates?<br> Template type checking in custom directive?<br> 3 Mode of template type checking?<br> ngAfterContentChecked and ngAfterViewChecked?<br> Write code for custom pipe for change the string to title case? How impure pipe impact angular.<br> How pipe change detection works for primitive and references objects ?<br> What is use of Async pipe ?<br> Which have higher precedence between pipe and ternary operator ?<br> What is innerHtml?.<br> How to made custom two way binding like ngModel?<br> What happens if assign template local reference variable on ng-template?</p> <h1> Directives </h1> <p>What is template input variable?<br> Which Module need to import for using built in directives? <br> Is angular selector support parent child relationship ?<br> Explain Hostbinding, Hostlistener?<br> Explain ContentChildren and ViewChild ?<br> Write the syntax for ngClass use cases?<br> Tell the use case of ngModel Change ?<br> Explain the use of trackby?<br> How to host a directive without Dom?<br> What is ElementRef use?<br> How to stop/Deactivate the processing of directive or binding ? <br> How to create template fragments ?<br> What is template guard?<br> What we use common module? If we don’t include that common module then what happen?</p> <h1> Dependency Injection </h1> <p>What is a provider token?<br> How to provide an alternative Class provider?<br> What is a factory provider?<br> What is a parameter decorator?<br> Making dependency option and search with a host?<br> How to alias class interface?<br> How to inject an object? syntax also?<br> What is the use of @Inject or How to supply a custom provider?<br> What is meta data?<br> If we not provide the Injectable then how does it impact?<br> When do we use useValue , useFactory ?</p> <h1> Routing &amp; Navigation </h1> <p>What is the difference between canLoad and canActivate?<br> What is a router event ? name the any of ?<br> Differentiate the param and query param in lazyloading?<br> How to redirect any path ?<br> What does pathMatch signifies ?<br> What are auxiliary routes?<br> What is canResolve route guard?<br> What is the location strategy? Please enlighten the type also? Or There are two kind of Url one with hash one without hash compare both?<br> Explain the properties of the activated route?<br> How to use a scroll event in navigation?<br> Name the navigation event trigger when loading lazyload routes?<br> What is router outlet?<br> What is URL tree?<br> What does a route guard return?</p> angular typescript interview angulartips Acharya Anil Sun, 11 Apr 2021 10:19:42 +0000 https://dev.to/acharyaks90/intermediate-level-angular-interview-questions-377e https://dev.to/acharyaks90/intermediate-level-angular-interview-questions-377e <h1> Components </h1> <p>What is the difference between directive and the component?<br> Difference between ngOnChanges and ngDoCheck?<br> How to send data from child to parent?<br> What is Change detection and type of change detection?<br> What is view encapsulation?<br> What is Shadow dom?<br> What is EventEmitter? Can we use it in service if yes then how to tell the use case?<br> Difference between ngOnint and Constructor?</p> <h1> Templates </h1> <p>Can we put maths expressions in interpolation?<br> What is event binding?<br> What is the difference between impure and pure pipe?<br> Can we apply pipe in ngFor ? How to get the length of the filtered result?<br> Make a groupby pipe?<br> What is property binding?<br> What is attribute binding?<br> What is a template reference variable? What are all the use cases?</p> <h1> Directives </h1> <p>What are types of directives available ?<br> Why * (start) asterisk before ngFor ?<br> Can we use ngFor and ngIf on the same element? <br> Write syntax for custom directive ?<br> Difference between Attribute and structure directive?<br> What is ng template , ng container, ng-content, ng template outlet?<br> Where to use ngSwitch ? Write the syntax codewise ?</p> <h1> Dependency Injection </h1> <p>What is Injectable?<br> What is provided in types (root etc)?<br> Difference between public and private service injection?<br> What is a provider?<br> How to create multiple instances of a service (sandboxing)?</p> <h1> Routing &amp; Navigation </h1> <p>What is codespliting?<br> What is lazy loading ?<br> How to get current route information?<br> What is a wildcard route?<br> How set display a 404 page?<br> How to do nesting routing?<br> What is the relative path?<br> Difference between query param and param?<br> What is a route guard? Use of canactivate?<br> Difference location strategies ?<br> What activate route and snapshot route?<br> Difference between for root and for child ?</p> <h1> Forms </h1> <p>Difference between Reactive form and template driven form?<br> What is a control value accessor?<br> What is the use of a formArray ?<br> What is the use of formGroup?<br> In which form reactive or template driven form model is implicit?<br> How does data flow in both forms?<br> What is mutability of data model?<br> What is form validation? How to define custom validation on both forms?<br> How to put validation error in template driven form?<br> Difference between sync and async validator function?<br> What is abstract control?<br> How to put a validation class on the form element? <br> Difference between set and patch value?</p> <h1> HTTP Client </h1> <p>What is an http interceptor?<br> What are different options in request ?<br> What are different response type?<br> How to cancel any request?<br> How to handle multiple request hit one after another any once can come first or second etc?<br> What is JSONP?<br> How to read non json data?<br> How to handle errors?<br> How to retry a failed request?<br> How to handle timeout ?</p> <h1> Testing </h1> <p>What is code coverage? How to check it?<br> How to test services with multiple dependencies ?<br> What is spy object?<br> What is testbed ?<br> What is a component fixture?<br> How to do query in html dom in testing?<br> What is the use of detectChanges?<br> How to test async service?<br> How to test input and output ?<br> How to test routing?<br> How to test pipes?</p> <h1> Internationalization (i18n) </h1> <p>How to provide the translation files?<br> How to localize currency ?<br> How to localize time?</p> <h1> Animation </h1> <p>What is multiple transition state?<br> How to animate entering and leaving view?<br> What is complex animation sequence ?<br> What is stagger group and sequence?</p> <h1> Schematics </h1> <p>How to generate module with routing using cli<br> How to create component without spec file? </p> <h1> PWA and Service worker </h1> <p>What is PWA Progressive web app ?<br> What is service work?<br> Is Server Side render support service worker?<br> How make app aware new version is available?</p> <h1> RxJS </h1> <p>Explain the operator catchError,retry?<br> What is Of and from operator?<br> Explain switchmap?<br> Define Subject and its types with difference?<br> Difference between hot and cold observable?<br> Define unicasting and multicasting?<br> After an observable error will it get new value?</p> <h1> Security </h1> <p>How to keep your app secure?<br> How to bypass angular security?</p> <h1> Performance and optimization </h1> <p>How you optimize your app?<br> Difference between defer and async?<br> What is CDN?<br> How to make components lighter?<br> How many ngmodel can we put in single page?<br> What is tree shaking?</p> angular angulartips javascript typescript Acharya Anil Sun, 11 Apr 2021 07:37:49 +0000 https://dev.to/acharyaks90/basic-level-angular-interview-questions-3m53 https://dev.to/acharyaks90/basic-level-angular-interview-questions-3m53 <h1> Components </h1> <p>What is the component?<br> What are the life cycle hooks in components?<br> How to send data from Parent to Child?</p> <h1> Templates </h1> <p>What is interpolation?<br> What is data binding?<br> What is pipe? Name some built in pipes?<br> What is class and style binding</p> <h1> Directives </h1> <p>What are built in directives available ?<br> What is the Use of ngFor and ngIf?<br> Dependency Injection<br> What Dependency Injection?</p> <h1> Routing &amp; Navigation </h1> <p>How to enable routing?<br> What is syntax for routing?<br> What is SPA (Single page application)?<br> How to provide a link to another page in html template?<br> How to navigate dynamically to path /page from ts(class)?</p> <h1> Forms </h1> <p>Which module do we need to include for using forms in app and where?<br> What are the types of forms ?<br> What is ngModel ?<br> What is formControl?<br> How to initialize reactive form?<br> How to initialize template driven form?<br> Difference between dirty and touched?<br> HTTP Client<br> How to consume an JSON REST api (server)?<br> Which service use for hit an api?<br> Difference between get and post?<br> What is a header?</p> <h1> Testing </h1> <p>What is testing?<br> What is Unit test?<br> What is Karma?<br> What is Jasmine?</p> <h1> Internationalization (i18n) </h1> <p>How to localize the app?</p> <h1> Animation </h1> <p>How to use transition in Angular?<br> Which module supports Animation?</p> <h1> Schematics </h1> <p>How to generate Component using cli?<br> What is angular cli?<br> How to add angular material?<br> How to make prod build?</p> <h1> RxJS </h1> <p>What is Observable?<br> How to unsubscribe Observable?</p> angular interview angulartips javascriptframework Acharya Anil Fri, 31 Aug 2018 06:10:31 +0000 https://dev.to/acharyaks90/hi-every-one-how-we-can-compare-the-angularjs--1x-and-angular2-performance-by-chrome-dev-tool--or-any-other-method--5ef5 https://dev.to/acharyaks90/hi-every-one-how-we-can-compare-the-angularjs--1x-and-angular2-performance-by-chrome-dev-tool--or-any-other-method--5ef5 angular javascript chrome Acharya Anil Fri, 06 Jul 2018 07:54:05 +0000 https://dev.to/acharyaks90/-what-is-benefit-ngx-webstorage-over-normal-session-and-localstorage-5e5p https://dev.to/acharyaks90/-what-is-benefit-ngx-webstorage-over-normal-session-and-localstorage-5e5p javascript angular discuss