5 Interview Questions that every Frontend Web Developer Should Know

Рет қаралды 134,742

Күн бұрын

★☆★ My Courses: telmosampaio.com
Learn to CODE in just a FEW months here:
★☆★ Treehouse Discount Code: bit.ly/2FtkrPL
★☆★ 2 Months Free SKILLSHARE: skl.sh/2Q2LsTi
★☆★ UNLIMITED WEBSITE HOSTING: www.a2hosting.com?aid=telmosampaio
Learn Algorithms with Discount code: telmo
★☆★ www.algoexpert.io/telmo
★☆★UDEMY COURSES:
The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk
Modern JavaScript From The Beginning: bit.ly/2Br13BM
JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2
React 16.6 - The Complete Guide (incl. React Router & Redux): bit.ly/2Br2ikq
The Complete React Web Developer Course (with Redux): bit.ly/2zXq9IH
React Front To Back: bit.ly/2STDUPo
5 Interview Questions that every Frontend Web Developer Should Know.
[0:37] 1. What are your favorite features of html5 and css3?
[3:32 ] 2. Can you describe your workflow when you are creating a webpage?
[6:02] 3. Can you tell me the difference between CSS resetting and CSS normalizing?
[7:32] 4. Can you tell me the difference between inline, inline-block, and block
[14:27] 5. Can you please describe to me the CSS Box Model?
Learn the SKILLS to Become a PAID WEB DEVELOPER:
bit.ly/2xRnPCP
Best Books to Learn WEB DESIGN and WEB DEVELOPMENT
amzn.to/2xMagnI
amzn.to/2yf9vVu
amzn.to/2fGzdKZ
amzn.to/2fz8Z9y
My KZfaq Gear:
Canon PowerShot G7 X Mark II: amzn.to/2yMHHVN
GTX 1080: amzn.to/2xMjG2J
CORE i7: amzn.to/2x2h3L6
NZXT CASE: amzn.to/2fxZAPF
STEELSERIES SIBERIA V3: amzn.to/2xM0v9a
WACOM CINTIQ 13HD: amzn.to/2x1mgTn
My Social Media:
Twitter: / devtelmo
Instagram: / sampaiotravels
My affiliates:
Hostgator, Amazon, PluralSight
Music:
Chuki Beats
/ chukimusic

Пікірлер: 168

@jsomaniax 7 жыл бұрын

Thanks Telmo! Very helpful. To make it easier for your audience to find the questions: [0:37] 1. What are your favorite features of html5 and css3? [3:32 ] 2. Can you describe your workflow when you are creating a webpage? [6:02] 3. Can you tell me the difference between CSS resetting and CSS normalizing? [7:32] 4. Can you tell me the difference between inline, inline-block, and block [14:27] 5. Can you please describe to me the CSS Box Model?

@Telmosampaio 7 жыл бұрын

Hey maniaxzero thanks for that, I will add it to the description!

@jsomaniax 7 жыл бұрын

Np Telmo! Sure thing! Thanks for taking the time to film the videos. Alot of value for aspiring front-end developers. I'm starting to apply for junior front-end positions in San Francisco. Taught myself how to code in the past 2yrs and built a few apps from scratch for my startup projects but I don't have any professional experience or degree in the field. From your experience at interviewing and judging by my portfolio (yatso.me), do you think I would have any issues getting interviews? If so, what can I fix to better present myself as job ready?

@Telmosampaio 7 жыл бұрын

maniaxzero I was in the same position just like yourself, you have a very good portfolio website, I advise you to update your linkedin header statement to let know the companies and recruiters that you are available to get hired, and soon you will have a lot of opportunities. You will get asked a lot to explain the code you used in your projects, so give them a quick refresh to see if theres anything you can improve code wise :)

@jsomaniax 7 жыл бұрын

Awesome! Two very helpful and actionable tips. I will make the changes. Thank you!

@issarukayat5992 5 жыл бұрын

maniaxzero brilliant of you.thank u

@yanivsalman9685 6 жыл бұрын

You should give good answer about the first Q: html5 : New semantic elements like , , , and . New attributes of form elements like number, date, time, calendar, and range. New graphic elements: and . New multimedia elements: and . The most interesting new API's in HTML5 are: HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE css3 : Grid system Flexbox animations transforms transitions 2d 3d SASS LESS that is more informative but thanks for the other answers it was great.

