An easy start yesterday, but there were some questions I were stumped with, or got curious about. I tried, and read the answers if still stuck. But until I can solve without looking at answers, I'll keep them off these sheets for now!
Edit: I will cut this to 5 topics per article, so that it's more manageable. Trying to put 10 makes it hard to learn in depth, as it would take about 2 hours, which is more than I'd like to commit each day. 5 topics a day leads to 100 in 20, which is pretty solid progress.
1. Describe the difference between a cookie, sessionStorage and localStorage in browsers
This one is a classic I've been asked before. But in reality I have yet to use this in my technical design at work. I think for the most part this is due to the fact that our React Web Applications are for internal bank staff users, which can tolerate a higher level of lag than income-generating customers (not that we should purposely make their UX poor).
This concept of localStorage and sessionStorage, however, is used in our redux / zustand stores on our customer-facing React Native APPs. The former would be storing data regardless of user logging out; the latter would be cleared on logout.
2. Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
This was okay in itself, but I think I don't understand the further parts on float / sticky positions...
3. Describe z-index and how stacking context is formed.
Struggled a lot with it during making the Credit Card Flip Animation lol.
4. Explain event delegation in JavaScript
Revised this at the start of the session, and unlike the others I studied, this one is easily understood. Or at least, I could recall and explain decently well without referring back to the text so I'm adding this to the list of learnt concepts.
5. Flatten Array
Like the question above, this one really involves knowing the in-built functions. While I thought this was supposed to require you to write the shift and unshift functions, it was a pleasant surprise you can use these in-built functions. It was suggested not to use the one-liner in-built function, but maybe with more JS coding questions we can figure out the pattern of what's acceptable and what's not...
Top comments (0)