Unknown

[Música] a festa junina teve sua origem na Europa chamada de festa joanina ela era comemoração das colheitas de junho foi trazida ao Brasil pelos portugueses durante a colonização com a fusão entre culturas típicas do Brasil a festa junina passou a ter ar próprio incorporou características do interior do país da cultura indígena e também da religião Católica São João é o principal Santo dessa festa mas é uma festa para todos paçoca bolo de milho pipoca pé de moleque quentão e danças como a quadrilha e o Forró não podem faltar além de uma bela fogueira a festa

junina também é comemorada na Colômbia no Reino Unido na França em Portugal na Espanha na Alemanha e em outros países o mês de junho é uma grande festa é bom demais sô [Música] Você já pensou nas várias palavras conceitos e definições apresentados na universidade isso acontece a todo momento pois você está aprendendo um novo campo de conhecimento e para não se perder nessa avalanche de ideias algumas estratégias são muito importantes tenha um lugar para anotar o significado dessas palavras e dos novos conceitos pode ser em um caderno no bloquinho de anotações no computador ou no

smartphone ter acesso à informação Quando você quiser ou precisar facilita na hora de fazer trabalhos provas e outras atividades que podem solicitadas Essa é uma das estratégias de estudo mas existem muitas outras [Música] as pessoas normalmente precisam de um ambiente adequado para estudar pode ser em qualquer lugar mas o ideal é que seja organizado com boa luminosidade calmo e silencioso uma mesa com uma cadeira evitar interrupções e ter acesso aos recursos de estudo são elementos perfeitos para esse local [Música] equipamentos eletrônicos e conexão à internet podem otimizar os seus estudos para evitar distrações o ideal

é silenciar as notificações das redes sociais Existem algumas pessoas que podem estudar e aprender em ambientes variados com muitas distrações e até bagunça Mas são a minoria quanto mais próximo do ideal maior será a concentração o foco e o aprendizado [Música] Você sabe por que escolheu o seu curso de graduação e como esse curso pode te levar a alcançar seus sonhos responder a essas duas perguntas é fundamental para você chegar até o fim da sua graduação assim você vai se sentir mais motivado para realizar atividades como trabalhos em grupo organização do tempo dos estudos das

leituras e avaliações a sua determinação vai te levar a superar os obstáculos e alcançar os seus sonhos faça essas duas perguntas ao longo da graduação sempre que for necessário os desafios do seu desenvolvimento fazem parte da caminhada para se tornar um excelente profissional [Música] [Música] alguns estudantes ficam apavorados ao tentar ler textos acadêmicos e desistem logo nos primeiros parágrafos Não esqueça a leitura é um estímulo para pensar e refletir mas como enfrentar essa tarefa tão importante para o seu aprendizado primeiro a certeza de que você vai conseguir não há desafio que não possa ser superado

durante a universidade pesquise sobre o autor e pense no título do texto destaque palavras que você não sabe e tente deduzir o que significa no final da leitura transforme a leitura em um hábito e os textos vão ficar cada vez mais fáceis [Música] da disciplina Parabéns a todos Lembrando que a vocês podem tirar as dúvidas através do link da descrição do vídeo tá posta dúvida lá que na segunda parte do vídeo eles sanar as dúvidas ok outro outro outro lembrete pessoal é que é necessário vocês revisarem né todas as semanas novamente nesse vídeo aqui é

mais uma um guia né para vocês estudarem tá para incentivar vocês os estudos mas é necessário sem retomar os conteúdos de todas as semanas é para maior detalhamento e o que vocês tiverem dúvidas tem material de apoio também então vamos dar início aqui é os sinais da revisão tá ok bom na semana um né trata de redes de computadores né e suas características eu coloquei um pouquinho de texto a mais que um slide normal para dar conteúdo para vocês estudarem mesmo tá então redes de computadores e suas características então uma rede que quer são dois

ou mais elementos computacionais que possa se comunicar entre si né isso Isso está muito em eu tenho muita relevância hoje com advento aí da indústria 4.0 né Então pessoal aí de engenharia de produção está vendo isso muito porque não só computadores mas outros né outros elementos né se comunicam em rede né Não só computadores tá Às vezes computadores são formados por diversos elementos né que eu acabei de falar que envolve inúmeros blocos ou seja usuários aplicações roteadores suítes servidores meios físicos e cabo cabeado e aéreo né falando aqui do AIDS celular né que é hoje

