What exactly does a web developer do with the work that a web designer created?

Hi everyone, Here is a link to an instagram video featuring a web designer creating the front page of a website through photoshop.
Obviously this is a single image so it is not interactive whatsoever.
I have three questions:

What does a web developer do with this? Do they literally just create an entire functional website that is an exact replica of this design or what?

if so, is there any way on how to just add individual functionalities to the single image itself or do they need each individual parts to it (example, the individual home logo, the individual pineapple picture, etc) and then they put everything together through code

do you need to have web design skills (essentially that aesthetic eye) to get a job as a web developer in todays world? I am aware that at most companies, the web designer just creates a blueprint and hands it off to the web developer so in this case, you do not need design skills. but since todays job market is so competetive and most people apply to jobs with their portfolios, id assume the only way to get replies back is to have your portfolio stand out compared to the rest. So in this case, the design will matter a lot. So even if you dont need design skills in the real world (the designer will just do it for you), how are you suppose to get that initial job if part of your portfolio is judged based on appearance.

Hopefully these questions make sense, would clear out a lot of confusion if I could get these answered. Thanks to everyone for any feedback I can get!

At What Point Does Obsessing Over Design Become a Liability?

The overall quality of a website’s design is often in the details. Those seemingly-small elements such as microinteractions, typographic spacing and color accents can be real difference makers. They have the potential to transform the mundane into something that stands out. In these cases, being picky about design is a good thing. Whether that trait…

What Can Web Designers Do With Their Unused Designs?

I was working on redesigning my website the other day and was having a hard time deleting sections and pages I knew were unnecessary and keeping prospects from getting to the important stuff. It’s similar to the struggle I have whenever a client (design or writing) decides not to use something I’ve created for them.…

How to Update WordPress Themes and Plugins with a ZIP File

When updating a WordPress theme or plugin, we’ve long had two choices. Either manually upload the updated files via FTP or install the update within the WordPress dashboard. In general, both of these methods work pretty well – most of the time. FTP is fairly reliable, but isn’t recommended for non-technical users. Then, some themes…

23+ Best iOS App Templates of 2020

Building an app used to be the domain of hardcore developers only, but with over 2,500 iOS app templates for sale at CodeCanyon, even complete beginners to coding can build an app. That’s because an app template gives you the complete source code to a working iPhone app, with key functions already implemented. Just add features…

25 Best Free Corporate Business Flyer Templates

When you want to announce something for your business, it’s imperative that you do so in a visually appealing and engaging way. Otherwise, you’ll be hard-pressed to have potential customers remember what it is you’re offering. Branding is essential, as you likely already know. That’s why we’ve spent the time putting together a collection of…

8 Horizontal Rules and Dividers Enhanced with CSS

Some design elements are so common that they almost become afterthoughts. The horizontal rule is one of them. It’s easy to simply place them within our content without any attention to detail. But this venerable HTML tag is capable of doing so much more – thanks to some clever CSS. Horizontal rules can be quite…