Desenvolvimento Web - Tecnologias para o Front-end

E aí [Música] bom dia hoje nós vamos falar sobre tecnologia super Frontier amor a gente vai iniciar uma etapa sobre as tecnologias relacionadas ao front-end na sequência tecnologias back-end e também um salário de um profissional nem que atua tanto no continente quanto black and né E logicamente que do ponto de vista tecnológico ele teria que ter uma visão é conectar sessenta graus do tudo que envolve o vento aplicar a bom que que essa fonte aí né é o que faz um desenvolvedor que liga como um fluente de uma aplicação www né E quando que é

necessário porque tem as competências para desenvolver parte da aplicação né Tem mais contato nas mais próximo do usuário Quais as tecnologias comuns né do lado do cliente né a tecnologia para as vantagens desvantagens tecnologias Quais as que são mais utilizadas né que apresentam articulação mais fácil de entender e aprender e desenvolver da noite bom o conselho é a parte mais visível da aplicação os vai pedir então toda a parte relacionada a interface gráfica a formatação dos dados que estão no armazenados em servidores web e interagindo com os bancos Finados né em tudo essa parte visual

né ela fica mais próximo do cliente né e é por meio dessas dessa parte né Nós interagimos com serviços aplicações empresas Organizações e outras pessoas a encontrar desenvolvedor front-end não é de um designer é tão às vezes um pouco Zone Isso não é um designer o nome da fonte ainda né os envolvedora lida com interfaces aplicações em primeiro de Corpos nem de alianças no eu não vou conseguir mais interpretados né Por exemplo uso de hack script né uso de frameworks para organizar essa interface é mais perto do cliente né eles Vale usa em geral ferramentas

visuais né ela desenhar telas né para agora organizar como que componentes de só né poderiam ser Associados essa sempre faz tá E logicamente que a planta a figura de um designer quanto de fontes são importantes A então aqui eu retiro não é fazer um comparativo entre o servidor front-end bizarro né muitas vezes de uma fonte também tem que tem algumas funções aqui desenho né gente como que as informações que conversa com as matérias embora haja um profissional especializado nisso O que faz um time de fontes bom eu usei o da Ford tem algumas funções né

é a primeira delas é criar arte visual da aplicação é ou de site a a gente sabe a diferença entre aplicações web e saias em Foco linguagem marcação né aí o HTML livro também com bibliotecas e frameworks como angular nós vamos utilizar Nossa atividades práticas é o Fiat o ruim né uma infinidade de tecnologias plantar com front-end né suprimentos bibliotecas flores ele precisa ter uma noção geral da aplicação ERP né mês que ele não vai dar diretamente o código do Black em direto para o mesmo que ele não vá se preocupar com instalação configuração e

ajuste de servidores web criar um modelo relacional na base de dados não poderia ter relacionamento por exemplo a gente escrever assim batizado Oi tá com consultas utilizar consultas fazer balanceamento de carga das aplicações que são armazenadas biquínis o mesmo que ele não faça isso muito importante para uma visão Geral das soluções a isso essa visão geral Que professor pode ter Depende muito do time desenvolvimento né com que a empresa que ele trabalha liga o Há muitas vezes ele vai ficar preso numa caixinha minha mãe de nós assim e vai só ficar responsável por desenvolver nessa

parte mais o que eu faço com o cliente lhe uma profissional aí fazer essa condição é também ele é responsável por criar páginas né onde não será responsável trabajos né com foco embora navegação levando em consideração as características relacionadas à acessibilidade né É Natal porque tipo de tela né é pensar em carregamento utilizado da as ações de Natal existe exemplo angular em oferece a possibilidade de você fazer carregamento em um partes né não na página todo ao mesmo tempo né isso magicamente otimiza experiência usuário e esse esse essa as informações né serão carregadas de forma

inadequada e na maioria dos navegadores tá então a diferentes navegadores também né e propósito distinto polícia de navegação mas Essas tecnologias bibliotecas precisam ser Independentes navegados tá bom quanto que a gente decidiu front bom ele é importante para garantir o funcionamento do universo navegadores né plataformas ler-me e plataformas móveis tá meio que estava usuários também usado para criar páginas ou telas o debate sobre idade e em geral a ilusão da Fitness precisa saber nome não é é ele dava por existir um né o CSS eo JavaScript e HTML a desculpa R conhecimento de algum refrão

