FRONTEND

Pre-requisites : HTML, CSS, JavaScript
HTML:

1. What does <!Doctype html> do? Is it an HTML tag? (IMP)
Ans: NO..not an html tag

it is an instruction to the web browser about what version of HTML the
page is written in.(Doctype Declaration)
2.Followup: So if I want to tell the browser to run the page on HTML 5? What
should be done?
Ans: <!doctype html> tells the latest version. So, HTML5 will be run
automatically

2. Worked with any HTML templating engines? (Not imp)
Ans: If yes, ask what does a templating engine do?
Ans:Makes workflow easier via:
-Making it modular : think about a modular web page structured with
components that can be modified independently of each other.These components
may include a header, footer, global navigation bar (GNB), local navigation bar
and content such as articles, images, videos etc.
-Flexible Presentation
-Mass Prdocution (Reusability of code)

CSS:
1. What is the diff between classes and ids?
Ans: Ids: Start with a “#” when referring. Have higher priority than classes
Classes: Start with “.” When referring.

2. Explain CSS sprites, and how you would implement them on a page or
site.
Ans: CSS Sprites are a means of combining multiple images into a single
image file for use on a website, to help with performance. Basically, when
the individual image files are too large, it is better for us to combine them
in a single file.
Follow UP: Have you made a sprite before? (Requires knowledge of a
photo-editing software)

ask why. . rewind or slow-down. Foundation. 5. frameworks for ease. Popular frameworks include : Bootstrap. like toggling UI element states.3. because frameworks are pre-prepared and media queries will give you exactly what you want /best ans: that both. How is responsive design different from adaptive design?(IMP) Adaptive design uses distinct screen sizes to deliver(done usually by media queries) Responsive design uses fluid grids and adjusts to any screensize JavaScript(IMP) 1. -Use JavaScript animations when you want to have advanced eff ects like bouncing. when frameworks can be easily implemented? /if prefers frameworks. How do animations in CSS differ from that in JS performance wise? Differ on the type of animation : -Use CSS animations for simpler “one-shot” transitions. /if prefers media queries. which one will the browser prefer? The framework class or your custom class? Ans: Whichever is linked to the main HTML first. pause. FollowUp : What does a framework do? Ans: Basically. Do you know how to use media queries? Will you prefer using a framework or will you prefer using media queries to make a professional responsive site? Ans: Should know media queries. 4. ask why. (in terms of responsivity.Semantic UI. Skeleton. stop. makes design easier using pre-prepared code. and use the same class name in another CSS file. Have you used any CSS frameworks ? Ans: The candidate should’ve used atleast one framework. UI etc) FollowUp: So if you write a code while referring to a class provided by the framework. and media queries if you want to do something specific. Reject if not.

Ajax uses asynchronous data transfer between the Browser and the web server. What is MVC? Any frameworks you are familiar with? As the UI gets more and more complex we need some good ways to keep it more and more maintainable and reusable. faster and more interactive web systems or applications. Difference between JavaScript and AJAX? AJAX Javascript AJAX sends request to the server and does not wait for the response. More interactive Speeder retrieval of data 4. It performs other operations on the page during JavaScript make a request to the server and waits for that time response AJAX does not require the page to refresh for downloading JavaScript manages and controls a Web page after being the whole page downloaded AJAX minimizes the overload on the server since the script JavaScript posts a request that updates the script every needs to request once time 5.2. and Some MVC frameworks for javascript have been widely adopted lately and it's a good plus if you have already used before and knows what's the benefits of them. What is AJAX? Ajax is abbreviated as Asynchronous Javascript and XML. The most famous . 3. What are the advantages of Ajax? Following are the advantages of Ajax: Bandwidth utilization – It saves memory when the data is fetched from the same page. It is new technique used to create better.

XML is being used as a way of representing many different kinds of information that may be stored in diverse systems. . it's hard to not hear about them.  Reusable components: Create reusable visual components.js and angular.js incentivise you to use REST API's though their urlRoot attribute in their Models. Nevertheless.increasingly. 6. the view reflects it and vice-versa.MVC frameworks arebackbone. the term "document" is used in the broad sense . It defines the logical structure of documents and the way a document is accessed and manipulated.  Friendly URL's: Native support for client-side url mapping. In the DOM specification.  Maintainable: With organization comes an easy to maintain code. So what is DOM? The Document Object Model (DOM) is a programming API for HTML and XML documents. There are many advantages in using these frameworks. and the DOM may be used to manage this data.  Single-page apps: Build single-page apps with Ajax requests. I can point out some of them:  Organization: Forces your webapp to follow a well structured pattern. So everytime your model changes. XML presents this data as documents.  Decoupled client: MVC frameworks like backbone. and much of this would traditionally be seen as data rather than as documents.js.  UI Binding: Some frameworks allow you to do that.

In most servers there's a timeout that automatically ends a session unless another page is . it's impossible to know when the user is done with the site.BACKEND Prerequisites: Python/NodeJs/Ruby/php Query Languages:SQL/MongoDB General frameworks(should know one): Python : Django/Flask/Bottle Ruby: Rails/Sinatra NodeJS: Express JS General Qs: Ask why the language of choice and why? -php: not secure/ slow -ruby:not fast -python:not fast -nodejs: thumbs up (Y) __________________________________ What is MVC? Model/Views/Controls : Define each of the M /V/ C Ans: Model: Your activerecord(keyword) Views:What you are going to see on the site Controls: The functions that defines how the object behaves ----------------------------------------------------What Is a session? "Session" is the term used to refer to a user's time browsing a web site. In practice. It's meant to represent the time between their first arrival at a page in the site until the time they stop using the site.

Example:MongoDB . we use NoSQL DBs instead. sessionStorage and localStorage allow you to store JavaScript primitives but not Objects or Arrays (it is possible to JSON serialise them to store them using the APIs). so many-a-times. serialization) Can you return a JSON object using SQL? No. are functionally equivalent. it returns the representation of an object. and either could be chosen. Session storage will generally allow you to store any primitives or objects supported by your Server Side language/framework. cookies only allow you to store strings. You are not limited to picking XML to represent data. DELETE). What is the difference between JSON and REST? RESTful web-services use standard URIs and methods to make calls to the webservice. you could pick anything really (JSON included) JSON: JSON and XML.g.g. and harder to parse. XML is thought of as being too verbose. GET. sessionStorage and localStorage in terms of capabilities( IMP) Ans: In terms of capabilities.requested by the same user. When you request a URI. Describe the difference between a cookie. that you can then perform operations upon (e. data is more adequately represented using JSON. PUT. POST. (E.