What does a web UI developer need to start? — Passing interview

Required skills for a web UI developer interview — Part 1/8

So isn’t that what we’re all asking in our own lives? ‘Where’s MY elephant?’ I know that’s what I’ve been asking. — Kent Brockman (for IT, will be ‘What does a web UI developer need to start?’)

Yes, there is a Simpsons-moment for everything! And this is not an exception!

Today I’m going to let you know (based on my personal experience, which means it can be different to other developers) how I think a Web UI developer will need to start in a company, the basic knowledge for a starter/intern/noob/novate/{whatever you wanna call them} developer! I’ll separate this into 8 parts (yeah, 1, 2, 3, 4, 5, 6, 7, 8!), in fact, they are 7 positions and the first one is the ‘required’ knowledge to start.

1) Required (interview killer)

If this is your first time to take an interview, maybe you will be fell kind nervous, which is normal, so, don’t be afraid, just nervous! That feeling is because you don’t know what the recruiter is going to ask and if you are being able to answer that! so, I’ll give you some topics that they are going to be asking for. And one thing, there are some interviews that the main purpose is just leveling interviews, that means they are going to hire you, but they need to know if you are a JR, SSR, SR, or an Architect (if you are here, I assume you are going to be a jr, but…. life is amazing)

So, there is something you need to know

HTML

web UI development — html5

HTML (HyperText Markup Language) will help you to define the structure of your site, so, is important to know the basics here, and those basics are:

1. HTML structure: Semantic, DocTypes, etc (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)

CSS

web UI development — css3

Yes! CSS! (Cascading Style Sheets)! There is a lot to learn from CSS, but, we are going to focus just on the minimal and required thing for passing an interview and to be able to perform. So, you will need to know about:

1. SELECTORS: Specificity and pseudo-selectors (https://developer.mozilla.org/en-US/docs/Glossary/CSS_Selector)
2. Layout: Float, inline, inline-block, position (https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout)
3. Box-Model: (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model)

JS

web UI development — js

My beloved JS (JavaScript!)
What can I say about JS? I think all of us know what is JavaScript, so, let’s go directly to what do you need to learn

1. Basic Language Concepts: Like types, async, and the reserved word this. (https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics)
2. DOM manipulation: What is the DOM and how to modify it (https://developer.mozilla.org/en-US/docs/Glossary/DOM — https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents)

JS Library

web UI development — js library — jquery

There are plenty of them, but we are going to start with the most used, jQuery, I bet you have heard about it, so, now you must learn it. Since this is not required (but is a must) I’ll leave you just the official site, you may find a lot of information there and examples, and you can start playing with it.

1. Official Documentation: (https://api.jquery.com/)

Ok, so, I think this is all for now, and for this first approach, have fun reading and learning and see you in the next one, about what a Junior Web UI Developer needs to know!

Hope It Helps!