em dia nosso celular é um computador né tablets diferentes tecnologias de comunicação diversos protocolos nós vamos ver aí nas outras semanas para garantir que essa comunicação ocorra por meio de uma placa de rede Então todo componente que se o todo elemento né que se comunica né de um para outro ele tem que ser necessariamente uma placa de rede né seja ela do tipo que for né o cabo wireless é aqui é a arquitetura em camadas aí modelo em camadas aqui não sei se vocês lembram na nessa semana foi aquele exemplo do da caixa de fósforo

né ou seja o que que é camada né se eu quiser transportar como né tá dando exemplo aqui do palito transportar um palito de um ponto para outro então vou colocar essa palito dentro da caixa de fósforo essa caixa de fósforo dentro de uma outra caixa menor é maior Desculpa até chegar numa caixa de um fogão daquele da o exemplo e esse pacote todo vai para vai para o destinatário tá então isso isso que a camada para todas essas camadas tem vários aspectos aí de segurança né de endereçamento né A gente vai ver mais detalhes

aqui então elemento de comutação eu receber os dados em algum formato determinado pelo emissor e processado encamiá-lo para o receptor da informação na rede local é o suíte que faz isso né ou seja o hardware suíte que faz isso entre o cabeamento geralmente o cabeamento de rede né ou pelo wireless e redes distintas pelo roteador tá vou mostrar mais detalhadamente o que são esses daqui cada elemento que compõem a rede opera e funciona obedecendo regras utilizando diversas camadas no processo de comunicação como exemplo que eu falei eu falei paleta de fósforo as trocas de informação

obedece uma arquitetura em camadas e cada uma tem regras e protocolos bem estabelecidos Por que essas regras e protocolos bem estabelecidos a gente tem o problema de segurança né segurança de informação Imagine Imagine você transmitindo alguma coisa né da desconfidenciais e alguém né receptar ou ir para o endereço errado né então isso tem que ser né Muito assertivo tá então aqui como exemplo Nós temos dois modelos nesse modelo 11 e o modelo TCP ep né que foi dada em aula modelo 11 é pouco usado Ele tem sete camadas aqui na sua arquitetura e o modelo

TCP TCP ep né que é o mais utilizado né com quatro camadas a primeira camada de aplicação ou seja o processo de rede para aplicações representação das mensagens e formatação das mensagens ou seja só aplicação mas seu navegador né através do HTML que nós vamos ver também o segundo ponto aqui é o transporte Ou seja a conexão ponta a ponta entre os processos aplicações que executam ou se diferentes né ou seja tem que estabelecer essa conexão de ponta-a-ponto né então o transporte vai cuidar disso aqui no terceiro aqui um endereçamento lógico dos hosts e o

roteamento Esse foi uma rede local é de computador para computador por exemplo né passando pelo suíte ali normalmente tem que ser essa aplicação de segurança também se não uma pessoa poderia entrar na máquina uma da outra né então existe segurança com senhas etc e se não for né na rede local passa pelo pelos hosts né externos aí ou seja o roteamento né para chegar até até o ponto de destino tá e quarto acesso por meio físico né transmissão binária é codificado decodificada de sinais aqui é uma figura né das várias camadas no começo aqui a

mensagem né Você pode observar que ela vai as camadas elas vão se sobrepondo né então a aplicação que contém mensagem passa para transporte né então tem aqui a codificação do transporte né que contém a mensagem então aqui seria o palito de fósforo que é caixa né com palito de fósforo dentro aqui uma caixa maior que o datagrama né com a caixa de fósforo e com palito que a mensagem né então esse isso que é o [Música] é todo protocolo né o quadro todo é como exemplo é da caixa né e o receptor é a mesma

coisa tá então ele vai receber e Vai Abrindo essas camadas de de quadro da tagrama segmento mensagem né até receber essa mensagem então assim que nós recebemos os pacotes né quando envia de um local a outro né que falando um pouco da internet na internet é um conjunto de redes interconectadas Então eu tenho vários tipos de redesp que é provedor de serviço de internet né ligadas aos servidor de internet né ou seja redes domésticas redes locais redes institucionais aí seja públicas ou privadas né que se comunicam entre si então para uma máquina aqui de uma

