I interviewed over 70 front-end engineers in the last 2 years. I created a new Notion "Learn Frontend Development Pack" that contains a learning path & projects to become a frontend dev with only free resources. RT and reply with "free" and I'll DM it to you. (need to follow)

Some techniques to remove slow computations ⬨Optimizing the underlying algorithm. ⬨Caching using pure pipes. ⬨Using memoization. ⬨Avoid repaints/reflows in lifecycle hooks. #AngularBasics

Change detection is the process through which Angular checks to see whether your application state has changed, and if any DOM needs to be updated. #AngularBasics

Why are 𝗔𝘀𝘀𝗲𝗿𝘁𝗶𝗼𝗻𝘀 in Cypress special? Assertions describe the 𝗱𝗲𝘀𝗶𝗿𝗲𝗱 𝘀𝘁𝗮𝘁𝗲 of your elements, your objects, and your application. Cypress will 𝗮𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰𝗮𝗹𝗹𝘆 block, wait and retry until it reaches that state. eg. should('exist') #Cypress #E2E

What is the difference between 𝘀𝘄𝗶𝘁𝗰𝗵𝗠𝗮𝗽 and 𝗺𝗲𝗿𝗴𝗲𝗠𝗮𝗽? 𝘀𝘄𝗶𝘁𝗰𝗵𝗠𝗮𝗽 𝗰𝗮𝗻𝗰𝗲𝗹𝘀 𝗽𝗿𝗲𝘃𝗶𝗼𝘂𝘀 𝗛𝗧𝗧𝗣 𝗿𝗲𝗾𝘂𝗲𝘀𝘁𝘀 that are still in progress, while mergeMap lets all of them finish. #rxjs #AngularAdvanced #VladSabev

What is Portal in Angular? A Portal is a piece of UI that can be dynamically rendered to an open slot on the page. The "piece of UI" can be either a 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁, a 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝗥𝗲𝗳 or a 𝗗𝗢𝗠 𝗲𝗹𝗲𝗺𝗲𝗻𝘁 and the "open slot" is a PortalOutlet #AngularAdvanced

What does 𝘀𝗹𝗶𝗰𝗲() and 𝘀𝗽𝗹𝗶𝗰𝗲() 𝗱𝗼 ? splice() method returns the 𝗿𝗲𝗺𝗼𝘃𝗲𝗱 𝗶𝘁𝗲𝗺(𝘀) in an array and slice() method returns the 𝘀𝗲𝗹𝗲𝗰𝘁𝗲𝗱 𝗲𝗹𝗲𝗺𝗲𝗻𝘁(𝘀) in an array, as a 𝗻𝗲𝘄 𝗮𝗿𝗿𝗮𝘆 𝗼𝗯𝗷𝗲𝗰𝘁 #JSBasics

What is the difference between 𝘀𝗹𝗶𝗰𝗲() and 𝘀𝗽𝗹𝗶𝗰𝗲() ? splice() changes the 𝗼𝗿𝗶𝗴𝗶𝗻𝗮𝗹 𝗮𝗿𝗿𝗮𝘆 whereas slice() doesn't #JSBasics

What are 𝗚𝘂𝗮𝗿𝗱𝘀 in Angular? Guards are 𝗶𝗻𝘁𝗲𝗿𝗳𝗮𝗰𝗲𝘀 already available natively in Angular that let us 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗮𝗰𝗰𝗲𝘀𝘀 𝘁𝗼 𝗿𝗼𝘂𝘁𝗲𝘀 based on conditions we provide in the class of the interface. #AngularAdvanced

Every 𝗝𝗪𝗧 (JSON Web Token) has 3 parts. 𝗛𝗲𝗮𝗱𝗲𝗿, 𝗣𝗮𝘆𝗹𝗼𝗮𝗱 𝗮𝗻𝗱 𝗦𝗶𝗴𝗻𝗮𝘁𝘂𝗿𝗲 #JWTToken #Base64encoding #SecureInformationTransfer #Security Example @ Ram Potabatti

𝗝𝗪𝗧 𝗶𝗻 𝗔𝗰𝘁𝗶𝗼𝗻 #Security #JWT @ Alex Losikov

Javascript Array Methods push() - add an element to end pop() - remove last element unshift() - add an element to start shift() - remove first element @reactive_dude #JSBasics

What is a 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 in Angular? A Template is an 𝗛𝗧𝗠𝗟 𝘀𝗻𝗶𝗽𝗽𝗲𝘁 #AngularBasics

What is 𝗩𝗶𝗲𝘄 𝗘𝗻𝗰𝗮𝗽𝘀𝘂𝗹𝗮𝘁𝗶𝗼𝗻 in Angular? A component's styles can be encapsulated within the component's host element so that they don't affect the rest of the application. Default View Encapsulation is 𝗘𝗺𝘂𝗹𝗮𝘁𝗲𝗱 #AngularBasics

Working version of 𝗜𝗻𝘁𝗲𝗿𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗢𝗯𝘀𝗲𝗿𝘃𝗲𝗿 - study https://t.co/tkY8qL1Bcd #IntersectionObserver #WDS #Angular

what is <𝗻𝗴-𝗰𝗼𝗻𝘁𝗲𝗻𝘁>? <ng-content> element is a 𝗽𝗹𝗮𝗰𝗲𝗵𝗼𝗹𝗱𝗲𝗿. It does not create a real DOM element #AngularBasics

Main config files present in 𝗪𝗼𝗿𝗸𝘀𝗽𝗮𝗰𝗲 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗮𝘁𝗶𝗼𝗻 of Angular ▸angular.json ▸package.json ▸tsconfig.json ▸tslint.json #AngularBasics

Basic files found in 𝗪𝗼𝗿𝗸𝘀𝗽𝗮𝗰𝗲 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗮𝘁𝗶𝗼𝗻 of Angular ▸angular.json ▸package.json ▸tsconfig.json ▸tslint.json #Angular

What is a view in Angular? A 𝘃𝗶𝗲𝘄 is the 𝘀𝗺𝗮𝗹𝗹𝗲𝘀𝘁 𝗴𝗿𝗼𝘂𝗽𝗶𝗻𝗴 𝗼𝗳 𝗱𝗶𝘀𝗽𝗹𝗮𝘆 𝗲𝗹𝗲𝗺𝗲𝗻𝘁𝘀 that can be created and destroyed together. A component class and its associated template define a view. #Angular

What is an Angular component? A component is a 𝗱𝗶𝗿𝗲𝗰𝘁𝗶𝘃𝗲 with an HTML 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲. Components are the most basic UI building block of an Angular app. A component controls a patch of screen called a view. #Angular