FE Intern Interview Questions

fe-intern-interview-questions.md

FE Intern Interview Questions

1. Javascript Language
2. HTML
3. CSS
4. Algorithm
5. ReactJS basic
6. Personal Experience: React Native basic
7. Personal Experince : Next.js
8. Mindset

HTML

• HTML: HTML Integration
• HTML: vs

https://user-images.githubusercontent.com/31009750/120447073-67ec4880-c3b4-11eb-9f41-2560b7d9b1d8.png

CSS

• .classA vs .ClassA
• Box sizing

.divParent{
 margin:0 40px;
 padding:0 40px;
 background-color:blue;
}
.divChildren{
 width:120px;
 height:120px;
 background-color:green;
}

<div class="divParent">
  <div class="divChildren">
   content 1
  </div>
</div>
<div class="divParent">
  <div class="divChildren">
   content 2
  </div>
</div>

• 1: Display in 2 lines. How to display on the same line. Keep spacing between them.
• 2: Distance between divChildren(content1) and divChildren(content2)

Javascript language

let a; vs let A;

1. Javascript Datatypes: Primitive & Non-Primitive
2. Object Reference
3. What is this?
4. Event loop?
5. Callback Function and Async

https://user-images.githubusercontent.com/31009750/120602887-a4cc4400-c475-11eb-9300-9b1d7ed37b9d.png

Exercises: https://jsfiddle.net/misostack/drkbgL5u/137/

Algorithm

// viet function generate output nhu sau, neu user nhap length = 5;
const output = ["aa", "bbb", "cccc", "dddd", "eeeee"]; 
 
const testcases = [
  {
    input: "aa",
    output: "Empty String",
  },
  {
    input: "abba",
    output: "Empty String",
  },
  {
    input: "cabba",
    output: "c",
  },
  {
    input: "cabbbbac",
    output: "Empty String",
  },
];

ReactJS basic

• Props vs State
• Passing Props
• Sharing Data between components
• Hooks?
• https://user-images.githubusercontent.com/31009750/164177389-de455d69-7f4f-4578-9d98-6c711f458aef.png

React Native

• React Native - Core Components?
• React Native - CSS styles
• React Native - Navigation
• React Native - Navigation : Component A -- Component B -- back to Component A ( render lai ko ? )
• React Native - When we use ScrollView over FlatList or vice-versa

Next.js

• getServerSideProps vs getStaticProps
• Route: Link vs a+href
• Shallow Routing
• API Routes?
• Middlewares