Contains list of documents, links & other resources for the preparation of Frontend SDE-1 & 2 developer
- https://www.domain.com/blog/what-is-a-redirect/
- https://www.geeksforgeeks.org/10-most-common-http-status-codes/
- Webpack Concepts: https://dev.to/jasmin/learning-webpack-concepts-and-creating-your-custom-webpack-plugin-gal
- How Webpack Uses Dependency Graph: https://dev.to/jasmin/how-dependancy-graph-in-webpack-resolve-module-dependency-5ej4
- https://thatjsdude.com/interview/css.html#float
- https://www.digitalocean.com/community/tutorials/css-display-inline-vs-inline-block
- https://css-tricks.com/almanac/properties/p/position/
- https://css-tricks.com/specifics-on-css-specificity/
- https://www.geeksforgeeks.org/explain-the-scenario-to-use-translate-instead-of-absolute-positioning-in-css/
- https://www.w3schools.com/css/css3_animations.asp
- https://www.w3schools.com/css/css3_transitions.asp
- https://www.w3schools.com/css/css3_2dtransforms.asp
- https://stackoverflow.com/questions/7108941/css-transform-vs-position
- https://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image
- https://html.com/attributes/img-srcset/#:~:text=The%20srcset%20attribute%20allows%20you,that%20don't%20support%20srcset%20.
- https://www.tutorialspoint.com/css/css_positioning.htm
- https://stackoverflow.com/questions/43169327/canvas-simply-moving-a-rectangle-from-left-to-right
- https://www.geeksforgeeks.org/what-is-event-propagation-capturing-bubbling/
- https://github.com/lydiahallie/javascript-questions
- https://plainenglish.io/blog/6-interview-questions-that-combine-promise-and-settimeout-34c430fc297e
- https://medium.com/swlh/implement-a-simple-promise-in-javascript-20c9705f197a
- https://medium.com/javascript-scene/javascript-factory-functions-vs-constructor-functions-vs-classes-2f22ceddf33e#.m5h2jj8a7
- https://imfaber.me/composition-over-inheritance-in-javascript/
- https://stackoverflow.com/questions/25915634/difference-between-microtask-and-macrotask-within-an-event-loop-context
- https://jsvault.com
- https://javascript.info/event-loop
- https://www.loginradius.com/blog/engineering/javascript-events-bubbling-capturing-and-propagation/
- https://www.freecodecamp.org/news/what-is-hoisting-in-javascript/
- https://www.freecodecamp.org/news/mutability-vs-immutability-in-javascript/
- https://stackoverflow.com/questions/18541940/map-vs-object-in-javascript
- https://stackoverflow.com/questions/9959727/proto-vs-prototype-in-javascript
- https://medium.com/@eamonocallaghan/prototype-vs-proto-vs-prototype-in-javascript-6758cadcbae8
clientHeight
= the height of an element + the vertical padding.offsetHeight
= the height of the element + the vertical padding + the top and bottom borders + the horizontal scrollbar (if it's available).scrollHeight
= the height of element's content (including the content which isn't visible on the screen) + the vertical padding.- https://stackoverflow.com/questions/6073505/what-is-the-difference-between-screenx-y-clientx-y-and-pagex-y
- https://jwood206.medium.com/positioning-with-mouse-events-offset-getboundingclientrect-and-getcomputedstyle-afe12bfcb5f
- https://www.youtube.com/watch?v=dxADq_DlS-w
- https://www.w3schools.com/jsref/obj_mouseevent.asp
- https://www.w3schools.com/jsref/obj_touchevent.asp
- https://www.w3schools.com/jsref/obj_keyboardevent.asp
- https://daveceddia.com/why-not-modify-react-state-directly/
- https://daveceddia.com/react-redux-immutability-guide
- https://github.com/acdlite/react-fiber-architecture
- https://www.javatpoint.com/react-flux-concept
- https://dev.to/suprabhasupi/react-redux-interview-questions-with-answers-13ba#1-create-components-in-react
- https://scrimba.com/articles/react-interview-questions/
- https://github.com/sudheerj/reactjs-interview-questions
- https://blog.logrocket.com/useeffect-react-hook-complete-guide/
- https://www.patterns.dev/react/react-selective-hydration
- https://www.patterns.dev/react/progressive-hydration
- https://www.patterns.dev/react/react-server-components
- https://www.patterns.dev/react/server-side-rendering
- https://www.patterns.dev/react/static-rendering
- https://www.patterns.dev/react/streaming-ssr
- https://www.patterns.dev/react/compound-pattern
- https://www.patterns.dev/react/hoc-pattern
- https://www.patterns.dev/react/hooks-pattern
- https://www.patterns.dev/react/presentational-container-pattern
- https://www.patterns.dev/react/render-props-pattern
- https://react.dev/learn/escape-hatches
- https://medium.com/@prashant.andani/unveiling-the-internals-of-reactjs-a-deep-dive-into-its-inner-workings-61d1dcd07f28
- https://www.spec-india.com/blog/react-classes-vs-functions
- A build tool is a program-based utility that can be structured as a command line to automate the application-building process.
- https://engineering.teknasyon.com/frontend-build-tools-a2ce927ab0ab
- https://web.dev/articles/vitals
- https://web.dev/articles/fid
- https://web.dev/articles/optimize-fid
- https://web.dev/articles/lcp
- https://web.dev/articles/optimize-lcp
- https://web.dev/articles/cls
- https://web.dev/articles/optimize-cls
- https://www.quora.com/What-is-the-limit-of-meta-keywords-tags
- https://developers.google.com/search/docs/fundamentals/get-started-developers
- https://medium.com/@coderacademy/15-seo-tips-every-front-end-developer-should-know-in-2016-d579b7cefb01
- https://dev.to/vyckes/how-to-create-a-scalable-and-maintainable-front-end-architecture-4f47
- https://dev.to/vyckes/interfacing-your-ui-components-5c52
- https://blog.hubspot.com/website/web-accessibility
- https://web.dev/learn/accessibility
- https://stackoverflow.com/questions/2794137/sanitizing-user-input-before-adding-it-to-the-dom-in-javascript
- https://stackoverflow.com/questions/3493405/do-i-really-need-to-encode-as-amp
- https://www.telerik.com/blogs/how-to-prevent-cross-site-scripting-xss-javascript
- https://www.stackhawk.com/blog/react-xss-guide-examples-and-prevention/
- https://legacy.reactjs.org/docs/introducing-jsx.html#jsx-prevents-injection-attacks
- https://legacy.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
- https://stackoverflow.com/questions/43584685/input-sanitization-in-reactjs
- https://www.geeksforgeeks.org/software-development-life-cycle-sdlc/
- https://www.linkedin.com/advice/0/how-do-you-balance-risks-benefits-rolling
- https://medium.com/@cramirez92/s-o-l-i-d-the-first-5-priciples-of-object-oriented-design-with-javascript-790f6ac9b9fa
- https://www.codesee.io/learning-center/code-refactoring
- https://www.linkedin.com/advice/1/how-can-you-improve-your-front-end-code-quality
- https://www.geeksforgeeks.org/product-life-cycle-management-definition-and-stages/