não um excelente todos né mexeu configurado para desenvolvimento eu dou frutinha que o primeiro é fonte né um frango aqui ele é um facilitador não é uma solução né que traz algumas os componentes da prontos né pré-definidos E nós podemos utilizar para desenvolver mais rapidamente a aplicação a alguma coisa de mais usado para lidar com isso aí no olho mesmo para beijo ao que lhe oferece e os as funcionalidades tem como principal característica a desvantagem evitar repetição de tarefas e pode levar a gente já se envolver vários erros né então se altura o seu concorrente

para que o homem que faço de login usuário cadastro de informações no a necessidade de construir uma aplicação 12 anos fazer o próprio horário de cadastro no bloco seja autenticação público em geral desses esses componentes são testados som desenvolvidos e os erros são ajustados rapidamente um no trânsito na comunidade são o pescoço inclusivo no contexto do Fronte e dos foi melhores estão mais atrelados os aspectos ficam mais próximo do usuário né e é relacionado a interface exibição dos dados e ele funciona aproximação a problemas entrego funcionalidades né O que faz logo conhecer mais rápido e

ágil né então cê não precisa criar um novo código é possível utilizar alguma coisa já pronto estada em uma lista repetir é a criação de novos cortes que fazem a mesma coisa e já estão canceladas no Google A então a primeira de tempo aí eu tenho um valioso processo de um todo especial com os aplicações muito grande complexas tá Quais são as tecnologias como os lados o cliente né tecnologias o moço para a fonte HTML e uma linguagem de marcação usada para criar páginas né que são livres de qualquer tipo de um jogador com todo

o conteúdo e se traduz por uma Ásia da pml né e junto com o CSS é uma linguagem que implica estilo né que determina o estilo da aplicação né do da da o primeiro não posso customizar esses elementos colocar mais de uma fonte tipo de parágrafo que eu vou usar né tá bolado informações mudar a cor de uma tabela aos Marcelo lá né de uma planilha aqui que é embarcado menos uma parte eu já escritor linguagem para descrever o comportamento dos elementos dispostos no HTML CSS não é tão dormindo já inscrito eu posso lidar com

os elementos não é percorrer ele buscar informação dentro de uma página HTML né o mouse os elementos a gente fala um pouquinho da importância dos escritos nas duas primeiras aulas né nacional que é tão interessante discutir isso é o dia que eu e o biblioteca de JavaScript que interage com HTML na regime simplificado escrito interpretados pelo navegador do lado do cliente vamos lá então com isso o site pode carregar mais rápido também muito certo que é o formou foi muito usado pelos desenvolvedores a porque ele possui alguns componentes que sempre ficam realmente aplicações tá com

base nele a gente fornece por exemplo é antigo já pré-definidos na uma tiro CSS já pré-definidos que Vai facilitar a criação de layouts responsivos angular que uma string JavaScript né bastante usado atualmente para 15 por 15 eu moro no cliente né é mais o ângulo e esse foi desenvolvido pelo Google né é baseado no clássico nós orientado a objeto limites o iate é um Friburgo já estou indo para cliente as usuário professor é baseado em Componentes né eu fui tchau também gastrite para cliente espaço lá também o professor se né e com ele a gente

pode estender os elementos HTML né criando novos Nossa personalidade e e o além desses ao meteor e o materialize fundation sofreu um antes né para a meio de uma vez por dia e não é o metalom no supermercado split usados por isso que eu preciso ouvir aplicativos né Tem um Bom desempenho apresenta modificações usadas tempo real o angular também produto está desenvolvendo com angular você praticamente salvou o arquivo é ele já tá disponibilizado né na um ambiente web para se verificar o resultado né uma análise possui botões né aí que os formulários colocar utilização que

eu estou ligado nos componentes daqui oferece os resultados né fundation a caminho em formato HTML para sites mais robustos né o Adobe o Mozilla e Facebook de Lisa s Tá bom então é isso que eu queria mostrar pra vocês né uma visão geral da que é o front-end das tecnologias envolvidas né Qual é a melhor Isso depende muito da o desenvolvimento aplicação né Depende também do gosto do desenvolvedor né então qualquer das que eu apresentei aqui em elas podem ser utilizadas né Mas no geral são utilizados pelos desenvolvedores de soluções em bordados por cliente e

principalmente vou mostrar alguns aspectos para vocês as melhores práticas utilizando uma dessas diferenças que eu utilizei para essa aula e a gente vê na próxima Até mais E aí E aí E aí E aí