Interview preparation

by Ivan Gerasimenko

HTML

<h4>DL - Desctiption list</h4>
<dl>
    <dt>DT - Description Term</dt>
    <dd>DD - Description Description</dd>
</dl>

<form action="#" method="post">
    <div>
         <label for="name">Text Input:</label>
         <input type="text" name="name" id="name" value="" tabindex="1" />
    </div>

    <div>
         <h4>Radio Button Choice</h4>

         <label for="radio-choice-1">Choice 1</label>
         <input type="radio" name="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" />

		 <label for="radio-choice-2">Choice 2</label>
         <input type="radio" name="radio-choice-2" id="radio-choice-2" tabindex="3" value="choice-2" />
    </div>

	<div>
		<label for="select-choice">Select Dropdown Choice:</label>
		<select name="select-choice" id="select-choice">
			<option value="Choice 1">Choice 1</option>
			<option value="Choice 2">Choice 2</option>
			<option value="Choice 3">Choice 3</option>
		</select>
	</div>
	
	<div>
		<label for="textarea">Textarea:</label>
		<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
	</div>
	
	<div>
	    <label for="checkbox">Checkbox:</label>
		<input type="checkbox" name="checkbox" id="checkbox" />
    </div>

	<div>
	    <input type="submit" value="Submit" />
    </div>
</form>
<h1>HTML Ipsum Presents</h1>
	       
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>

<h2>Header Level 2</h2>
	       
<ol>
   <li>Lorem...

JavaScript

1. gmail +
2. About CTE
3. About Media-Storm

. Call tower, call prospect
/**************************/
ajax/web2.0
POST, GET, PUT, DELETE

REST
CRUD

/**************************/
OOP
closure - incapsulation ()
Facade - we hide several methods behind facade ()
Decorator - extends base class ()
Strategy - ()

/**************************/
plugin
    * don/t mix namespaces
    * use options instead of multiple functions

/**************************/
libraries
jQuery (sliders, timers, informers (specific docs, users...)

labtash
underscore

/**************************/
HTML5
    Tags used according to their semantic. Headers, sections, articles, titles, descriptions...
    
    Responsive/Fluid web design, Mobile first, progressive enhancement
        -responsive - the number of columns changes according to the available space
        -fluid - all the columns are resized, but the general layout stays the same
        -
        
    Data attributes
        - store additional info private from page
        - custom attributes on all html elements
        - store options for plugins
        getAttribute() VS dataset<--(slower, not for IE<11)


    
        
CSS2
     number of new capabilities like absolute, relative, and fixed positioning of elements and z-index, the concept of media types, support for aural style sheets

CSS3
    media queries (optimization for screen resolution-size)

preprocessors LESS, SASS



(SVG, Retina ready)

шаблонизаторы:
tpl, xslt, smarty