Online Front End Interview recorded live with questions on JavaScript CSS, HTML , React and Algorithms .
If you like to be mock interviewed, email me at
* info@interviewnest.com
For solutions to these interview questions please look below.
Please be my patreons on patreaon
* https://www.patreon.com/techsith
Follow me for technology updates
* https://facebook.com/techsith
* https://twitter.com/techsith1
Help me translate this video.
* http://www.youtube.com/timedtext_video?v=qWg7SKHsl40&ref=share
Note: use https://translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.
Original source
27 responses to “Front End Mock Interview | Online Interview on JavaScript, CSS, and React , Questions and Answers”
I would like to suggest the alternative for 2nd css query
/*** HTML *****/
<div class="parent-square">
<div class="square">
<span></span>
</div>
<div class="square">
<span></span>
</div>
</div>
/*** css *****/
.parent-square {
display: flex;
flex-direction: row;
}
.square {
flex: 1;
border: 1px solid #000;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.square span {
flex-basis: 50px;
border-radius: 100%;
height: 50px;
border: 1px dotted;
}
Note : as flex feature introduced, you can use flex instead of floats, and to vertically and horizontally center the
element, you can use align-items: 'center' or justify-content:'center'' rather then absolute,transform and all those
I don't think the last function is quite right. (3 kids , 7 apples, from position 7.) This video is quite interesting anyway.
My solution to the circles in squares – https://codepen.io/atlasxmaxima/pen/rZoxwp
For the last problem i think the solution could be:
function getLastKid (n, k, i) {
if ( k > n) {
return i + k%n – 1;
} else if (k < n) {
return i + k – 1;
} else {
return i – 1; // n=k case
}
}
FizzBuzz Advance Method Works like a charm😊
for (let val = 1; val <= 100; val++) {
console.log(`${((val % 3) == 0) ? (((val % 5) === 0) ? "FizzBuzz" : "Fizz") : ((val % 5) === 0) ? "Buzz" : val }`)
}
hey techsith can you add the answers to your questions? I cant seem to find them in the description
Hi everyone. When i first started this job, i was thinking i'll be very successful if I study enough and enthusiastic. I spent so much time on learning this thing.I sacrificed my hobbies and sleep over code. However, it was too late i understood my epic failure. I cannot remember what i studied, cannot think practically, cannot solve problems properly. Now i am so upset that i wasted my time trying to learn programming. And i am giving up today. I am waiting for your advices and comments to inspire me return, although i know it will not happen. Signature: A faithful programmer…
if(true)
{
var y=8;
console.log(y);
let y=9;
}
o/p:'y' is already been declared
MyQuestion:is it run time error or compile time error.
I know javascript execute code line by line why it does not printing y=8 ??then throw error
one line swag fizz buzz
for (let i = 1; i <= 100; i++) console.log((i % 3 ? '' : 'Fizz') + (i % 5 ? '' : 'Buzz') || i);
your content is the best man. Your javascript tutorials and javascript interview videos helped me get two job offers. Incidentally a question about self invoking functions came up right after i watched the video for it.
Keep up the good work, friend!
The anxiety of wanting to tell him his last if statement in fizzbuzz should of been the first was to much for me to handle. Sweet video, love your work.
Today I went for an interview and I was able to crack this round. Waiting for final round. Thanks for your videos. Still waiting for your response regarding mock interview
function fizzBuzz(){
for(let i = 1; i <= 100; i++){
if(i%3==0){
if(i%5==0){
console.log(i + " FizzBuzz");
}else{
console.log(i +" Fizz");
}
}else if(i%5==0){
if(i%3==0){
console.log(i + " FizzBuzz");
}else{
console.log(i + " Buzz");
}
}
}
}
fizzBuzz()
Hey Techsith, you should make a tut all about web tracking, web trackers, and how to make a basic url web tracker!
function getLastKids(n, k, i) {
if(i>n) return -1;
i = i – 1;
while(k !== 0) {
if(i === n) {
i = 0;
continue;
}
i++;
k–;
}
return i;
}
greater comon diviser exercise:
function foo(a,b){
let val = Math.min(a,b);
for(let i=val;i>0;i–){
if(a%i==0 && b%i==0){
return i;
}
}
}
console.log(foo(8,24));
Can I sold it like this?
ca you please please make a couse/tutorial on the whole firebase sdk? specifically on cloud functions and storage ?
This series is good…. it would be much better if you can create a series on polyfills. Like how to create all es6 or 7 syntax with es5(example: class, extend etc.). it will help some people to deep dive in prototypes and its uses.
Display flex(parent element) and margin auto(child element) can be the best solution to centre anything?
function getcommonDivisor(x,y) {
let min = Math.min(x,y);
let max = Math.max(x,y);
let result = max%min
if(result === 0){
console.log(min);
}else{
let i = 2;
if(max%result === 0 && min%result === 0){
while (result%i !== 0) {
i++
}
console.log(i);
}
else{
while (result%i !== 0) {
i++
}
console.log(i);
}
}
}
getcommonDivisor(24,39);
it would be work
Thanks brother Allah bless you Ameen
I like it 🙂
I hope one day making such interview like this here I'm sure i'll be great because i love this field so much
thanks techsith
and thanks to the man on the other side
Nice video …plz continue the series
Nice video, thanks for the interviews.
Would you say that i will need to know all the code by hard from the css section? Also is there a general guideline, when to use flex or grid and when to use the whole transform and so on, because i could write it in flex or like the interview participant, but i am not sure when to use what?
3yrs experience ? you must be kidding .. ihve been programming js from 3months i could easily solve fizz buzz in different ways
Waste Guy….Not able to give answer for very simple problem
I went for a job interview and the manager said, "We're looking for someone who is responsible."
"Well I'm your man," I replied.
"In my last job, whenever anything went wrong,
they said I was responsible."