@aryajoshi616 5 жыл бұрын

I know the basics like html5,css3, bootstrap, WordPress and a very basic javascript .can you please suggest me among these which technologies I should improve for a better profile in web development and also can you suggest additional technologies that are helpful.

@lisaasho364 5 жыл бұрын

SASS/LESS are preprocessors and have little to nothing to do with HTML5 or CSS3

@issarukayat5992 5 жыл бұрын

Thanks alot

@MylesGmail 5 жыл бұрын

@@aryajoshi616 JavaScript. Just check out how most people say it's the top language n devs run into having to use it at some point.

@vishnyo 4 жыл бұрын

nice google skill thank you

@TennisHeartbeat 6 жыл бұрын

All the great Q&A. Cool stuff. In my expereince for Frontend developer role they mostly ask about the Javascript and it's framework questions.

@Telmosampaio 6 жыл бұрын

Hi Dikesh Joshi, yes they ask a lot of Javascript questions, but also about CSS because you will spend a lot of time styling and positioning elements on the page :)

@WangTmg 5 жыл бұрын

one tip I would like to add is that when using html5 element section, make sure to add a heading inside it to go with the w3c standard

@Telmosampaio 5 жыл бұрын

Good point :)

@girlandhercomputer7204 5 жыл бұрын

Thank you ,very helpful I read the articles about new features but when i was asked to recall, it really takes some time to list them out.

@MonstarChan3 6 жыл бұрын

Thank you so much for taking the time to make this video!! It was very helpful!! :)

@Telmosampaio 6 жыл бұрын

+Sabrina Monstar I'm glad you liked the video, thanks for your support :)

@nataliaromankevich2351 5 жыл бұрын

Thank you so much, Telmo!

@alexmachin1785 5 жыл бұрын

The workflow question really depends on the type of project. For example a static html website I would use a Photoshop mockup, then go about importing my workflow setup for static sites and then code the website. However, if its a ReactJS based project I would either generate the create-react-app decide about the structure of components, decide on technologies to use then set it up and start coding the application. Its all down to the type of project in the end, some projects are more complicated than others and require a substantial amount of setup, others are simple like the HTML static site.

@ahmedmehmoodfaraz8426 6 жыл бұрын

Thanks Telmo for Sharing the these Questions. Its really helpful :)

@rajashekhar433 6 жыл бұрын

Very useful to me ...! Thanks a lot and please provide Javascript , Angularjs and Angular Questions Like this Way.........................I am Requesting You

@cprogx 6 жыл бұрын

Thank you so much! I have my very first phone interview tomorrow and was super nervous. This video really helped calm me down a bit.

@faiz5872 6 жыл бұрын

spaghettiosaregreat let us know how it goes

@cprogx 6 жыл бұрын

Well that recruiter never contacted me but I got another interview. Just finished it! He said they should know by tomorrow. The questions were not that technical surprisingly. I got the favorite features of HTML5 question from the video, have you worked on a team or were your projects solo, do you know jQuery, do you know stored procedures, if you were handed a mock design could you replicate it, can you write your own stylesheets, can you write a query. Most of the interview was hearing about the company, I was asked if I had any questions, talked about the future and goals of the company. I think there were a few more questions but I was really nervous so I can't remember all of them. It was really quick, about 20 minutes total. I'll keep you guys updated. Let me know if you have any other questions about the interview :)

@cprogx 6 жыл бұрын

@faiz - Update! Got offered a position :). I'll be doing contract work with a chance to get full-time. I start next month!

@iRant4u 6 жыл бұрын

I feel like people don't know the new features of HTML5 because it's 3 years old and the standard. People (like myself) don't have *any* experience with prior HTML or CSS versionings, so everything in HTML is their first experience. I feel that's not really a great question because previous versions of HTML and CSS are old enough to be deprecated, and there's no point in worrying about what's new from those, when most early developers now never used them. It's like what is your favorite update of modern languages over COBOL? Well, primarily that I don't ever have to use COBOL.

@Telmosampaio 6 жыл бұрын

