From 9ab8a6420d0ea8962080e9720a45f4e908b9917b Mon Sep 17 00:00:00 2001 From: Yangshun Tay Date: Tue, 26 Sep 2017 13:54:42 +0800 Subject: [PATCH] Tweak Front-End Job Interview Questions headings weight --- front-end/interview-questions.md | 179 +++++++++++++++---------------- 1 file changed, 89 insertions(+), 90 deletions(-) diff --git a/front-end/interview-questions.md b/front-end/interview-questions.md index c67f2660..60c5df51 100644 --- a/front-end/interview-questions.md +++ b/front-end/interview-questions.md @@ -1,9 +1,9 @@ -Front End Job Interview Questions +Front-end Job Interview Questions == -Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. +Unlike typical software engineer job interviews, front-end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. -While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be [Front End Job Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions). Unfortunately, I couldn't find many complete and satisfactory answers for these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves. +While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be [Front-end Job Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions). Unfortunately, I couldn't find many complete and satisfactory answers for these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves. ## Table of Contents @@ -15,7 +15,7 @@ While there are some existing resources to help front end developers in preparin Answers to [Front-end Job Interview Questions - HTML Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions#html-questions). Pull requests for suggestions and corrections are welcome! -#### What does a `doctype` do? +### What does a `doctype` do? `doctype` is an abbreviation for document type. It is a declaration used in HTML5 to distinguish between a standards-compliant parsing mode and a quirks parsing mode. Hence its presence tells the browser to parse and render the webpage in standards mode. @@ -26,7 +26,7 @@ Moral of the story - just add `` at the start of your page. - https://stackoverflow.com/questions/7695044/what-does-doctype-html-do - https://www.w3.org/QA/Tips/Doctype -#### What's the difference between full standards mode, almost standards mode and quirks mode? +### What's the difference between full standards mode, almost standards mode and quirks mode? - **Quirks mode** - Layout emulates non-standard behavior in Netscape Navigator 4 and Internet Explorer 5. This is essential in order to support websites that were built before the widespread adoption of web standards. The list of quirks can be found [here](https://developer.mozilla.org/en-US/docs/Mozilla/Mozilla_quirks_mode_behavior). - **Full standards mode** - The layout behavior is the one described by the HTML and CSS specifications. @@ -36,7 +36,7 @@ Moral of the story - just add `` at the start of your page. - https://developer.mozilla.org/en-US/docs/Quirks_Mode_and_Standards_Mode -#### What's the difference between HTML and XHTML? +### What's the difference between HTML and XHTML? XHTML belongs to the family of XML markups languages and is different from HTML. Some of differences are as follows: @@ -52,7 +52,7 @@ Full list of differences can be found on [Wikipedia](https://en.wikipedia.org/wi - https://developer.mozilla.org/en-US/docs/Archive/Web/Properly_Using_CSS_and_JavaScript_in_XHTML_Documents_ - https://en.wikipedia.org/wiki/XHTML -#### Are there any problems with serving pages as `application/xhtml+xml`? +### Are there any problems with serving pages as `application/xhtml+xml`? Basically the problems lie in the differences between parsing HTML and XML as mentioned above. @@ -63,7 +63,7 @@ Basically the problems lie in the differences between parsing HTML and XML as me - https://developer.mozilla.org/en-US/docs/Quirks_Mode_and_Standards_Mode#XHTML -#### How do you serve a page with content in multiple languages? +### How do you serve a page with content in multiple languages? The question is a little vague, I will assume that it is asking about the most common case, which is how to serve a page with content available in multiple languages, but the content within the page should be displayed only in one consistent language. @@ -75,7 +75,7 @@ In the back end, the HTML markup will contain `i18n` placeholders and content fo - https://www.w3.org/International/getting-started/language -#### What kind of things must you be wary of when designing or developing for multilingual sites? +### What kind of things must you be wary of when designing or developing for multilingual sites? - Use `lang` attribute in your HTML. - Directing users to their native language - Allow a user to change his country/language easily without hassle. @@ -89,7 +89,7 @@ In the back end, the HTML markup will contain `i18n` placeholders and content fo - https://www.quora.com/What-kind-of-things-one-should-be-wary-of-when-designing-or-developing-for-multilingual-sites -#### What are `data-` attributes good for? +### What are `data-` attributes good for? Before JavaScript frameworks became popular, front end developers used `data-` attributes to store extra data within the DOM itself, without other hacks such as non-standard attributes, extra properties on the DOM. It is intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements. @@ -99,7 +99,7 @@ These days, using `data-` attributes is not encouraged. One reason is that users - http://html5doctor.com/html5-custom-data-attributes/ -#### Consider HTML5 as an open web platform. What are the building blocks of HTML5? +### Consider HTML5 as an open web platform. What are the building blocks of HTML5? - Semantics - Allowing you to describe more precisely what your content is. - Connectivity - Allowing you to communicate with the server in new and innovative ways. @@ -114,7 +114,7 @@ These days, using `data-` attributes is not encouraged. One reason is that users - https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5 -#### Describe the difference between a `cookie`, `sessionStorage` and `localStorage`. +### Describe the difference between a `cookie`, `sessionStorage` and `localStorage`. All the above mentioned technologies are key-value storage mechanisms on the client side. They are only able to store values as strings. @@ -133,7 +133,7 @@ All the above mentioned technologies are key-value storage mechanisms on the cli - https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies - http://tutorial.techaltum.com/local-and-session-storage.html -#### Describe the difference between `