de uma rede móvel um celular se conectar a uma rede institucional né isso é possível através da web esse protocolo age aqui com todo o seu caminho né de transporte até chegar aqui né e com toda essa segurança Então temos aqui ó milhões de dispositivos e computação conectados ou seja hospedeiros igual a sistemas finais é executando aplicações de rede em Laços e comunicação ou seja filho fibra cobre rádio satélite com taxas de transmissão né que a nossa velocidade é que tá cada vez melhor né e os roteadores encaminham nesses pacotes e pedaços de dados de

um ponto a outro vocês nota que existe Alguns alguns programas né que nós normalmente abaixamos aí arquivos grandes né com mais de 1 GB e você pode parar né o download desse desse arquivo e continuar no outro dia o porquê separar ele continua certinho no outro dia porque essa transmissão ela vai né com esses pacotes né ou seja esse data grama ele tem exatamente da onde foi parado né aquele aquele arquivo né então você continua daquele daquele ponto que parou então por isso que é possível né fazer uma transmissão assim na semana dois é ainda

falando de protocose de comunicação na internet a gente vai continuar falando aqui de TCP então protocolo de comunicação são padronizações que definem Como se dá comunicação e utilização do meio físico na estrutura de comunicação ou seja na rede então eles considera semântica ou seja as regras né ou seja temporizações controle de erros velocidade segurança e assim tá que você quer o formato da codificação né a sintaxe seria o formato aqui do datagrama então para essa disciplina a gente considera aí o tcpipe que é o mais usado né com suas camadas aqui foi falado aqui na

semana 1 e protocolos no slide posterior já tem o formato da Grama tá então o IP que é o internet protocolou o protocolo representante da camada de rede do modelo TCP a cama de rede tem funções principais como endereçamento determinação de caminhos rota escolhido pelos pacotes de origem destino a conotação ou repasse ou seja mover os pacotes entre as portas da entrada e de saída dos roteadores Então como como funciona essa comunicação a cada pacote que chega né no seu destino o destino informa né a quem vê o que foi recebido a partir desse momento

você o emissor envia o outro pacote né senão se não for recebido lá do outro lado por Qualquer que seja o problema né ele não envia o outro pacote né para né para chegar no seu destino tá então é sempre nos falamos que essa comunicação e ponto a ponto né então se essa comunicação for rompida tudo bem né vai tentar a conexão novamente e vai continuar né fazendo o download do pacote upload do pacote daquele ponto que foi que parou Então como protocolo IP não existe estabelecimento de conexão na camada de rede ou seja na

camada física os roteadores utilizam informações do protocolos para encaminhar não garante que dados chega intactos né e sem erro ao destino né Isso vai ser tá falando aqui vai ser uma atribuição do TCP né e o IP oferece um serviço de menor esforço né os protocolos da camada de transporte como o TCP e o DP vai ser falado logo após aqui aqui é o formato ele tem aqui 32 bits né com todas as informações da identificação é o tempo o tipo de protocolo o cabeçalho chamando qual parte daquele pacote é então se aquele pacote em

Mil Partes aqui falando um pouco do TCP então TCP faz parte do modelo TCP na origem aceita dados da camada de aplicação divididos em unidades menores em caso de necessidade e passar os para a camada de rede e garantir que todas essas unidades cheguem corretamente a outra extremidade então é o TCP que vai garantir isso tá a entidade de transporte do TCP né a camada de transporte é a camada fina que liga origem ao destino é um programa da maquino origem para máquina de destino ou seja as duas pontas tem que ter o mesmo programa

é por isso que o né Nós vamos ver aqui para frente com http é importante né o protocolo aí dos navegadores né confiabilidade na entrega dos dados e no controle de fundo de fluxo Imagina você receber um monte de pedaço do pacote em um monte de aí você vai executar as vezes acontece isso né acho que todo mundo já passou por isso você vai executar né o arquivo que você que você baixou ele dá erro de repente é uma parte do pacote ali não foi entregue corretamente É Difícil acontecer mas acontece é preciso estabelecer a

conexão ponta a ponta enfim a fim entre as duas aplicações separadas por uma rede para iniciar a transferência de dados né com isso nós temos aqui não é abordado em aula nós temos também a como exemplo a VPN acho que você já ouviram falar chama o virtual presente Network né ou seja Você encaminha dados de ponto a ponto mas por uma por um túnel túnel com maior segurança ainda do que o que a camada TCP ep Então essa é chamada VPN então que o formato do TCP então o formato TCP né esse é o datagrama