+Thomas Nix you could think in another way. The interviewer with this question, can tell the difference between someone who got into web development to earn some money, and someone who is genuinely passionate about web development, and cares to go the extra mile and know this kind of information. Will this be a question that will eliminate you from the interview, probably not, but it could make the difference between hiring you or another guy with the some skills as you, but who knows this kind of things. PS: Im simply sharing this question because I had it in like 3 interviews, and its always good for you guys to be aware, hate it or not you better be prepared if you are looking for a job in front end development :)

@iRant4u 6 жыл бұрын

Telmo Sampaio interesting, well thanks for the context. I'm still not sure how learning deprecated tech equates to understanding current tech, but maybe I should go read up on CSS 1.0 lol

@Telmosampaio 6 жыл бұрын

+Thomas Nix you don't really get the point... you don't need to learn anything deprecated, but instead being aware of the new elements that were introduced with HML5... its the same thing like you are aware of all new features of the iphone 10. Like I said if the topic is not interesting for you, maybe it will be useful for someone else

@iRant4u 6 жыл бұрын

I suppose that's true, it seems odd to me but my personal opinions on it don't really matter until I'm the one giving the interviews. Thank you for the perspective, I'll integrate it how I can.

@cantinasongband 5 жыл бұрын

@@iRant4u At some point, every developer is going to have to look at old code. Whether they are maintaining it or figuring out what it does so they can refactor it. If you don't know what you are doing when you look at old code, and you only know the newest standards, how useful can you be in the job world?

@deanwrx7001 5 жыл бұрын

Such a great explanation of inline vs inline-block vs block

@Telmosampaio 5 жыл бұрын

Thanks so much Dean

@andygonzalez9319 5 жыл бұрын

I have an interview tomorrow and I’m really nervous especially being self tonight for 8 months and all but this video is very helpful. Thanks for uploading

@SpaceOutlaww 5 жыл бұрын

Did you ever end up getting that job?

@christellemecca 5 жыл бұрын

Yeah, how did it go?

@zach0lentz 4 жыл бұрын

Did you keep coding?

@busyrand 6 жыл бұрын

Thank you for the specific questions! I got stuck on the question about CSS resetting versus the normalizing. I did okay with everything else IMHO. Let's me know I'm on the right track.

@crayzeegrasshopper 7 жыл бұрын

Great review! Thanks a lot, refreshed my memory. Very useful to know. By the way, what's the music you're playing in the background?

@Telmosampaio 7 жыл бұрын

Hi Alex, I'm glad you liked the video, the music is "Real Chill Old School Hip Hop Instrumentals Rap Beat #11" from Chucki Beats :)

@dogstar2020 5 жыл бұрын

Great video! Thx, Telmo! You touched on things we've all used ( as n00bs and experts) that you just might think you won't ever have to explain..! Thx for getting me thinking about it!

@Telmosampaio 5 жыл бұрын

Thanks Andrew :)

@jayjani740 3 жыл бұрын

You took exactly all the questions that are simple, yet confusing. I have faced all these questions and was unable to answer many of them during my interviews. I can correlate and hence understand your motive of making this video. Thanks brother.. may these tips help thousands of web developers. Super like from India. :) Love your content brother.

@XxGOTARxX 6 жыл бұрын

Thanks alot. I focus on javascript, however, its important to be reminded of the basics. You explained these concepts very well!

@Telmosampaio 6 жыл бұрын

Thanks Jason :)

@Fikayoz 6 жыл бұрын

Much appreciated, good sir! Thank you!

@Telmosampaio 6 жыл бұрын

Thanks Fikayoz :)

@binhp7931 5 жыл бұрын

Thank you Telmo for the video, it was a good review for me!

@Telmosampaio 5 жыл бұрын

Thanks Binh P :)

@thesexrace 5 жыл бұрын

This was helpful! Thanks!

@AshishRawat-zl6te 3 жыл бұрын

Amazing video Man !!!

@ThePolaris87 6 жыл бұрын

Very helpful. You got a new subscriber!

@Telmosampaio 6 жыл бұрын

Thank you so much Paul :)

@Tiaguex 3 жыл бұрын

Grande Telmo!!!!

@filipandonov491 6 жыл бұрын

Thank you! Very useful!

