Qual é a diferença entre o protótipo html / js e a codificação de front-end?

Eu estou tentando responder da melhor forma possível,

A codificação de front-end é codificação para um site ou aplicativo da web que possui essencialmente um back-end em que o conteúdo é gerado dinamicamente no servidor, dependendo das solicitações ou respostas do usuário.

A criação de protótipos é essencialmente um front-end sem back-end, onde o conteúdo é estático e deve ter uma boa aparência com algum conteúdo básico, sem respostas dinâmicas.

A experiência na vida real de um aplicativo da Web terá desenvolvedores de back-end e front-end e desenvolvedores de back-end lidando com a lógica de negócios e desenvolvedores de front-end lidando com a aparência e a sensação, isso é codificação de front-end

A conversão de PSDs de designers em um modelo HTML / JS para que possam ser usados ​​posteriormente para melhorias ou para integração com o back-end é chamada de prototipagem

Espero que isto ajude!

A prototipagem HTML / JS é o processo pelo qual um UX Designer com alguns códigos de front-end pode criar um tipo de protótipo que funciona muito bem para transmitir a interação, mas na verdade não faz o trabalho. Ele usaria dados simulados, não conectados a um serviço, se possível, e seria autônomo para que pudesse ser facilmente compartilhado com desenvolvedores ou usuários testados.

A codificação de front-end é o código adicional necessário para torná-lo realmente funcional e manter um código. Muitas vezes, os desenvolvedores front-end descartam completamente o protótipo HTML / JS, porque ele foi construído de maneira tão ruim e rápida que não é sustentável ou exequível, nem usou componentes, bibliotecas, CSS etc. incorretos. Há muitas razões pelas quais um desenvolvedor deseja escrever eles mesmos, sabendo que no final parecerá que se comporta da mesma maneira que o protótipo HTML / CSS.

Além disso, muitos programas como Axure e JustinMind produzirão protótipos HTML / JS, mesmo que o UX Designer não tenha realmente escrito uma linha de código. São tipos de programas de prototipagem que permitem uma grande liberdade na criação de interações complexas que levariam muito mais tempo para serem simuladas em wireframes e fluxogramas.