Desenvolvimento Web - Componentes de Aplicações Web

E aí [Música] E é só terceira vídeo aula e agora nós dois nós vamos falar sobre o componente de aplicações e que é importante falar sobre esse assunto complicação aí ela possui diversas dessas partes né ela pode ser no i de um universo muito simples para Universe muito complexo EA competitividade em relação a linguagem de programação em relação com a interface nascia responde usuário em relação com a um uma quantidade desenvolvedores a experiência desse desenvolvedores não tem relação com a tecnologia mais utilizados para implantar aplicação vamos próprias os próprios tipos né é característico dos Servidores

é tão importante tratar componente né a indício da meia né tem relação com a os bancos de dados que uma armazenar as informações Então as aplicações leve um modo geral elas me o combate dados relacional Uno relacional Mais atualmente né então é importante faz um componente é o governo Não envolve nós discutimos como funciona aplicação eles características da de qualquer aplicação aérea as vantagens de uma aplicação web né porque que é basicamente e nós fazemos muitas coisas né atualmente pela web né e comprou o produto devolver um produto em interagir com a sua mãe sabe

né é marca um ponto assistir um vídeo né porque tudo é feito no web qual é a vantagem de desenvolver aplicações e nem relação às ações tradicionais e qual a diferença entre obrigação é de um site no Illustrator os primórdios da web lá na primeira aula né Vocês não vão como tirar a arma né o padrão de um site né No começo não M puramente textual não é o que acontece outro como neste só né importância de nós falar de componentes né porque nós tratamos de componentes e componente uma aplicação é bom para funcionar uma

aplicação é aquela depende em Minas Gerais de um servidor web de requisições a interações com os servidores condições edição a conhecer as águas na e primos pelos clientes nenhum tipo de um negócio ou do cozimento http né o risco Nova Rio e respostas requisições feitas por essas aplicações clientes pelos nossos usuários sempre deve ser capaz de receber uma resposta ao pedido realizar então Independente se a resposta é a que ele e eu consegui usar faça uma edição para um determinado serviço nem o determinado no canal a Sol e não tem resposta desejada Mas alguma resposta

precisa ser dado usuário como por exemplo a resposta de que a solicitação apresentação feita não pode ser processada naquele momento ou porque aqui a aplicação não mais o parte aquela aplicação não mais está disponível para interação com o usuário com alguma resposta desse tipo então por exemplo usar pediu para abrir uma foto ao preparo né é preciso aqui a foto apareça ele pode ser se ele ficar para ver uma foto e abre um formulário né web muito mais interagir isso aprovado né Eu moro em tem uma solicitação atendida mais uma ela aquele desejar o empregado

uma foto e aparecer lá é o arquivo não encontrado né agrotico a o plural a dor ou problema em que a imagem Foi retirada removido do diretório antes ela estava rasgado servidor lixo Tom Bem importantíssimo a repetição uma resposta ainda que resposta não seja os nossos desejado futebol qual é a vantagem de uma aplicação é a pessoa vantagem é que a maioria dos usuários dominam os navegadores a usina melhorou intuitivo né você usa uma barra de navegação desde Digite o endereço desejado Recall aplicação o batismo você deseja consumir né e um partido aparece né não

parte dele e vai te levar para outros conteúdos dentro daquela aplicação tá é o uso de navegadores aos habilidade né e acessibilidade e explique a diversos padrões de acessibilidade do medicações história mais fácil mais simples né não tem um treinamento Inicial na ir com vocês e Diferentemente as fontes não é negócio de treinar a interface gráfica uso em que eu te faço né é dos menos né é um é muito comum isso é usualmente as redes tradicionais nós temos aplicações desktop né não tenho treinado no caso aplicação eu não tenho um treinamento mais intensivo né

ao treinamento para lidar com aplicação somente né mais Diferentemente de ação tradicional Eles marcam necessário a a todos atualizações realizadas do lado seguidores uma vantagem né então uma vez que a aplicação esteja atualizado do lado do servidor e você vai conseguir sempre vão ficar informações as nossas aplicação atualizar a eu não preciso achar uma atualização o que se preocupe com atualizar aplicação é quem desenvolve e fornece explicação com um serviço pelos 11 Oi gente tem um comparativo entre aplicações web e aplicações tradicionais em filme que tem algumas diferenças algumas vantagens e outras eles vão dar

