Evolução na profissão

  • Quais as atividades, responsabilidades ou demandas assumidas por esse profissional.


Descrição da atividade atual

  • O que este profissional faz no seu dia-a-dia. Em que ele trabalha ou em que processos ele atua. Se faz reuniões periódicas, se testa, se codfica, se avalia sistemas, se pesquisa ou coisas do gênero.


Requisitos mínimos para exercer a profissão

Linguagens orientadas a objeto, ter conhecimento sobre sistemas de versionamento,domínio em HTML5 e desenvolvimento responsivo, CSS, conhecimento em SEO, inglês para leitura e entendimento, raciocínio lógico, boa comunicação.

Ferramentas usadas no dia-a-dia

fronteiras-front-end_vs_back-end.jpg

Tecnologias envolvidas

Sublime Text: Programa usado na criação e edição de códigos. ANGULARJS: Framework MVC de código aberto que amplia as capacidades do HTML BOOTSTRAP: Seleção de estilos reutilizáveis, robustos e atraentes para as suas necessidades de estilo cotidiano. Ele inclui um sistema de grade responsivo, estilos de tipografia básica, estilos para elementos comuns como botões e entradas de formulário e muito mais. SASS: É uma extensão do CSS. Suas principais características são a capacidade de usar variáveis, nidificação e loops dentro do seu código. BOWER: Bower é uma ferramenta de gerenciamento de pacotes de front-end, você pode usá-lo para acelerar o seu fluxo de trabalho.


Ética profissional

    • Descrição de casos reais (sem citar nomes de empresas ou pessoas) onde a ética profissional foi aplicada (ou a falta dela).


Exemplo de resultado tangível

  • Exemplo de um produto, processo ou serviço concluído pelo profissional, que entrou no mercado, ou a empresa adotou ou que é usado por algumas pessoas ou empresas.


Upload da apresentação

  • Utilize o ícone (Arquivo Embutido), ao lado do A maiúsculo para inserir a apresentação.


Dúvidas


  • 01. O que é um site responsivo?
    • Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar.


  • 02. Como o Dev Front-End acessa os dados do Banco de Dados para mostrar nas interfaces para o usuário?
    • Os navegadores têm acesso à parte do mecanismo do aparelho onde habita, através de APIs, e por consequência nós temos acesso a algumas dessas APIs nativas e as APIs do browser. O browser por sua vez, além de renderizar HTML, CSS e Javascript, lida com o networking, fazendo requests e baixando conteúdo dos servidores pertinentes


  • 03. O que é UX? Qual a diferença de UI?
    • UX significa User Experience, é o que um usuário sente ao utilizar um produto, sistema ou serviço. Equilibrando aspectos práticos, experienciais, significativos e valiosos de interação.

UI significa User Interface, é tudo aquilo que é perceptível visualmente em alguma plataforma e leva o usuário a uma interação positiva. Pode ser um botão, um menu diferente ou até mesmo um som.

  • 04. O que é um Mockup e para que serve?
    • Um mockup é uma representação estática de média a alta fidelidade de um design. Muitas vezes um mockup é um rascunho bem próximo do design final do produto, ou até o próprio design visual do produto final.São particularmente úteis quando você quer vender a ideia do produto antes dele estar pronto para o público.


  • 05. Em que tipos de sistemas eu posso usar o Angular JS? Em que ele diferencia do MVC?
    • Sua filosofia parte de que uma programação declarativa é muito mais importante que uma programação imperativa quando se trata de desenvolvimento web. Ele atinge isso estendendo o HTML e fazendo uma linguagem para o desenvolvimento de interfaces web dinâmicas.


Respostas Baraldi


Evolução na carreira- Começou como estagiário na empresa Everis, após o período de estágio, se tornou dev junior na empresa, tempo depois, saiu da empresa mas continuo trabalhando como Free Lancer, desenvolvendo projetos ainda na mesma área, hoje trabalha como Dev Front End voltado para a área de mobile na empresa Master Card.

Descrição da atividade atual- Atualmente trabalhando com a evolução da UI do site da empresa.

Requisitos Mínimos- Conhecimento de linguagens orientadas a objetos, uma boa noção de banco de dados, sistemas de versionamento são indispensáveis hoje em dia e muita vontade de aprender, o mercado está em constante evolução.

Ferramentas usadas- Primeiramente uma IDE, linguagens como HTML, PHP, Java, Json. BootStrap, Foundation(framework), GIT e ferramentas para webdeploy.

Duvidas: O que é um site responsivo? Um site que se adapta ao dispositivo que está sendo aberto, tanto uma TV de 28" quanto um celular, fazendo com que os componentes sejam redimensionados para que seja agradável ao usuário.

O que é UX? Qual a diferença de UI? UX é User Experience é o desenvolvimento de um site para que o seu usuário tenha uma experiencia de navegação, com sensações diferentes, já UI é User Interface, que é a organização dos objetos e elementos para facilitar e deixar mais agradável a navegação, portanto, quanto melhor a sua UI mais fácil de se construir uma UX.

O que é mockup e pra que serve? Geralmente na construção de um site, existe uma consultoria de marketing e eles vão desenvolver de acordo com as necessidades da empresa um layout para isso, quando essa parte for feita é criado o arquivo base para o desenvolvedor, chamado de mockup onde ele ira encaixar os elementos da forma que foi definida.

Em que tipo de sistemas posso usar AngularJS? E no que diferencia para MVC? O AngularJS é um framework open source e usa o conceito de SPA (Single Page Application). Nesse tipo de aplicação, apenas uma parte dela muda e a outra permanece fixa, fazendo parte de um template compartilhado entre as páginas. Ele possui ferramentas para buscar dados, processá-los, exibi-los na tela e manipular a entrada do usuário (como cliques ou pressionamentos de teclas) de uma forma inteligente. Ele simplifica desenvolvimento fornecendo um framework confiável no estilo MVC (Model View Controller), que faz com que você desenvolva seu site em um padrão internacional.

Como o Dev front end acessa o banco de dados para mostrar isso para o usuário? Juntamente com o Dev back end, dependendo da linguagem onde esta sendo trabalhado, atraves de variaveis/requisições, ou atraves de frameworks desenvolvidos especificamente para este tipo de consulta.