Do some research!

[kevin-meyers]

• [x] Look up what a front end engineer does
• [x] Look up what a ui/ux engineer does
• [x] Look up the differences between internships and full time (entry level) positions
• [x] Decide which ones match you best
• [x] Decide on how to prepare for these jobs you liked
• [ ] APPLY APPLY APPLY

[kevin-meyers]

Look up what a front end engineer does: The difference between the general term "programmer" and specific term "front-end engineer" is simply the domain where one's knowledge exists.

Today that means someone who writes HTML, CSS, and JavaScript and knows the various APIs that browsers expose.

https://css-tricks.com/interviewing-front-end-engineer-san-francisco/

[kevin-meyers]

Look up what a ui/ux engineer does: Its a Front-End Engineer who sits on a cross-functional design team and helps facilitate collaboration between design and engineering

UXEs possess the skill-set of a Front-end Engineer but with working knowledge of UX design principles. Their primary domain focuses on the design/UI component layer of an application and steers away from the middleware layer between front-end and back-end development.

https://dev.to/emmawedekind/ux-engineering-3hem

[kevin-meyers]

UI/ UX designer: A UX designer needs to know how to execute, facilitate and analyze research and data, [and] UI designers need to know composition and graphic design and have a knack for palettes, typography and branding in order to make an interface shine and have its own identity

Not programming, just the mockups and stuff from what i can tell

[kevin-meyers]

Big companies dont differentiate between front end and not, all called SWE internships letting you Once you pass the hiring bar and move into host matching, you can tell your recruiter that you prefer a front end role. But, there isn't a separate position for this.

Here are some questions front end interviewers got that werent front end related:

• Write a function that takes two sorted lists of numbers and merges them into a single sorted list.
• Given an array of integers (positive or negative) find the sub-array with the largest sum.
• Determine if a given string is a palindrome.
• Given a large hash table whose keys are movie names and whose values are a list of actors in those movies, write a function to determine the Bacon number of a particular actor.

[kevin-meyers]

Here are some better questions:

• Can you name two programming paradigms important for JavaScript app developers?:
  • Object oriented and functional, prototypal inheritance
• What is functional programming?
  • Avoid side effects
  • First class functions (pass functions as arguments) etc
• What is the difference between classical inheritance and prototypal inheritance?
• What are the pros and cons of functional programming vs object-oriented programming?
• When is prototypal inheritance an appropriate choice?
• What are two-way data binding and one-way data flow, and how are they different?
• What are the pros and cons of monolithic vs microservice architectures?
• What is asynchronous programming, and why is it important in JavaScript?

https://frontendmasters.com/books/front-end-handbook/2018/practice/interview-q.html

[kevin-meyers]

CSS questions:

• what does float do?
• How can you clear sides of a floating element?
• How can you clear sides of a floating element?
• some tricky questions in rapid fire style
• Does css properties are case sensitive?
• Why css selectors mixed up with cases don't apply the styles?
• Does margin-top or margin-bottom has effect on inline element?
• Does padding-top or padding-bottom has effect on inline element?
• Does padding-left or padding-right or margin-left or margin-right has effect on inline element?
• If you have a

  element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?

• The pseudo class :checked will select inputs with type radio or checkbox, but notelements.
• In a HTML document, the pseudo class :root always refers to the element.
• The translate() function can move the position of an element on the z-axis.
• Which one would you prefer among px, em % or pt and why?
• How absolute, relative, fixed and static position differ?
• What are the differences between visibility hidden and display none?
• What are the differences between inline, block and inline-block?
• What are the properties related to box model?
• Does overflow: hidden create a new block formatting context?
• How could you apply css rules specific to a media?
• What is the use of only?
• Does the screen keyword apply to the device's physical screen or the browser's viewport?
• What are the some pseudo classed u have used?
• How do you align a p center-center inside a div?
• How do you optimize css selectors?
• How can you load css resources conditionally?
• Why would you use sprites?
• What is specificity? How do u calculate specificity?
• What is shadow DOM?
• What do you know about transition?
• What are the different css filter you can use?
• What are the reasons to use preprocessor?
• Show you couple of style example and you have to tell what does it do.

[kevin-meyers]

HTML questions:

• Why do u need doctype?
• What is the use of data-* attribute?
• How can you generate public key in html?
• How do you change direction of html text?
• How can you highlight text in html?
• Can you apply css to a part of html document only?
• Will browser make http request for the following cases?
• Which resource would be downloaded first?
• What is optional tag?
• What are the differences between div and span?
• How would you differentiate div, section and article?
• How to select svg or canvas for your site?
• How to serve html in multiple languages?
• Explain standard and quirks mode.
• What is semantic tag?

[kevin-meyers]

Good work on the book girl!