@Telmosampaio 6 жыл бұрын

Thanks Fil Andonov , I'm glad you liked the video :)

@pks3147 6 жыл бұрын

this was awesome thanks :D

@willdixon9525 6 жыл бұрын

very help, bro. thanks.

@selftaughtdev8267 4 жыл бұрын

Great video bro!

@Telmosampaio 4 жыл бұрын

Thank you so much SelfTaughtDev :)

@srijitabhattacharya1180 5 жыл бұрын

Dear sir, I hope u make more videos like this.. really helpful! Thanku :)

@Telmosampaio 5 жыл бұрын

Thanks Srijita, yes I will do more :)

@JohnWaweru9111 6 жыл бұрын

Awesome! 😀

@Telmosampaio 6 жыл бұрын

Thanks John Waweru :)

@thehumbledprogrammer8833 6 жыл бұрын

Keep the the good work sir!

@Telmosampaio 6 жыл бұрын

Thanks Pritam Bhanji :)

@amroeloks8745 7 жыл бұрын

great video :)

@ZickPranks 6 жыл бұрын

Regarding CSS3 and HTML5. What about us who start with these technologies? They arent new to me they are my starting point. What is the point for me to go back and research the version of css that article tag was released?

@Telmosampaio 6 жыл бұрын

Hi ZickPranks, it's always good to know because you will have a more in depth knowledge of web development, imagine if you were in this interview, and you couldn't answer this question, could be a red flag for you. If you are getting into web development because you like it, you will learn small things like this one because you are really interested on the topic, and will make a better and more knowledge developer :)

@neilpearce 6 жыл бұрын

CSS3 isn't a completely different language, it's just a new specification that includes 'some' new features. So learning CSS3 first will do you no harm whatsoever because the fundamental structure of CSS is still there - such as specificity and the box model, to name a few.

@jamespawson6045 5 жыл бұрын

Just mention that it’s your starting point and you are aware of what you need to be aware in terms of HTML5 and CSS3, you could even briefly mention some properties and say why you think they are important.

@josedixon5427 6 жыл бұрын

This person reminds me of GTA IV hero 😂😂 , btw thaks for sharing knowledge..

@Telmosampaio 6 жыл бұрын

Good old Niko Bellic, that's like a compliment :D

@facundocorradini 6 жыл бұрын

Explaining the box model without getting into the difference between box-sizing options (border-box, content-box) will certainly make you fail at the interview.

@Telmosampaio 6 жыл бұрын

Hey Facundo Corradini, maybe you can do a better video and post it so we can see :)

@facundocorradini 6 жыл бұрын

hey man! I mean no disrespect, just a little contribution to your video. I apologise if it came out wrong

@sangeetasingh1146 6 жыл бұрын

Thanx a lot..!!..Telmo....really very helpful...:)

@Telmosampaio 6 жыл бұрын

Thx Sangeeta I'm glad you liked it :)

@EZE247365 6 жыл бұрын

Your are very handsome. Found your videos to be helpful for my web internship :)

@omar_mtl 4 жыл бұрын

thank you so much for the video, I have a phone interview next week for a junior front end position, I'm so scared, do you know how phone interviews usually go ?

@ratankhalsa6034 4 жыл бұрын

Thanks for the great video. I recently messed up an Angular Developer interview even though I specialize in Frontend Development. Any suggestions on preparing for more content like this which we'd otherwise miss out on?

@Telmosampaio 4 жыл бұрын

Hey Ratan, yes try and look in places like glassdoor, they have some interview preparations there too

@IRFAN-ALI-KHAN 6 жыл бұрын

got it, i'am sure this video will help me... I suggest you to please share a video on W3 Statndard, what is this, what are the common things i follow to develop according W3. I know what is W3 standard but, i cant explain to anyone what is this, how it works, whats step i need to follow....?

@Telmosampaio 6 жыл бұрын

irfan khan thanks for the idea :)

@devolee8302 4 жыл бұрын

def got some good tips out of it.

@Telmosampaio 4 жыл бұрын

Thanks Dev O'lee :)

@aleaallee 6 жыл бұрын

What do you think about sass/scss? I discovered it last year when I was working as a Scholar web developer and I got amazed because sass allowed me to nest properties and made responsive design a lot faster to do.

