Helpful HTML & HTML5 Interview Questions & Answers. Whether you’ve studied HTML, HTML5, or other web development languages via college courses, online courses, boot camps, or self- study, there will come a time when you need to get a job and the gateway between you and gainful employment is the interview process. If you’ve started your own website or are a freelancer, you can count yourself among the lucky few because everyone else has to go through the dreaded interview process. While it seems daunting, you can still sail through your interview effortlessly and land that job–or at least the second interview–with some clever preparation. We got rid of the generic interview preparation questions, making instead a list of questions that will help you prepare for a tough job interview focusing on HTML, HTML5 and other web development tools. Get these on your memory drive and you’ll be well on your way to a successful HTML coding career. General Questions. Believe it or not, some people find that the most difficult part of the interview is the icebreaker portion that involves small talk and requires some clever improvisation on your part. You can prepare by knowing some of the questions potential employers might ask during this interview phase. Come up with a good story for each of the questions. If you don’t have an answer for these, then maybe you are not as gung- ho about web design as you thought you were. Have you learned something new or interesting lately? Make sure you know all the relevant news and blogs. You should be reading them regardless, but doing so on a daily basis during your job search is important. Be ready to talk casually and fluently about the latest web trends. Why did you get into coding, programming, etc.?“Because I can make good $,” “I don’t like to dress up or shave,” and “because I loved the movie Hackers,” are not good enough answers. What is your preferred development environment? This is your chance to talk shop and demonstrate some industry knowledge. Be prepared to talk about your favorite editor, browser, plug- ins, operating system, and other tools. Freshen up on your lingo. What is the coolest thing you ever coded? BCGSoft: BCGControlBar Pro for MFC Versions. Version 25.3. Released 5/22/2017: New features: Visual Studio 2017 support. Do you have any personal projects you are working on? These two questions are interchangeable. Any developer worth his weight had to practice somewhere or on something before they landed their first gig. If not, how did you get this interview anyway?! Review your past experiences, and even if they were boring to you, figure out a new frame of reference that demonstrates passion and a zest for learning. How do you optimize a website’s assets? There are a number of answers to this question: File concatenation, file compression, CDN Hosting, offloading assets, re- organizing and refining code, etc. Have a few ready. What are three ways to reduce page load time? Again there are many answers here: Reduce image sizes, remove unnecessary widgets, HTTP compression, put CSS at the top and script references at the bottom or in external files, reduce lookups, minimize redirects, caching, etc. What kind of things must you be wary of when design or developing for multilingual sites? Best SSD deals today. By Matt Porter. Speedy Deals We've done our homework on the best SSDs around, so let us help you get the best prices for your next solid state. Previuos Versions: IDM 6.26 build 12 Full + Patch + Crack Free Download Why Won't Yahoo! Comments Load in Internet Explorer but Will in Mozilla? Directory-list-lowercase-2.3-small.txt Copyright 2007 James Fisher This work is licensed under the Creative Commons Attribution-Share Alike 3.0 License. Another problem with many solutions: setting the default language, using Unicode encoding, using the . What is HTML? HTML stands for Hyper. Text Markup Language. It is the dominant markup language for creating websites and anything that can be viewed in a web browser. If you want to get some extra bonus points, you can learn the history of HTML and throw in some obscure facts. What is the difference between HTML elements and tags? HTML elements communicate to the browser how to render text. When surrounded by angular brackets < > they form HTML tags. For the most part, tags come in pairs and surround text. What is “Semantic HTML?”Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like < b> < /b> for bold, and < i> < /i> for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use < strong> < /strong> and < em> < /em>. These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case). What does DOCTYPE mean? The term DOCTYPE tells the browser which type of HTML is used on a webpage. In turn, the browsers use DOCTYPE to determine how to render a page. Failing to use DOCTYPE or using a wrong DOCTYPE may load your page in Quirks Mode. See example: < ! DOCTYPE HTML PUBLIC . What’s the difference between standards mode and quirks mode? Quirks Mode is a default compatibility mode and may be different from browser to browser, which may result to a lack of consistency in appearance from browser to browser. What are the limitations when serving XHTML pages? Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be. There are many other issues. Take your pick. 1. How many HTML tags are should be used for the most simple of web pages? HTML> < HEAD> < TITLE> Simplest page ever!< /TITLE> < /HEAD> < BODY> Doesn’t get simpler than this.< /BODY> < /HTML> 1. How do you make comments without text being picked up by the browser? Comments are used to explain and clarify code or to prevent code from being recognized by the browser. Comments start with “*< !- -” and end with ” - -> “.< !- - Insert comment here. What is the difference between linking to an image, a website, and an email address? To link an image, use < img> tags. You need specify the image in quotes using the source attribute, src in the opening tag. For hyperlinking, the anchor tag, < a> , is used and the link is specified in the href attribute. Text to be hyperlinked should be placed between the anchor tags. Little known fact: href stands for “hypertext reference.” When linking to an email, the href specification will be “mailto: send@here. See examples below: < img src=”HTMLrocks. Skilledup< /a> < a href=”brad@skilledup. Email Me< /a> 1. My hyperlink or image is not displaying correctly, what is wrong with it? It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for href, src, or alt text may be the issue. You should also verify the link itself. What is the syntax difference between a bulleted list and numbered list? Bulleted lists use the < ul> tag, which stands for “unordered,” whereas < ol> is used to create an ordered list. What is the difference between < div> and < frame> ? A < div> is a generic container element for grouping and styling, whereas a < frame> creates divisions within a web page and should be used within the < frameset> tag. The use of < frame> and < frameset> are no longer popular and are now being replaced with the more flexible < iframe> , which has become popular for embedding foreign elements (ie. Youtube videos) into a page. What is the difference between the application model of HTML and HTML5? Trick question, there is no difference. HTML5 is a continuum of HTML and just a souped up version of the original HTML. There has been no major paradigm shift. Ok, what’s the real difference between HTML and HTML5? There are many. From a broader perspective, HTML was a simple language for laying out text and images on a webpage, whereas HTML5 can be viewed as an application development platform that does what HTML does that and more, including better support for audio, video, and interactive graphics. It has a number of new elements, supports offline data storage for applications, and has more robust exchange protocols. Thus, proprietary plug- in technologies like Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun Java. FX are no longer needed, because browsers can now process these elements without additional requirements. What is the new DOCTYPE? Instead of typing out a ridiculously long DOCTYPE statement to tell the browser how to render your webpage, this long line of code has been truncated to < ! What are some new HTML5 markup elements? There are several: < article> , < aside> , < bdi> , < command> , < details> , < figure> , < figcaption> , < summary> , < header> , < footer> , < hgroup> , < mark> , < meter> , < nav> , < progress> , < ruby> , < rt> , < section> , < time> , and < wpr>. What elements have disappeared? As mentioned above, < frame> and < frameset> have been eliminated. Other elements that are no longer supported include: < noframe> , < applet> , < bigcenter> and < basefront>. What are the new media- related elements in HTML5? HTML5 has strong support for media. There are now special < audio> and < video> tags. There are additional A/V support tags as well: < embed> is a container for 3rd party applications. What are the new image elements in HTML5? Canvas and Web. GL. Coupled with Java. Script, it supports 2. D graphics. Web. GL stands for Web Graphics Language, a free cross- platform API that is used for generating 3. D graphics in web browsers. What is the difference between SVG and < Canvas> ?< Canvas> is an element that manipulates two- dimensional (2. D) pixels while Scalable Vector Graphics works in 2. D and three- dimensional (3. D) vectors. Essentially, < Canvas> is to SVG as Photoshop is to Illustrator. What are some new input attributes in HTML5? There are many new form elements including: datalist, datetime, output, keygen, date, month, week, time, number, range, email, and url. What are data- attributes good for? Why Won't Yahoo! Comments Load in Internet Explorer but Will in Mozilla? Adjust browser and plugin settings to fix website display problems. Comstock/Comstock/Getty Images. When one browser loads content that another refuses to load, the problem is usually related to the browser's settings or third- party applications. This can be frustrating, especially if you need to use a certain browser for work. If Internet Explorer will not load Yahoo user comments at the bottom of articles, music news or other news sections in Yahoo - but Mozilla Firefox will - you must troubleshoot plugins and settings specific to Internet Explorer. Internet Explorer Add- ons. You may have several add- ons installed in Internet Explorer such as extensions, browser controls or Web accelerators. However, since add- ons are smaller programs within the larger Internet Explorer program, they can interfere with each other or Internet Explorer when they become corrupted or out of date. Mozilla Firefox may be able to load Yahoo comments because add- ons do not currently interfere with its browser functions. Try disabling all add- ons in Internet Explorer and scrolling to the bottom of a Yahoo news story to see if user comments load (see Resources). If they do, one of your add- ons is conflicting with the Yahoo tool or plugin that loads Yahoo user comments. Locate the faulty add- on by enabling them one at a time and visiting a Yahoo news story and scrolling down to the comments section. Update or leave disabled the conflicting add- on. Cookies and Cache. Like add- ons, cookies and caches are small pieces of data that store information about your browsing experience. They are often installed by websites to help load Web pages faster. If they are not cleared regularly from Internet Explorer, old cookies and other browsing data may load old or conflicting information, causing pages to display incorrectly. Delete old cookies and other browsing data from Internet Explorer, and then visit a Yahoo news story. Scroll down to the comments to see if they load. If not, try adjusting Java. Script settings, also called Active Scripting settings, in Internet Explorer. Java. Script. Java. Script is used to run interactive content, such as online polls or animations. It is one of the most common programming language and is built directly into most Web browsers, so it requires no downloads by the visitor to run it. Although it is automatically enabled in Internet Explorer, Java. Script may have been recently disabled by another user. Although Mozilla Firefox lists Java. Script by name in its Preferences menu, Internet Explorer calls it Active Scripting. You can access Active Scripting in Internet Explorer by clicking the . However, some sites do not work properly when interfacing with Internet Explorer in Compatibility Mode. Yahoo Help states that Internet Explorer users with Compatibility Mode enabled may experience display problems within Yahoo!, including malfunctioning interactive Web pages. Disable Compatibility Mode in Internet Explorer, relaunch Internet Explorer and then try loading a Yahoo comments section below a news story. Security Programs. Security software such as antivirus, firewall and anti- spyware programs may be blocking access to websites or website scripts, including interactive content in Yahoo comments. Check your security programs' blocked or restricted list of websites or protocols to ensure that Yahoo is not listed. If you are using a firewall, add Yahoo to its list of exceptions. You may also need to arrange with your administrator to temporarily disable all security programs and then visit a Yahoo comments section below a news story to see if comments load. About the Author. Andrew Schrader has been a professional writer and filmmaker since 2. He works as a writer and director, holding a Bachelor of Arts in film and media studies from UC Santa Barbara. Schrader specializes in writing about technology and computer software. Photo Credits. Comstock/Comstock/Getty Images.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
September 2017
Categories |