Typescript:
A superset of JS that provides the static typing, class, and interfaces. It's just JS plus additional features.
- Compilation: dynamic language does not have compile time, all run time, with compilation, you can see the error without run ur application
- And because JS is dynamic language, not strongly typed, so you need to handle the type checking by ur self, in our work, because we are the API team, we...... with TS, type script will do it for you
I had my interview with Duc it was an 35-minute interview and asked algorithm in end like binary search tree.
Q1-Tell me about your experience and about you?
q2-
Can you describe your workflow when you create a web page?
First thing is to get the design or the Wireframe from the designer
later on depends on what framework or library I use, it will be different process
For example, if we are not using JSX, and we use HTMl directly, so I will first design the page in small size,because now it's all about mobile first web page, write the HTML first, build the content, after finished the html, I will go for the css part, to implement the layout, the color, and position of element.
And once I finish the small size page, I will design the bigger screen size, either using some responsive framework like bootstrap or use media query and css grids, and follow the same process as design the small page
After all this is done, I will go adding animations to the page, and for the JS part, I will add
let's say I am using JSX, the first step will be didvid the web page into differnet components, and I 'd like to write the page from the top component to the bottom component,
q3-How much experience with UI and UX individually?
I am more on the UI part, but for the rencent 2 years, I am more focused on the JS API side and business logic side, you know...design the JS utilities, library , so others can use it to implement something, for example, in Chase, I designed the JS API for UI experimentation (A/B testing), it's a run time solution is reactive...I also designed the file upload and download util which can be used for both desktop browser and mobile browser, dirtyForm...
q4-what are the new features in html5 and css3?
HTML5:
- new elements such as: Semantic tags like header section footer datalist, and media elements like audio and video, graphic elements like svg and canvs, new form features like email, time and so on
- new APIs such as localStorage, sessionStoage, web workers, geolocation, drag and drop
CSS3:
- Box model
- new web fonts:@font-face property, you can include the font from a remote location and can then use it.
- Rounded corners, box shadows, text shadows
- Border Image
- RGBA: Color, Now with Opacity
- Transform (Element Rotation)
q5-What is CSS box model?
q6-Which grid layout have you worked with
bootstrap grid systems, css native grid
q7-
What is the difference between fluid and responsive layout?
q8-
What does CORS stand for and what issue does it address?
Cross-Origin Resource Sharing.
resolve the cross-origin communications.
Server has a pre-defined list, which will tell if it allows communication.
Origin in the request header
Access-Control-Allow-Origin in the response header
Then he started asking algorithm question just as was some time left
Q-he asked how will you output this
Output like:
https://stackoverflow.com/questions/17261550/a-bit-stuck-with-the-triangle-program-in-javascript
for(int j=0;j<4;j++){
for(int i=0;i<4;i++){
if(i<=j){
System.out.print("*");
}
}
System.out.println();
}
}
*
**
***
****
*****
Q-do you know how to write binary tree algorithm?
I was not able to answer the algorithm question but he said its fine as its UI position but still said we do ask them all the time.
Q-Asked do you know about fizzbuzz but didn't tell to right as we were already over the time limit.