@Telmosampaio 6 жыл бұрын

I use Sass all the time, I think it helps a lot to speed up our work

@prabu2778 3 жыл бұрын

Hello sir Which source did you use to Lean JS? Can you suggest me some backend Language to study ? Php or some other? ?

@KeepItFresh02 7 жыл бұрын

normalizing and resetting based on your description sounds the exact same. I've never looked too much into this as its something that is done for you if you're developing themes in Wordpress and use underscores for example. I would see a normalizing script or css file, i cant remember because again its done for you so I just go about whats more important. Ive always though normalizing was just the new standard for resetting. and now i've heard the term css reboot in bootstrap 4.

@Telmosampaio 7 жыл бұрын

Hi Keepitfresh02, let me try to explain it better. Css resetting removes ( like zero ) all the padding and margins from the elements, so you need to specify your own values otherwise they will all be zero. Css Normalising makes sure all the elements on the page render the same across all browsers, because if you take a closer look you can see that different browsers render elements in different ways. Lets say for example a element might have a margin bottom 10px on Chrome, but 20px on Internet Explorer. So the css normalising gives all this elements in the page same values for padding and margins in all different browsers. I hope it makes sense :)

@Domirot 5 жыл бұрын

Ty m8

@edytaskibinska3394 4 жыл бұрын

what about IIFE, immutability, exécution stack, différence between undefined and is not defined, scopes, closures, coercion, polymorphisme, oo concepts etc... ?

@JonWoo 6 жыл бұрын

Good topic. Good presentation

@Telmosampaio 6 жыл бұрын

Thanks Jon ;)

@johndough8699 5 жыл бұрын

I hate interview questions like these. I can build web pages. I may not know all of the terms, or which version an HTML or CSS feature come from, but I can still use them.

@Telmosampaio 5 жыл бұрын

HEy John, I know what you mean! But this questions are just to see how much you know... probably if one candidate doesnt know most of this questions, but you get them all right, most likely you will get a job. Even though you and the other candidate might have similar skills, experience and portfolios, this will help for the final decision. Its like tests at school ahah

@mohamedghouse4388 6 жыл бұрын

Very nice and helpful..

@Telmosampaio 6 жыл бұрын

Thanks Mohamed Ghouse :)

@MylesGmail 5 жыл бұрын

Great video!!!!!

@natnatmaglalang8472 5 жыл бұрын

sir can I get Job front.developer using html css and jacascript fundamental?thanks

@Telmosampaio 5 жыл бұрын

Of course, that's all you need to get started :)

@vijayrawat09 5 жыл бұрын

your questions are good and also u explained them very well but while u were showing your code in the fourth question, it looks like your computer was lagging or maybe the video has the problem but at that time I feel like my own laptop is lagging so much and that hurts my eyes. Otherwise, the video was great.

@Telmosampaio 5 жыл бұрын

Hi Vijay, probably was my computer, this was a long time ago, in my old laptop

@vijayrawat09 5 жыл бұрын

@@Telmosampaio no offense sir :)

@corneaaanika2501 6 жыл бұрын

omg! i think i found my true love your beard.... your smile......... omg!!!! who are youuu

@joaodessainsaraiva5594 5 жыл бұрын

Boa Telmo!

@c810549 6 жыл бұрын

which company you're working for ? is there any more job vacancies available ? I think I need to work there.

@Telmosampaio 6 жыл бұрын

Hi Chun, check out my LinkedIn page

@alergeo1 6 жыл бұрын

Why don't you use gulp or somthing like that.

@Telmosampaio 6 жыл бұрын

alergeo1 I use gulp :)

@alergeo1 6 жыл бұрын

I just assumed that from your workflow description. And while you're here, is it true that if you complete udacity nanodegree within 12 months you'll get 50% refund?

@Telmosampaio 6 жыл бұрын

alergeo1 I think you can still get the 50% refund, I think it should be easy since most of the students finish around 3 or 4 months :)

@etayluz 7 жыл бұрын

thumbs up

@Telmosampaio 7 жыл бұрын

Thanks Etay :)

@lukeav6097 5 жыл бұрын

Do frontend developers need to know the ins and outs of css? They are not designers

