Instalando todas as ferramentas - @Curso em Vídeo HTML5 e CSS3

o Olá seja bem-vindo seja bem vindo a mais um vídeo e agora que chegou o momento em que você já sabe como funciona a internet como funciona o navegador como navegador se comporta que hora da gente instalar os programas você poder fazer todos os exercícios práticos a gente tem lá no repositório Então vamos comigo é [Aplausos] [Música] é basicamente o que eu vou estar lá é um navegador e um editor de código mais para frente a gente vai instalar outras ferramentas outros plugins mas no momento basta um navegador simples e o editor de código simples eu vou exemplificar aqui e vou te indicar que você usa na sua casa porque todo o material eu fiz baseado neles é o Google Chrome como navegador e provavelmente aqui na sua casa eu não vou te ensinar né se você não sabe fazer e nós vamos usar também o visual Studio code que é um editor gratuito da Microsoft que é muito bom e não pense que você da Microsoft é pago ou é ruim não ele é bom ele é grátis e livre indireto do computador eu vou te mostrar como fazer todas as instalações que a gente precisa interrompemos a sua aula para mais um recadinho aqui da Record e a quem tá trazendo aqui para o nosso curso em vídeo uma série de cursos que vão te preparar para o mercado de trabalho e hoje eu vim falar aqui de um consumo muito especial que é um curso de criação de aplicações para dispositivos móveis utilizando o appinventor watching e quem não sabe foi uma aplicação criada pelo próprio Google e que hoje é mantido pelo Instituto de Tecnologia de Massachusetts o em mente e nesse curso que a recortar oferecendo o completamente gratuitamente para todos os nossos alunos do curso em vídeo você vai aprender os primeiros passos da programação de uma maneira bem prática e objetiva utilizando o evento você vai ser capaz de criar o seu primeiro aplicativo para celular então não perca tempo aponte a câmera do seu celular o aplicativo de câmera para esse código QR que tá aparecendo aqui embaixo e você vai ser desviado para nossa página especial onde a Record Vai disponibilizar todas as instruções para você poder fazer esse e muitos outros cursos que estão disponíveis na plataforma Obrigado pelo Patrocínio he could e a gente volta pra nossa aula então a já estou aqui no Windows E você vai fazer o seguinte você vai abrir qualquer navegador ele vem com o navegador o Internet Explore no meu caso é que eu tô com a versão do Windows 10 que já vem com o novo AD mas aí é com você essa máquina tá completamente e eu não instalei nada nela a gente vai montar ela exatamente como se fosse a sua máquina na sua casa então você vai fazer o seguinte você vai entrar no Google e vai buscar Google você vai buscar por Google Chrome nesse site aqui navegador da WEB Google Chrome baixa só do site oficial tá aqui eu dou no site do Google então eu vou baixar não baixa desses outros sites tipo abaixo aqui esses outros não não não vale a pena então vamos clicar aqui em fazer download do Chrome se você quiser você pode marcar aqui Ajude a Melhorar se não você pode tentar desmarcar aceitar em instalar ele vai baixar um arquivo aqui ó tá vendo ele baixou um arquivo Na verdade ele não baixou o Google Chrome todo ele baixou o arquivo que vai baixar o Chrome Como que você abre você ou você quer quem abrir arquivo mas talvez isso aqui não apareça no seu navegador da sua casa você pode vir aqui ó no navegador de arquivos no Explorer vai vir aqui na área de downloads e provavelmente ele tá aqui ó aqui Chrome setup ou clicar duas vezes ele vai abrir E aí tá perguntar ao deseja permitir que este aplicativo faça alterações Sem problema nenhum não é muito seguro você fazer isso para todos os aplicativos mas nós estamos usando dois aplicativos de grandes empresas Google e Microsoft então não tem grande problema não você pode clicar aqui em cima para confiar ele vai preparar tudo aqui na nossa máquina aí ele vai fazer o download do Google Chrome tá ele vai lá tá vendo aqui para fazer o download Pode ser que demore um pouquinho mais um pouquinho menos na sua casa e ele vai fazer efetivamente a instalação do navegador aqui na nossa máquina já foi ele instalou já abriu e já se você quiser você pode fazer login eu não vou fazer vou até fechar ele outra coisa eu não gosto muito de ter um atalho aqui na área de trabalho então eu jogo ele na lixeira você pode jogar também essa é uma Poxa mas ele é que eu vou achar ele você pode vir aqui e procurar pelo Google Chrome ou simplesmente quando cliquei iniciar digitar Google aí ele já vai achar Google Chrome outra dica que eu vou te dar com o Google Chrome aberto se você quiser que ele fica aqui para sempre é só você clicar com o botão direito e fixar na barra de tarefas clicou ele vai ficar aqui ó vou até botar ele aqui um pouquinho mais para frente se eu fechar ele continua aqui fica mais fácil de você abrir da próxima vez ótima dica né Agora nós vamos abrir o Google Chrome e nesse Google Chrome Vou definir aqui como o meu navegador padrão é aquele abrir essa janela onde eu vou escolher o navegador padrão tá aqui como vai pro sophied vou mudar para Google Chrome certo e pensam beleza a outra coisa que eu vou fazer aqui vamos baixar o visual Studio code visual Studio code pode baixar ele do site da Microsoft que é in Cold. Visualstudio. com para testes e site direto tá vendo aqui ó code.