a elas são diferentes aspirações nacionais são diferentes da web por quê Porque elas primeiramente nós apresentamos os resultados para todos os usuários então seu abaixo uma aplicação desktop por exemplo né É muito mais o mundo que aquela aplicação tem acento aquela mesmo Vai mesmo ter fácil né mamãe que eu faço customizada por um uso para mais um usuário né de um lado aplicações ou navegações personalizados para cada tipo zoar com você tem que estar lá aplicação na máquina de cada usuário é é como se faz isso no a instabilidade aqui na lá bem junto né

eu tenho uma rede com 10 computadores e eu tenho que estar lá às principal em cada uma delas maior garantia de que todas elas vão funcionar a contento né quando não aparece funcionar vou ter que reinstalar a aplicação novamente tá então Além disso Olha incompatibilidades com Outras aplicações itops fechamento com elástico gente vírus na que bloqueia o acesso da aplicação para para outros computadores ou outros componentes do disseminações a em relação à aplicação web e site tá não bom e porque é bom escrever sobre este ano tanto o gostoso de informações de um site não

é uma aplicação com ele só fica se o navegador tá aplicação web era diferente de uma moto um site porque naturalmente ela é interativa usuário tende a a imagem da jamento explicação interage com ela está conteúdo enviar conteúdo que conteúdo na conversa com zelo aplicação web interativo organizador de canetas a é uma outra por exemplo Evernote e um outro aplicação médio e conversões por desktop universidade para a qual época versões para o bairro né mas tens interativo entende a ser editado um site tem que ser mais estático né Ele é mais fácil natureza e é

um conjunto de páginas né eu nós temos lá o meu site conheci a uma visão é né que forma os olhos e logo no assunto nada mais que isso né um aumento complementação e por outro lado tá uma dificuldade assim dia adicionar conteúdo no local né cada transformação por meio de um formulário não é um site estático gente mal teclado com os outros né porque antes as palavras de sites dinâmicos né bom relação aos componentes de software fazem parte em uma aplicação né e não seria diferente com ele que são esses componentes né são alguns

blocos de software já algumas pré-definições né que permitem que nós utilizamos esses componentes a construir novas aplicações então esses componentes né é exato um seguinte sentido né ele devido ao aplicação em dó né e cada um tem um ritmo normal e nada a função né não tem nada e implementado num tem nada a ver com vontade de fazer isso tá se consegue fazer é tomar um nível de abstração um pouco mais elevado né EA tendência a produção da aplicação ser melhor como por exemplo se existe o componente né de um sócio e permita eu a

utilizar para fazer o cadastro de usuários o que construiu uma nova aplicação web né desenvolver o próprio sistema de cadastros não conseguiste lá no frio antes que me dá a liberdade de conseguiria usar aquele componente para criar uma interface medicada se usuário os pedidos são usuários a necessidade de eu programar tudo isso para cada aplicação que o corpo construir a tua vontade aqui o cancelamento máscara complexidade né e as apis as interfaces para o nosso de aplicação né que estão atreladas esses componentes facilita o acesso a funcionalidade né Por exemplo usar um apê rest para

consumir informações de um banco de dados está atrelado ao circularem e muito melhor do que e o interagir de uma outra forma né então usar uma perreque Márcio quer saber lidar com os métodos do SP3 não aguenta até o menor risco de problema usar componente de software divisão natureza encapsulado dos componentes muito desenvolvimento muito revisão sobre aqueles mesmos componentes né trapeutico ser usado de forma mais é mais adequado né Além disso Há muitas mas muitas bibliotecas e ferramentas padronizadas baseado em Componentes não pagamento desenvolvimento de aplicações web hoje é tanto do lado do cliente né

estava associado ao eu não sou Mente Consciente quantos lados servidor está associado ao Consumo de Becky and nós somos mais rápidos e componentes desenvolvimento sejam mais rápido ele é mais ágil e bora Artes e gastar um tempo bastante ele grande customizar a experiência a cada usuário vi um conteúdo de recesso no centro de forma diferente um site de compras por exemplo a visão que eu tenho de um site de compras por conta da experiência que eu tenho aquele site ou qualquer aplicação na web para compras online é diferente exemplo do meu irmão meu irmão do