@Telmosampaio 5 жыл бұрын

Hey Luke, developers they need to know CSS, web designers not really, I think you are confusing the roles

@WebbChannel1 6 жыл бұрын

QUESTION - i AM AN OLD-SCHOOL WEB DESIGNER. Haven't built a web site in years. I learned to code in HTML, XML, and PHP - I use DreamWeaver 4.0 QUESTION - what is the coding language used most today for web design, and is DreamWeaver still a good web site building tool?

@Telmosampaio 6 жыл бұрын

Hi A. W. you can still build modern and good looking websites with Dream Weaver, there are many other coding editors, but it comes to personal preferences to which one you should use. Me personally I use sublime, I think it's lighter and more user friendly than dream weaver, but of course it's only my opinion. Regarding the coding languages, with Html5 and Css3 you can build nice static Websites, and with Javascript you can make dinamic and interactive websites. this 3 languages are the foundations for any good website :)

@WebbChannel1 6 жыл бұрын

Telmo, thank you for your prompt and informative reply. anything easier is better so I will definitely look into SUBLIME. As for Javascript - I hear there are serious security issues and designers are going to Python now ??

@Telmosampaio 6 жыл бұрын

A. W. if you are talking about working as a Designer, you shouldn't be worried about security, since you are working only on the front end of the web site, you don't deal with sensitive data, like user details, passwords and databases. So javascript is perfectly fine for you to use :)

@WebbChannel1 6 жыл бұрын

BUT what if I want to build an interactive web site with "forms" to fill, or accepting money via credit cards and paypal?

@WebbChannel1 6 жыл бұрын

I also heard really good things about Microsoft VS Code too.

@shahiduzzamanfoysal6932 6 жыл бұрын

i need jov ,how you healp me?

@user-cb6sh8uy4b 2 жыл бұрын

Did you have the same spirit as me on workflow yah😤 did I almost think in the same response before you even say it yah , did I feel like an ready to join the domain hell no 😢

@sagittariansage_2271 6 жыл бұрын

Youre cute Telmo. Thanks for the information

@Telmosampaio 6 жыл бұрын

+Dapper Owl812 thanks, I'm happy that the video was useful for you :)

@ConnorAZ 5 жыл бұрын

describe "this" keyword in javascript what does it refer to...? I am not asking I am challenging for a question don't google It And play fare

@Telmosampaio 5 жыл бұрын

Good one Connor!!

@ConnorAZ 5 жыл бұрын

@@Telmosampaio Make a video ?

@videogamesare1 6 жыл бұрын

ads out the wazoo but good advice

@Telmosampaio 6 жыл бұрын

Cheers Thanks Abhra Biswas, the ads pays the bills, and help me making more videos :)

@jamesrichardson7180 3 жыл бұрын

Borat... Is that you?

@Telmosampaio 3 жыл бұрын

Yes directly from Kazazzkhistan!!!

@sagacity987 6 жыл бұрын

you are reading from some paper or web ? you can also share that paper or web.. lol

@Telmosampaio 6 жыл бұрын

Maryam Malik this paper was made by me with questions that I got from previous Interviews I had in the past, I wrote them down so I could follow the sequence, and now Im sharing them in this video. Why the sarcasm "you can also share that paper or web.. lol"

@sagacity987 6 жыл бұрын

Telmo Sampaio My dear,I really appreciate what you are sharing.I did not mean that.I was just laughing how you are doing this..multitasking..eye contact.please dont take it wrong.I appreciate your work..Really I hope it is clear now .. :(

@sagacity987 6 жыл бұрын

Telmo Sampaio immediate response :p It means I can ask you questions and get quick replies... yohoooo

@sagacity987 6 жыл бұрын

Telmo Sampaio Reply Reply Reply Reply.....Reply....

@Telmosampaio 6 жыл бұрын

Its all good Maryam Malik, yes I try to reply as soon as I can :)

@user-cb6sh8uy4b 2 жыл бұрын

But let me tell y something this is the easy interview I ever heard, bro they ask about security and SEO and got mad a lot of frameworks y should practice them all as well they give y some test coding in js I don’t khnow why I have to make a function that calculate some bullshit , I mean bro it is just a website interface with some element content and animation relax ughhhh