do altitude. com aqui eu tenho download para Windows aqui é o seguinte você tem opção da versão estável e da versão insyderz a versão stable ela é a versão estável Como o próprio nome sugere é uma versão que ainda menos problema a insyderz ela tem recursos novos ela Tenta ser mais rápida mais fatalmente ela vai dar alguns problemas então recomendo que você pega aqui ó para o Windows a versão stable que é aquele sugere ou você clica aqui em cima você clica nessa certinho aqui do Windows 64 stable cliquei ele vai começar o download Até agora ele começou o download aqui esse arquivo está indo para o mesmo lugar daquele outro tá aqui ó o gold E usei clique duas vezes nele Aguarda um pouquinho ele inicialmente não tem a versão em português você vai ter que clicar aqui em inglês mesmo tá ok a gente vai transformar em português já já aceita a licença aqui clique em next não muda nada aqui clique em next não mudar nada aqui clique em next aqui nós vamos fazer duas alterações Ó você vai marcar esse e esse se você quiser um ícone Zinho aqui no desktop você marca esse primeiro aqui eu não gosto eu acabei de apagar o do Google Chrome eu gosto deixar meu zircônias aqui embaixo eu gosto dela de trabalho limpa mas isso é uma coisa particular de cada um mas esses dois aqui vão te ajudar muito tá depois a gente vai ver como ele vai te ajudar deixa essa marcada essa última e o resto tá tranquilo clique em next e no final você vai clicar em install ele vai instalar vai demorar alguns segundos é bem rapidinho nem vou cortar esse vídeo ele tá simplesmente a e diz compactando o arquivo que a gente baixou e jogando para minha máquina e tal a você pode deixar sua opção marcada pelo já abriu o visual Studio code ó foi que enfim né ele vai abrir o visual Studio code já abriu e eu posso fazer aqueles caminho botão direito aqui embaixo fixar na barra de tarefas E aí eu já posso organizar Aqui ó dois problemas quem causar muito Google Chrome visual Studio code E também o gerenciador de arquivos esses três primeiros a gente vai usar demais aqui você pode fechar essa janelinha eu vou te dar uma dica você pode clicar aqui ó em Java Script pode ligar ele vai instalar o programa e quando ele está lá um probleminha né para suporte melhor javscript ele vai reiniciar isso que ele tá avisando você pode clicar em ok ele Já reiniciou é bem rápido mesmo se você quiser você pode botar Python também mas eu vou botar só já vez que ele que te pega que são as linguagens que a gente veio aqui né que a gente vai estudar aqui java script HTML CSS não preciso fazer nada o Chaves que me espera apertar perfeito primeira coisa que eu vou fazer vamos transformar isso aqui em português já tem lá no manual né do material quatro lá do nosso repositório tem explicação disso tudo mas vamos seguir o passo a passo aqui ó primeira coisa que vai fazer clicar nessa área aqui ó distensões cliquei e você vai digitar aqui em cima em sorte você vai botar português não bota acento não só bota portuguesas é inscrito porque ele vai procurar a palavra porte o jeans então escolhe a primeira que é da Microsoft tá vendo aqui ó meu publisher name né a galera que fez foi da Microsoft clique em sol Pode confiar não tem problema ele vai dizer que vai ter que reiniciar óbvio não reiniciar seu computador e vão iniciar só aplicação ele já vai estar em português nem tudo está em português tá vendo aqui ó will have no effect on a folder tá em inglês mas a maioria aqui ó tá arquivo editar seleção então não tem problema já colocamos ele em português com certeza Existem várias maneiras de você apoiar o canal do curso em vídeo mais uma das o importantes é entrando no site do curso em vídeo que esse aqui tá aparecendo aqui do lado e clicando na parte de cima do link seja um apoiador você ajuda muito projeto a se manter gratuito e como recompensa a gente oferece alguns vídeos exclusivos alguns vídeos de backstage alguns cursos exclusivos como um curso básico de programação usando portugol Studio algumas aulas adiantadas do curso de html que você tá vendo aqui e de quebra muito em breve também vamos oferecer certificados para quem é apoiador então não perca tempo se você pode ajudar a gente acesso a curso indio.