tá do TCP é semelhante a do IP né então tem 32 bits também tem a porta de origem do destino é o tamanho do cabeçalho tamanho da janela um cheque né falar com aquele pacote chegou chegou normalmente tá então várias informações aí desse nesse data ainda na semana dois né outro tipo aqui de de protocolo que é pouco utilizado porque ele tem uma característica de ser pouco seguro né da transmissão de dados segura no seguinte sentido né ele ele não tem uma criptografia né que garante segurança que ele dado [Música] tanto na tanto pensando em

você pegar esses dados né para Como hacker pegar esses dados mas também não entrega de pacotes então ele é bastante utilizado Mas como ele é veloz né porque ele não fica as duas pontas não ficam conversando e fala assim ah você recebeu o pacote assim então ele a velocidade é maior né entre entre os dois pontos então ele é usado muito para jogos Então quando você tá jogando tá um jogo online o jogo de repente daquela falhadinha na imagem um pedaço do pacote que deixou de ser entregue né mas ele tá garantindo a velocidade né

Mesmo assim a aplicação funciona garantindo a velocidade tá então existe aqui a velocidade alta mas a confiabilidade baixa então geralmente utilizada em Jogos Online evito famoso legging né da imagem fica parada importante que a aplicação volte com rapidez sem se importar com perdas e falhas passamos agora para semana três então semana 13 como surgiu a web www Então ela surgiu dessa ideia né do desse certo na Suíça né que é o eu ganhei nuclear que é acho que vocês ouviram falar um acelerador de partículas né que estuda estuda partículas né que fica ali entre três

ou quatro países no me lembro né Então nesse certo aqui da Suíça né eles criaram né o Web para disponibilizar documentos né que todo esse pessoal eles queriam Preencher esses documentos online e todo mundo enxergasse documento então a web surgiu desse desse pensamento então desejo de tornar mais fácil as pesquisas por documentos feitos pelos cientistas em 1989 pesquisador chamado timbernercia esse projeto para gerenciar melhor essas informações então ele esse bernese ele se baseou no sistema junto com Robert Caio Leal né para rascunhar a www também 1992 ou computador nexcube né criado pela next era uma

empresa de Steve Jobs é ainda né escrever o primeiro servidor né que é o www então 1991 nasce a webcam como nós conhecemos hoje né já com um protocolo no http né e mais o protocolo serviços de e-mail né que entre os serviços né que esse http fornecia deveria possuir o FTP o FTP hiley protocol né que é um protocolo de sala de transferência de arquivos específico para isso né que assim abrangeria né o que eles queriam e na transferência de arquivos então o funcionamento básico da web né todos os dados que consumidos estão armazenados

em servidores né quando nós falamos aí é o gato tá armazenando na nuvem está em algum servidor por aí estão armazenados chamados servidores web o usuário clientes cliente ou browser né não consegue acessar diretamente o arquivo que deseja lei sem pedir né autorização para o servidor né então se você autorizado né quando nós deixamos as coisas lá no Google Docs no google drive e você envia um e-mail para quem vai para quem você quer que acessa que lá esse e-mail é justamente a permissão né para aquela pessoa acessar aquele arquivo tá então ao digitar uma

url Então temos um caminho aí então referente ao servidor de rede é transformado em endereço IP É para um banco de dados todos os nomes que nós digitamos né quando digito lá www.nevesp é na verdade esse o caminho é um é um número né que nós chamamos de endereço IP Então esse esse servidor chamado DNS que é name System ele transforma esse nome em números né então através desse número é possível localizar qual a região né do mundo aí Do mesmo do país ou do Estado né esse essa permissão ou esse arquivo foi feito upload

etc através do IP que é o único para cada máquina então o navegador estabelece então a conexão TCP né como nós vimos é como servidor web o endereço IP retornado né ele vai perder permissão aí para aquela máquina vai ser a permissão com esse estabelece essa conexão e começa a fazer né a transação seja ela qual foi o piloto de download do arquivo de uma música de um filme etc então navegador Envia essa requisição http ao servidor para obter recurso indicado pela parte restante da URL então o recurso é recebido interpretado pelo navegador que realiza

então requisições adicionais para figuras né filmes etc navegador então reconstitui a página da tela do usuário Outro ponto que nós vamos ver também a página nós chamamos a página de html né Ou seja é uma linguagem de marcação porque é uma linguagem de marcação porque ela é montada no seu no seu computador Ou seja no seu Browser mas hoje vamos ver isso aqui daqui a pouco ainda da semana três né falando dos Servidores web então o servidor web é um programa que escuta os pedidos dos navegadores ou aplicações clientes executa esses pedidos então ele tá

