Conceito
Front end, do inglês, significa a parte dianteira, ou de forma simples, a mais externa, aquela que é vista. Corresponde à interface gráfica de um produto. Interface é o nome dado para o modo como ocorre a comunicação entre duas partes distintas que não podem se conectar diretamente. Sendo assim, front end é a parte responsável por promover a interação entre o usuário e a máquina.
De acordo com Caio Vaccaro e Felipe Medina, líderes da equipe de desenvolvimento da Huge Brasil, o Desenvolvedor Front End "é responsável pela camada de apresentação de produtos digitais (normalmente sites e aplicativos mobile), em outras palavras, aquilo que o usuário vê e interage é o front, já a relação desse produto com o sistema, e que é invisível ao usuário, é o back-end". Dessa forma o profissional deverá estar sempre atento à performance, semântica, pixel perfection (perfeição entre o layout e o código produzido) e cross-browser (habilidade de um site ou aplicação web de suportar múltiplos navegadores); sempre preocupado com a experiência do usuário; atualizado com as novas tendências, como bibliotecas e frameworks; deve ser flexível a mudanças e transitar bem por todas as áreas da empresa. Por fim, é essencial ser meticuloso na qualidade da entrega.
Fontes
https://www.significados.com.br/interface/
http://tutano.trampos.co/10823-guia-profissoes-desenvolvedora-front-end/
http://www.raphaelfiga.com/criacao-de-sites/site-cross-browser/
Mockup
Mockup nada mais é do que um modelo em escala de algum projeto ou objeto utilizado para demonstração. Eles são utilizados principalmente por designers para adquirir feedbacks de seus clientes sobre uma criação e de como ela realmente ficaria na vida real. (https://www.publicitarioscriativos.com/vem-ca-precisamos-conversar-sobre-mockups/)