meu primo e o ponto das da forma como cada um desses usuário acesse o console tão conteúdo Ele é dinâmico ele vai sendo modificado passar pelas minhas experiências com aplicação isso é permitido você fez o nisso desenvolvimento sós temos concorrentes ver defeitos país Natal por exemplo saber o que o usuário o rio nem tô mais nada naquele viu eu vou construir uma nova página para colocar produtos relacionados aquele que você comprou um produto né vou mandar um e-mail para ele é dizendo que tem a promoção sobre a produtos similares Então como é que eu faço

isso um homem educação e a corrente de sócio para fazer isso a outra ocorrência de por exemplo para fazer um analytic do meu sistema né quantas horas você salão quantos ficaram determinadas retornando a página quantos comprar quantos Estilos da compra quantos usuários estão com carrinho de compras perigo não é bom e isso tudo faz parte de inveja aplicação bom quando a gente fala de web ele não temos que o tomar a ideia de linguagem marcação academia o que eu peço para vocês e vocês realizem a disciplina de fundamentos de internet ou é a já disponibilizada

regulada minha decisão anteriores né é para vocês terem uma ideia que HTML que é um CSS os principais conceitos que envolvem unidade de marcação a Amazona que ml e a única que a gente chama de elemento né é importante mira de falar com os amigos da premiere né que é uma parte de uma parte folha qualquer objeto que pode ser identificado muito ao Cruzeiro uma imagem é uma palavra carácter um parágrafo uma célula de uma de uma de um uma planilha né álcool pode-se identificar e a minha mecanismos que permitem a fácil identificação e a

interação com experimentos alto como que ele interage com atendimento dentro da parte o contrário com o mar encontrado no vídeo foi tem bar um vídeo do YouTube no na minha aplicação é i.a. mecanismos que permitem oponente sofre permite você Navegar por esse conteúdo né por meio dos elementos e inclusive editados a Então existe um modelo de objeto de uma chance bom né e eu modelo de objeto para bater a a lavagens algo que é mais uma mentira já esse modelo Dom não modelo permite transformar os elementos nem primeiro em objetos interagem opções a uma forma

bem genérica que isso a retratar a violência tem marcou objetos né e com base nisso eu consigo alterar sua penazzi desses elementos didáticos propriedades tirar metros para mudar a cor de um elemento da pele formatar imagem desse elemento reality né então posso lhe dar comida trabalhar com uma árvore de documentos né ele chama de bom eu vou falar um pouquinho sobre o Don api interface de programação de aplicação para um script né os jogos que ele pode fazer várias coisas no conteúdo né adicionar modificar vamos ver né elementos de mover atributos desses elementos adicionar modificar

envolver estilos CSS de uma página e por usuário e quando ele logaram e sistema uma aplicação web a página vai aparecer azul e para outro usuário vai aparecer rosa ou para outros vai aparecer uma imagem outro lado vai aparecer o bico então como é que eu baseado na identificação do usuário personalizo o conteúdo no lidando com uma pele né pra interagir com alimentado A primeira é uma dica né você que você possa colocar assim esses dois lindos abaixo né vai entender um pouco bom né e aprender um pouquinho sobre os exemplos mundo tá é isso

é apaixonante importante porque nós não tem alguns exercícios ou atividades vocês vão fazer durante a sempre né esse muito por Frei works né nossos abordada faz plástico né é esse look fazem uso do Dom fazem luz natural gente também de apis né para tirar os irmãos da primeira é O bom é que pode mensagem e componentes exclusivos de aplicação web né Cruzeiro nada mais é que o conjunto de primitivas né incorporados a plataforma nossas componentes abriu uma Black possibilidade né para desenvolver aplicação especialmente a música oponentes Até lá a sol ao Frontier de Néctar próximo

usuário como que eu exibo as informações que eram servidor web como é que é o melhor experiência do usuário como é que eu durmo sistema a interface agradável em né Em geral os componentes apresenta o bibliotecas né construídos com base em ateísmo na internet facilita a construção na aplicação né e ele se incorporado tivesse navegadores Avon a paralisação de componentes não permite também que ser utilizados muitos navegando a cura Total compatibilidade Olá eu sou o corações de padrões né que permite a gente capsular compõem a utilizar elementos HTML desde a base aí são os elementos