no servidor é um servidor de arquivos de música né então ele vai fornecer o tipo de arquivos que ele tem ali o protocolo padrão né como eu falei o http hipertexti protocol que permite a obtenção de recursos o HTML né O que roda nos nossos navegadores web né que é o hipertex marcado linguagem né Por exemplo tá por exemplo né Porque outros tipos de programas podem acessar também o Apache é um exemplo de servidor web é um servidor Linux né que é bastante utilizado né pela sua rapidez né e segurança também das informações possui módulos

que adicionam mais funções além né de desse de montar as páginas web né então ele adiciona funções também tipo de segurança que isso só quer ler o lançamento de carga né para você pode permitir a quantidade de usuários que podem acessar aquela aquela página Ou aquele banco de dados né para para essa aplicação não cair ou seja não exceder o limite aí de acessos né aquela aplicação e a aplicação ela desligar né a reescrita de URL né já localização baseada em b e etc esse servidores fazem muitos serviços tá então o http um protocolo extensivo

da camada de aplicação do TCP e p Ela utiliza o TCP né que é encapsulado sobre o TCP lembrando né que o tcpipe tem o endereço ali né o IP é usado para não apenas buscar documentos de pertenço mas também imagens e vídeos ou publicar conteúdo em servidores como nos resultados de formulários html tá como eu falei aqui o DNS né é uma sigla de sistemas e nomes de domínio tá é um registro que contém nomes de sites e seus respectivos endereços Ipês associados então ele traduz uma coisa com a outra né Nós digitamos o

mal ele traduza esse IP o nome que informamos na Barra endereço do Brás é chamado de domínio é por exemplo univesp.br na semana quatro já passa para linguagem de marcação né como eu disse já Adiantei um pouco mais conhecida HTML né é que uma Ligar linguagem de marcação da linguagem de marcação das páginas web né de novo a marcação porque nós temos aqui as tags né ali HTML e você percebe que você tem que abrir e fechar né as tags HTML fechando lá embaixo HTML né o Red que é o cabeçalho fechando também o Bob

né o corpo do da página então isso quando o meu o meu navegador acessando né esse código ele vai pegar esses conteúdos e montar e montar essa página aqui no meu navegador ou seja isso não vem pronto nosso conteúdo daquela página ali pode estar em servidores diferentes tá então o vídeo poder estar no servidor dedicada vídeo né o áudio em outro geralmente as notícias né as propagandas fica em outros servidor e assim por diante então que exemplos né de das tags né ela tem ali o HTML né que marca O Início o Fim de documento

meu Body meu corpo que é o corpo da página tá então né o título é o título da página o a delimita links em imagens a palavra HF significa formar link né com aquela com aquele endereço Ali você vai colocar o endereço não IP mas o nome do endereço mesmo né IP para parágrafo além de outras né que somente alguns exemplos das Ferramentas para criar página HTML nós temos editores simples aí como Notepad do Windows o geredit né do linike Linux os mais sofisticados mais mais né que ele já traz algumas coisas de Alto preenchimento

dos seus os seus comandos né da do HTML meu Sublime textil visual Studio code né algumas aqui na semana sete as aulas apresentam né essas ferramentas aí editores online como W3 Sul ele fala não sabe o que é TML mas de outros de outras linguagens aí como Java né o PHP né que é outra linguagem de marcação o CSS que a gente vai abordar na próxima aula dá vários exemplos é um bom caminho para aprendizado da linguagem tá a semana 5 Fala especificamente da do HTML5 né que foi uma evolução aí é claro que nós

começamos com a ML né um né que não foi numerada assim mas ele vem evoluindo né Nós estamos no HTML5 Então essa é a quinta versão né Lógico que vai dar até menos cinco né da sigla e do HTML é uma das primeiras e principais linguagens de marcação da web mas utilizado o que há de novo nessa linguagem então modifica a fábrica Como escrevemos o código organizamos a informação da página ou seja ela tem novos tags a gente vai observar um pouquinho mais para frente existe mais semântica e menos código né O que significa isso

as tags Elas têm mais significados e menos menos sintaxe né Então seja você sabe né pelo nome da tag que aquilo é para aquilo mesmo né ou seja o Renner sabe que é cabeçalho a saia de você sabe que é né para você né realizar uma barra lateral né então mais semântica nisso mais interatividade sem instalação de plugins né o próprio né você consegue através de algumas tags aí formatar a página o que o HTML 4 para trás não conseguiria não seja mudar a cor da letra da página através do SS do CSS tá essa

