Skip to content

Instantly share code, notes, and snippets.

View tachymetre's full-sized avatar
😅
Chilling

Minh Pham tachymetre

😅
Chilling
  • Winsupply
  • Jersey City
View GitHub Profile
@tachymetre
tachymetre / Q&A GUIDE (Automation).md
Last active September 7, 2016 02:35
UI-101 (Automation)
  1. What are Grunt and Yeoman? - Grunt is a JavaScript task runner. Its feature is automation. It can automatically perform tasks, like minification, compilation, unit testing - Yeoman is a generator, generating development environment. Yeoman has three parts: yo, bower, grunt - Steps of using Yeoman: Image of Yeoman development

  2. How to compress JavaScript code?

  • Install compress plugin in IDE (eg. YUI or UglifyJS in Webstorm) or using Grunt
@tachymetre
tachymetre / Q&A GUIDE (Scenario).md
Last active September 7, 2016 02:35
UI-101 (Scenario)
  1. Create an unordered list with no class and no id. When clicked, send an alert window to show which list has been clicked. Use Javascript or jQuery - Answer: ```html
@tachymetre
tachymetre / Q&A GUIDE (Optimization).md
Last active September 7, 2016 02:35
UI-101 (Optimization)
  1. 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

  2. What are three ways to reduce page load time? - 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

  3. What kind of things must you be wary of when design or developing for multilingual sites? - setting the default language, using Unicode encoding, using the ‘lang’ attribute, being aware of standard font sizes and text direction, and language word length (may affect layout)

  4. How to increase web performance? Use what tools?

@tachymetre
tachymetre / Q&A GUIDE (Json).md
Last active September 7, 2016 02:35
UI-101 (Json)
  1. What is The JSON(JavaScript Object Notation)? - JavaScript Object Notation(JSON) is a lightweight text-based open standard designed for human-readable data interchange. It is derived from the JavaScript programming language for representing simple data structures and associative arrays, called objects. And JSON is language-independent, with parsers available for virtually every programming language. Uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python,php. The JSON format is often used for serializing and transmitting structured data over a network connection. It is primarily used to transmit data between a server and web application, serving as an alternative to XML

  2. Why Use JSON over XML? - Lighter and faster than XML as on-the-wire data format - JSON objects are typed while XML data is typeless - JSON types: string, number, array, boolean while XML date are all string

  • Data is readily accessible a
@tachymetre
tachymetre / Q&A GUIDE - Bootstrap.md
Last active September 7, 2016 02:35
UI-101 (Bootstrap)
  1. What is the current major version of Bootstrap? - 3.x.x

  2. What CSS class do you use to span 12 columns on medium sized screens but only 6 columns on large screens in the latest version of Bootstrap? css class=”col-md-6 col-lg-12″

  3. Name 3 available jQuery plugins that Bootstrap has in their Query plugin library

  • Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel, Affix
@tachymetre
tachymetre / Q&A GUIDE - PHP.md
Last active September 3, 2016 12:06
UI-101 (PHP)
  1. Declare a new variable in PHP equal to the number 3 php $number = 3;

  2. How do you check if a variable has been set in PHP? php isset($var);

@tachymetre
tachymetre / Q&A GUIDE - jQuery.md
Last active July 27, 2016 18:12
UI-101 (jQuery)
  1. What is jQuery? - A Javascript library that make things like DOM selection/manipulation, AJAX, and animation, easier

  2. What programming language does jQuery use? - Javascript

  3. Is jQuery code executed on the client side, or server side? - Client side

  4. How do you install/use jQuery in a project? What is the minimum setup needed to start using jQuery?

@tachymetre
tachymetre / Q&A GUIDE - Behavior.md
Last active May 16, 2016 15:37
UI-101 (Behavior)
  1. What is something new / something you have found interesting recently?
  2. What got you into Web Development?
  3. What is the coolest thing you’ve ever coded? What’s something awesome you’ve done?
  4. What’s the difference between rendering IE8 and IE9?
  5. Besides responsive web design,what else do you need to think to build web pages for different devices?
  6. How to detect the web performance for webpages?
  7. How to detect the speed of a web page? example?
  8. Which architect things you need to think about when you work on your first Comcast project?
  9. Talk about other frameworks that are similar to AngularJS
@tachymetre
tachymetre / Q&A GUIDE - CSS.md
Last active July 27, 2016 18:12
UI-101 (CSS)
  1. Difference between display “block”, “inline”, and “inline-block”? - Imagine a <span> element inside a <div>. If you give the <span> element a height of 100px and a red border for example, it will look like this with - Inline
![](http://i.stack.imgur.com/Emf0B.png)

- **Inline-block**

![](http://i.stack.imgur.com/1vbks.png)
@tachymetre
tachymetre / Q&A GUIDE - HTML.md
Last active March 30, 2016 21:20
UI-101 (HTML)
  1. Difference between HTML, XML, and XHTML? - HTML is a markup language used for displaying text and documents across different platforms and machines. It was originally intended for a very specific audience, and has expanded to include hypertext, multimedia, as well as the style of the documents displayed - XML is an extensible markup language that was developed to retain the flexibility and power of HTML while reducing most of the complexity. XHTML combines the flexibility of HTML with the extensibility of XML. For XHTML, the DOCTYPE, The xmlns attribute in <html>, <html>, <head>, <title>, and <body> is mandatory

  2. Name 3 of the minimum HTML elements needed for an HTML document html <!DOCTYPE html>, <html>, <body>, <head>

  3. What is Semantic HTML?