Category Archives: Web Client

Javascript, desktop, mobile …

vue.js intro resources

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks.

vue js intro

Resources

TERMS

  • Two-way data binding
  • reactive
  • Declarative Rendering
  • Composing with Components

CSS Interview Questions

http://www.thatjsdude.com/interview/css.html

  1. what does float do?
  2. How can you clear sides of a floating element?
  3. How can you clear sides of a floating element?
  4. some tricky questions in rapid fire style
  5. Does css properties are case sensitive?
  6. Why css selectors mixed up with cases don’t apply the styles?
  7. Does margin-top or margin-bottom has effect on inline element?
  8. Does padding-top or padding-bottom has effect on inline element?
  9. Does padding-left or padding-right or margin-left or margin-right has effect on inline element?
  10. If you have a <p> element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?
  11. The pseudo class :checked will select inputs with type radio or checkbox, but not
  12. In a HTML document, the pseudo class :root always refers to the element.
  13. The translate() function can move the position of an element on the z-axis.
  14. Which one would you prefer among px, em % or pt and why?
  15. How absolute, relative, fixed and static position differ?
  16. What are the differences between visibility hidden and display none?
  17. What are the differences between inline, block and inline-block?
  18. What are the properties related to box model?
  19. Does overflow: hidden create a new block formatting context?
  20. How could you apply css rules specific to a media?
  21. What is the use of only?
  22. Does the screen keyword apply to the device’s physical screen or the browser’s viewport?
  23. What are the some pseudo classed u have used?
  24. How do you align a p center-center inside a div?
  25. How do you optimize css selectors?
  26. How can you load css resources conditionally?
  27. Why would you use sprites?
  28. What is specificity? How do u calculate specificity?
  29. What is shadow DOM?
  30. What do you know about transition?
  31. What are the different css filter you can use?
  32. What are the reasons to use preprocessor?
  33. Show you couple of style example and you have to tell what does it do.

HTML interview question

http://www.thatjsdude.com/interview/html.html

  1. Why do u need doctype?
  2. What is the use of data-* attribute?
  3. How can you generate public key in html?
  4. How do you change direction of html text?
  5. How can you highlight text in html?
  6. Can you apply css to a part of html document only?
  7. Will browser make http request for the following cases?
  8. Which resource would be downloaded first?
  9. What is optional tag?
  10. What are the differences between div and span?
  11. How would you differentiate div, section and article?
  12. How to select svg or canvas for your site?
  13. How to serve html in multiple languages?
  14. Explain standard and quirks mode.
  15. What is semantic tag?

Javascript Object String

References

Coding Advice

# Note that JavaScript distinguishes between String objects and primitive string values. (The same is true of Boolean and Numbers.)

String literals (denoted by double or single quotes) and strings returned from String calls in a non-constructor context (i.e., without using the new keyword) are primitive strings. JavaScript automatically converts primitives to String objects, so that it’s possible to use String object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.

var s_prim = 'foo';
var s_obj = new String(s_prim);

console.log(typeof s_prim); // Logs "string"
console.log(typeof s_obj);  // Logs "object"