mais interatividade sem instalação de plugins né existe alguns navegadores utilizava as versões antigas HTML para você ouvir algum som ao passar algum vídeo eles precisava puxar um plugin para para executar aquele arquivo ali de vídeo né então HTML diminui o 5 diminui bastante isso os códigos e são operáveis né para futuros dispositivos né ou seja ele ele já tem alguns códigos que vamos dizer assim que pode Auto aprender né conforme vai lançando aplicativos novos aí que exigem de exigir por alguéms novos né então ele ele já não faz a necessidade de uso desse plugin ele

já eles já antecipa isso a vantagem da comparação com a versão anterior então facilita a leitura e a Interpretação do código deixa o código mais limpo e bem escrito né isso aqui devido ao CSS que nós vamos ver agora e melhor o significado ou melhor desempenho e mais padronizado ou seja o código fica realmente mais limpo né E você entende né bem melhor né O que significa o código ali então a estrutura básica do HTML5 nós temos aqui o header né que é normal até agora o nave também né o bode aqui geralmente aqui seria

o body né então é foi substituído ele pelo Ártico tá aqui o site que eu falei é o furto é o rodapé geralmente tem informações de quem fez a página etc então ele é bem mais intuitivo também aproveitando aqui é só para responder uma pergunta então veio uma pergunta uma dúvida não não quis da semana 5 Tá não fala que é o elemento HTML5 responsável por definir uma área para o conteúdo principal da página ou tá é o Ártico tá se aqui tivesse o body né Poderia confundir Mas se vocês pesquisarem as tags novas para

HTML5 né então aparece o Ártico tá eu coloquei aqui ó é o reader é deixei no cabeçalho para documento uma sessão tá o Ártico defina o artigo em um documento é o sexo uma sessão no documento é tanto que o Ártico ele pode estar dentro de uma section Ou ele se parecer total na página do conteúdo da página e o Neide ali nave né deixei links de navegação e aqui eu coloquei o a definição então o articão é um conteúdo independente não precisa do resto do site para contextualizar ou seja o arte que pode ser

colocado em qualquer parte do site que ainda vai fazer sentido sozinho tá então essa foi uma dúvida eu acho eu acho que foi para o texto poderia ser um pouquinho melhor né vai te falar com todo o principal eles falaram conteúdo independente né mas isso acho que a gente pode eu posso discutir né com os outros professores né para ver se realmente houve uma uma confusão aí textual ou não Tá ok vou passar isso para coordenação para verificar isso bom pessoal Chegamos aqui eu a 30 minutos de da revisão Nós faremos intervalos e voltamos daqui

a pouco tá bom estudos autônomos são muito importantes para o aprendizado além de assistir às aulas é necessário também revisar e aprofundar os conhecimentos algumas pessoas têm pouco tempo para os estudos e é por isso que a organização desse tempo é fundamental ter um planejamento para a semana incluindo os sábados e domingos permite a concentração e promove o foco nas tarefas faça isso de acordo com a disponibilidade que você tem para estudar avalie constantemente se o seu planejamento é Realista e adequado a sua rotina por exemplo se você fica com sono depois do almoço Essa

não é uma boa hora para estudar Observe os seus hábitos e defina o melhor momento organização do tempo e disciplina são fundamentais para alcançar bons resultados acadêmicos nos últimos tempos o uso deste conceito começou a ganhar mais espaço nas universidades idealizar o projeto de um carro não depende só de fórmulas matemáticas Mas também de estudos de mercado da economia do país de tendências de consumo entre outros solucionar problemas implica entender o objeto de estudo desde a sua profundidade complexidade e de maneira crítica na universidade quando o professor propor um problema tome seu tempo investigue discuta

com seus colegas ou com seu grupo de trabalho Às vezes a resposta está em outras disciplinas que você já coçou ou está cursando integrar os diversos estudos e saberes é fundamental [Música] na vida profissional muitos problemas são resolvidos de maneira criativa e inovadora [Música] [Música] ou seja um impulso para realização e o ingresso na universidade é um grande passo na sua vida porém as atividades do dia a dia acadêmico como estudos avaliações constantes e desafios que envolvem os cursos de graduação podem fazer com que a motivação mas para isso não existe mágica é difícil estar

