JS into god, CSS is not dead, HTML situation worthy?

It is clearly HTML, CSS, JS three pillars, when to understand some of the JS play out of the front-end framework, we call themselves as the whole station engineer?

This is a clickbait job post, and if you’re attracted by this headline, chances are you’re the one we’re looking for.

Is that you?

In this big front-end era full of JS flavor, do you still have the love for CSS and HTML?

  • Are you a detail freak?
  • Are you a code freak?
  • Do you think I’m going to use CSS instead of JS?
  • Do you argue with products and interactions because of experience issues?
  • Are you ecstatic about completing an action?
  • Do you get sleepless nights because one or two pixels don’t align?
  • Do you want to be your deskmate with Teacher Zhang Xinxu?

If you answered YES to more than half of these questions, then what we need is a front end of your experience.

We don’t deny that you know everything, but we prefer that you love what you do.

We are?

YFE /> front end team of China Literature Shanghai Experience Design Department. Still in the fan phase, if you can make our team hot, bonus points! Bonus! Bonus!

You can be a colleague with Teacher Zhang Xinxu. I now stretch my feet can touch Teacher Zhang, a kind of hand can touch the feeling of the day.

Do the problem?

Don’t know how to prove yourself? Let’s do a problem.

  • Requirement: implement a basic popover component.
  • Main functions: Click a button to display the popover, click the close button in the upper left corner to close the popover, click the mask to close the popover.
  • Popover content: Title the popover with your name and write, “How does this popover compare to other popovers?” Or a point of particular thought.
  • Details: the popover is centered from left to right, the width is adaptive, the maximum is 800px, and the popover height is variable.
  • Technical solution: As long as it’s front-end technology, there’s no limit to anything else, just use what you like.
  • Compatibility:noModified to IE8
  • Design Draft: No! In order to avoid people too tangled design, mask the background color black, 80% transparency. Popover main container background pure white.
  • Time: 2 hours Max. Finish as much as you want, content is more important.

Be sure to include how much time you spend on CSS, JS, HTML, and the other four dimensions in minutes. Delivery form can be a compressed package, but it is recommended to have an online demo address, because I do not necessarily have a local run environment. With your resume.

Resume to: [email protected]

Note: This question looks easy to test your technical ability, but it will also test your work handover, demand analysis, how to demonstrate their ability in the work, etc. So there are pitfalls, and notice what kind of front end we’re looking for.

One more thing

Other non-experience front end positions? Relatively saturated, so higher requirements. Why don’t you send in a resume that speaks for itself? Let’s see if we dare!