como interajo os elementos de um site de uma aplicação de uma página tem um link para interessante para vocês visitarem como é que vocês visitem é que era isso é ou parentes controle não é um site por vários componentes que podem ser utilizados para desenvolver e passou tá então usar esses componentes permitem construir aplicações mais interativas mais raças mais eficientes e o menos né que em geral os componentes eles são desenvolvidos pelo grupo desenvolvedores organizados e um repositório não é o mantido uma empresa não se o componente de uma aplicação ela é ação mentiroso você

fechado né é revisado vai melhorar amanhã utilizado né mas posso o assunto O Wagner concorrente de peso para cada aplicação que eu conseguir ript excluí falamos aplicações tá bom é um conjunto de práticas que em geral São seguidas para a construir os componentes nós podemos construir componentes baseado em uns parentes né então sugere-se que haja minhas customizados né então o código mas modular né E pode ser utilizado em uma propriedade também do modelo de objetos bom né que eu perto né tem um padrão da web que oferece o tipo de destino para encapsuladas né na

linguagem de marcação e garante e vai funcionar em qualquer ambiente né então se você tiver trabalhando com o Word e incorpora essas boas práticas ele vai funcionar em qualquer lugar tá em qualquer navegador tá base mousse e marcar os críticos base HTML [Música] java script pronto para interagir com os elementos o CSS para formatar né a experiência com solado Grosso estilo né e o HTML para marcação mais fácil o poder aqui a propósito desenvolvimento né ela ele é muito refinada né não tem uns mini deliciosas são várias partes precisam vai encontrar marcação linguagem estilo EA

linguagem para entrar depois ele tá outro exemplo exemplo de um componente presumir que chama a polícia né é uma biblioteca é construída sobre a base componente não é bom né é baseado em diversos padrões da três a ele tem umas entrar numa cidade declarativa para criar elementos da pimentão customize suas iremos criar seus próprios e costumes nos próximos a também permite definir a estrutura do elemento para caminhar é esse usar o documento com CSS e adicionar interações alimento não é inscrito Professor amanheceu se eu quiser usar o polimento não precisa usar você pode ir fazer

tudo é o governo assim eu vou construir meu próprio os documentos SS não me passar no componente existentes e não vou me estender o estilo de daquele componente pode também a e bora a depender do tamanho da aplicação você vai desenvolver aí foi dar muito trabalho e a chance de erro né e um trabalho com história repetitivo e exaustivo né o Outra vantagem também é a diminuiu o a tempo desenvolvimento né E você a fadiga também gente ficar repetindo isso para casa ficar só com você de novo é também permite customizar elementos né eu criar

novos elementos da primeira parte dos já existentes né então é só por exemplo como é que o crio componentes tipo que o ontem né analítico isocalendar né o drive como é que eu digo uma aplicação e faça os desse componente já existentes basicamente eu vou me trazer é parte de uma aplicação web já existentes né mantida por uma empresa o meu a sua mãe né logicamente que eu vou ter que ir para usar isso dentro de carro ali na Google eu vou ter que fornecer alguns dados para que isso embarcar no meu site muito ou

na minha peça aqui longe também falando sobre os componentes pessoalmente o preço citado alguma isso tem pro Facebook em outras nuvens computacionais também tá veja importância do dono aqui né É permitir que os alimentos Independentes né é dependente mais do que existe o documento HTML a gente deve abordar um pouco isso em algumas atividades práticas e disse um só para mostrar a importância de uma cliente que é Lisa componente antes dali mais marcação e de um modo linguagem interagem diretamente com é né o básico elemento amizades que a é que fica tem que ficar claro

para vocês nessa vídeo aula a importância de trabalhar com componentes quando a gente fala desenvolvimento de aplicações web né ele não falou mais desculpa voltados digamos assim embora não explicitamente relação as pontinhas né Nós vamos aguardar sim front embreado né de repente também as funções existentes nessas qualidades de um momento de dos continentes né mas a importância de concorrentes ele é tipo assim bem natural hoje né nos movimentos funções para W3 que eu queria discutir você reações a diferença que os cruzeiros para essa aula ele tiver na próxima Até mais é [Música] E aí E

aí [Música]