100% motivado o tempo todo o importante é lembrar dos sonhos que te trouxeram até aqui estudar as disciplinas mais fáceis e prazerosas e depois as mais difíceis organizar as tarefas do dia ter amigos para conversar pesquisar materiais de estudo e fazer atividades físicas podem aumentar a sua motivação [Música] faça de cada dia um dia melhor [Música] em 2012 a universidade virtual do Estado de São Paulo o universo é uma das quatro universidades públicas do Estado de São Paulo e a primeira Universidade Brasileira destinada exclusivamente a educação a distância oferece cursos em três eixos computação tecnologia

da informação ciências de dados e engenharia de computação negócios e produção processos gerenciais administração e engenharia de produção na Univesp os mais de 60 mil alunos aprendem de forma ativa nos momentos online com professores e tutores e em encontros presenciais nos polos a Univesp está presente em mais de Olá pessoal sejam bem-vindos de volta bom continuando aqui né islada anterior né eu respondi uma dúvida de um quiz da semana 5 tá aí vamos aqui para semana 6 semanas vocês fala do esse SS né que Cascavel Essa foi a grande apesar do CSS bastante antigo né

desde os navegadores antigos aí é você utilizava o CSS mas agora né Qualquer grande diferença em no HTML5 né Ele é nativo né dos navegadores do HTML5 né Ou seja você usa você usa o comando lá Style né E você coloca onde colocar as atribuições Então antes do CSS as configurações referentes de apresentação dos elementos HTML eram feitos pelos atributos do HTML né pelas tags e atualmente né a partir da versão 4 do ktml Já não são mais utilizados atributos apresentação para os elementos do HTML e o ss é passa a ser usado para permitir

configurações mais dinâmicas praticamente ele é utilizado né conjuntamente aí com html no meio das tags do HTML tá as vantagens disso é separar o conteúdo da apresentação né realizar a formatação do texto de maneira mais limpa e permitirá acessibilidade como eu já falei nos dado anterior aí né que mantém o código mais limpo né Então esse conjunto de regras é dividido em duas partes né do CSS né ou seja o nome do elemento html no começo do conjunto de regras ele seleciona elemento a ser estilizado né então você usa ali no header por exemplo não

pode né no Ártico tá a declaração né para realizar a formatação do elemento ali é uma regra simples especificando Quais as propriedades do elemento você quer estilizar ele faz parte da declaração né propriedades né forma pelo qual vocês estiliza um elemento HTML e o valor da propriedade vai ficar mais Claro através dessa imagem aqui né então eu tenho por exemplo lá o H1 né que é o tamanho da letra Então eu posso falar que nesse nesse H1 ou seja todo mundo que contemplo entre o H1 meio fechamento dele né Essa tag né eu posso declarar

que a cor dessa letra por exemplo aqui Blue né então é propriedade do valor bruto né e o tamanho da fonte e o valor dela no caso aqui 10 Pixel tá isso É bem interessante que você pega um editor aí de html né ele ele consegue quando você digita lá né Esse comando ele já é cria uma lista para você o que você quer por exemplo você vai escolher uma corista de todas as cores que podem ser e pode ser colocada tá então tá aqui um exemplo no código [Música] é colocando aqui aquela Style no

HF então eu vou mudar esse doctaik aqui ele fala que é o HTML5 né o tipo do html né E aqui e aqui o estilo tá o estilo que é o CSS [Música] bom gente partimos aqui para semana 7 tá é só um lembrete gente se você quer quer lembrar realmente né O que o que cada comando faz o que cada tag faz né como que eu executo uma página HTML né então você tem que realizar as tarefas né que são descritas aí na semanas tá principalmente na semana 6 e na sete né E toda

esta semanas tem alguma coisinha né mas é sete é mais completa né que nós vamos ver agora mas ela faz atividade por completo tá então é eu vou passar aqui aquela aquela página escuro [Música] para vocês ela fornece bastante exemplos de HTML e CSS tá então que você pode fazer a página mesmo você consegue executar e ver como isso fica né e alterar ela é um pouquinho lenta mas você consegue abrir um não te pede do seu da sua máquina colar aquele código salvar como ponto HTML e executar no seu navegador Né simples assim e

você vai mudando os comandos e ver e ver o que acontece no navegador Então isso é importante para você saber né O que cada tag realiza né O que cada propriedade do CSS faz tá é muito importante né E realizar esse roteiro aqui da semana 7 então a parte um do roteiro que a descrição da atividade os componentes necessários né Windows né Acho que o Windows aí é fácil aí nos desktops da maioria tem isso a parte Web Server né ele vai rodar um servidor a parte no seu Windows tá ali no próprio programa ele

emula tá o Linux tá embora a parte seja o Linux mas ele emula emula é Rodar uma aplicação que é de outra plataforma que é do Linux mas rodar no Windows tá então ele ele programa ele já ele muda para rodar no Windows tá o Sublime aí que é o editor html o próprio HTML e o CSS então na semana 7 ele tem a página aí dos links do download dos componentes tá a parte 2 né que é dividido dividido em três vídeos tá então a parte 2 é a instalação em configuração desses componentes tá

bem detalhado lá como é que você configura como é que você abaixa faz o download configura aí a parte três é desenvolvimento e testes então a aplicação que quer desenvolver um mini currículo HTML 5 e CSS então a estrutura das páginas com isso daí deve possuir em Minas Gerais indicação do título da página 5 sessões com uso do divisão né Colunas da página uma sessão que indica informações no rodapé da página também com né um link dentro do código HTML para arquivo com toda a estilização da página em CSS né o próprio dessa própria ferramenta

aqui Sublime ela vai te ajudar né a fazer esse esse CSS para isso tá e formulário que será preparada para que você possa futuramente cadastrar dados né E ficaram armazenados em um banco de dados e poderão ser visualizados posteriormente ou seja além da aplicação né da do Frontier web né você vai ver também é como é que guarda isso daí não banco de dados um banco de dados pessoal ele pode ser uma comunidades pode ser um arquivo texto né então não te pede pode ser um banco de dados um arquivo Excel então aqui os componentes

necessários né o Windows o Sublime o Chrome o Apache né lembrando lá que eu apacho armazena das páginas que são requisitadas quando utilizarmos o browser para poder obter informações contidas nas páginas e da revisão é isso pessoal tô olhando aqui se tem alguma pergunta eu vou mostrar aqui gente aproveitando que não tem nenhuma pergunta eu vou mostrar aqui aquela ferramenta que eu falei tá ele está descrito lá na semana 5 e 6 tá www.com então ele ele tem aqui né tutorial de várias coisas eu Clique na HTML né então que htm tudo que chama Victor

tá então se você passar aqui ele pega exemplos tá e você pode executar esse aqui mesmo então aqui é o código e aqui como ele fica na página tá aqui foi até bom aqui ó html html Então aqui tem uma introdução da HTML né com vários tipos que HTML elementos e alguns outros tags diferentes tá é que a parte de html dá para você mudar as cores tá eu tive um pouco de dificuldade aqui que ele trava um pouquinho Quando você vai que trai ou seja vejo você mesmo e mudar esses parâmetros aqui então o

que que eu fiz eu copiei e colei no Notepad mais mais no meu computador né E você vai lá acessar o ele como HTML e vai lá executar no Chrome no navegador que você quiser ele executa lá então você vai mudando esse parâmetros aí acrescentando coisas né E realmente assim você você obtém esse aprendizado aí na fixando essas coisas aqui a parte de tabelas tem uma guia que é especificamente de CSS então aqui ó exemplo de background então ele vai mudar para azul o background tá vendo ó vai criando calma no colo é azul claro

então eu tenho a cor na cor dessa letra que é branca e no centro aqui exemplo é branca e no centro A fonte é vedana e o tamanho 20 pixels Então é isso pessoal né creio que com essa revisão né que sirva para vocês como um guia né para estudo né da disciplina Eu vi as questões ela não tem questões especificamente de programação né que não é o objetivo da disciplinar programação mas sim do conhecimento dos né O que são o que são os elementos né o tudo aí a respeito da web né da internet

né dos navegadores né todos esses componentes né então esse esse objetivo da disciplina eu acho que essa essa parte de programação é um adendo importante né já que existe outras disciplinas que aprofundam isso isso mais ainda né mas é foi muito importante essa essa introdução também então é desejar vocês um bom né bom estudo um bom trabalho tá não deixem para última hora é uma disciplina que que necessita de um tempo a mais né para para você conhecer principalmente essa parte do HTML né dessa linguagem de marcação né para você entender um pouco mais Tá

e boa sorte bom trabalho bom estudo e estou à disposição através de facilidade facilitadores aí das perguntas né Podem vir por eles né tô à disposição para responder vocês tá muito obrigado e boa noite [Música] [Música]