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

Introdução ao Curso

Visão Geral da Seção: Nesta seção introdutória, o instrutor dá as boas-vindas aos alunos e explica sobre os recursos necessários para acompanhar o curso.

Configurações Iniciais

• O instrutor recomenda o uso do Google Chrome como navegador e do Visual Studio Code como editor de código.

• Ele menciona que todo o material do curso foi baseado nesses programas.

• O Google Chrome é gratuito e altamente recomendado.

• O Visual Studio Code também é gratuito e oferece uma ótima experiência de edição de código.

Instalação do Google Chrome

• Os alunos devem acessar o site oficial do Google Chrome para fazer o download.

• É importante evitar baixar de outros sites não confiáveis.

• Após baixar o arquivo, basta executá-lo para iniciar a instalação.

• O instrutor mostra como localizar o arquivo na pasta de downloads e abrir para iniciar a instalação.

• Durante a instalação, pode ser necessário permitir alterações no sistema operacional.

Configurações Adicionais

• O instrutor sugere remover atalhos desnecessários da área de trabalho após a instalação do Google Chrome.

• Ele também ensina como fixar o Google Chrome na barra de tarefas para facilitar o acesso posteriormente.

Instalação do Visual Studio Code

• Os alunos devem acessar o site oficial do Visual Studio Code para fazer o download.

• Após baixar o arquivo, basta executá-lo para iniciar a instalação.

Conclusão

Visão Geral da Seção: Nesta seção final, são dadas algumas dicas finais e o instrutor encerra a aula.

Dicas Finais

• O instrutor recomenda definir o Google Chrome como navegador padrão.

• Ele também sugere baixar o Visual Studio Code do site oficial da Microsoft.

• O instrutor mostra como encontrar o Visual Studio Code no menu Iniciar ou através da pesquisa.

• Ele ensina como fixar o Visual Studio Code na barra de tarefas para facilitar o acesso posteriormente.

Encerramento

• O instrutor agradece aos alunos pelo patrocínio e encerra a aula.

Baixando o Visual Studio Code para Windows

Visão geral da seção: Nesta seção, o palestrante explica como baixar e instalar o Visual Studio Code no Windows.

Baixando a versão estável do Visual Studio Code

• Acesse o site oficial do Visual Studio Code.

• Clique na opção "Windows" e selecione a versão estável de 64 bits.

• Inicie o download do arquivo.

Instalando o Visual Studio Code

• Após concluir o download, execute o arquivo baixado.

• Aguarde enquanto a instalação é iniciada. Por padrão, a instalação será em inglês.

• Aceite os termos de licença e clique em "Next" nas próximas etapas sem fazer alterações.

• Se desejar ter um ícone na área de trabalho, marque a opção correspondente.

• Clique em "Next" novamente até chegar à última etapa.

• Clique em "Install" para iniciar a instalação.

• Aguarde alguns segundos enquanto o programa é instalado.

Abrindo e configurando o Visual Studio Code

• Após a conclusão da instalação, abra o Visual Studio Code.

• Para facilitar o acesso futuro, você pode fixar o programa na barra de tarefas clicando com botão direito no ícone na barra de tarefas e selecionando "Fixar na barra de tarefas".

• Feche a janela inicial que aparece ao abrir pela primeira vez.

Configurando idioma do Visual Studio Code para Português

Visão geral da seção: Nesta seção, o palestrante explica como configurar o idioma do Visual Studio Code para Português.

Alterando o idioma para Português

• Clique na área de extensões no canto esquerdo da tela.

• Digite "português" na barra de pesquisa e selecione a primeira opção que é da Microsoft.

• Clique em "Install" para instalar a extensão do idioma Português.

• Após a instalação, reinicie o Visual Studio Code.

• Agora, o programa estará em Português.

Suporte ao Curso em Vídeo

Visão geral da seção: Nesta seção, o palestrante fala sobre como apoiar o canal do Curso em Vídeo e os benefícios oferecidos aos apoiadores.

Apoio ao Curso em Vídeo

• Acesse o site do Curso em Vídeo e clique no link "Seja um apoiador".

• Ao se tornar um apoiador, você ajuda a manter o projeto gratuito e tem acesso a vídeos exclusivos, cursos adicionais e certificados (em breve).

Configurações úteis no Visual Studio Code

Visão geral da seção: Nesta seção, são apresentadas algumas configurações úteis no Visual Studio Code.

Configurações de visualização

• Clique em "Arquivo" no menu superior.

• Selecione "Preferências" e depois "Configurações".

• Na janela de configurações, procure por "Word Wrap" e ative essa opção. Isso permite que as linhas de código sejam quebradas automaticamente quando forem muito longas.

• Aumente o tamanho da fonte para melhorar a legibilidade, se necessário.

• Escolha um tema de cor preferido, como "Light" ou "Dark".

Configurações adicionais no Visual Studio Code

Visão geral da seção: Nesta seção, são apresentadas mais algumas configurações adicionais no Visual Studio Code.

Configurações de visualização e edição

• Procure por "Word Wrap" nas configurações e ative essa opção para que as linhas longas de código sejam quebradas automaticamente.

• Ajuste o tamanho da fonte conforme sua preferência.

• Escolha um tema de cor, como "Light" ou "Dark", dependendo das suas preferências visuais.

Salvamento automático no Visual Studio Code

Visão geral da seção: Nesta seção, o instrutor fala sobre a opção de salvamento automático no Visual Studio Code e sua utilidade.

Configurando o salvamento automático

• Ao habilitar a opção de salvamento automático no Visual Studio Code, cada vez que você digitar uma letra, o arquivo será salvo automaticamente.

Importância da configuração

• A configuração de salvamento automático é muito importante e será utilizada durante todo o curso.

• É recomendado assistir ao vídeo mais de uma vez para entender e configurar corretamente essa opção.

Prática recomendada

• Além de assistir aos vídeos, é essencial acompanhar as configurações no seu próprio computador e praticar.

• Recomenda-se fazer anotações em um caderno e realizar desenhos para melhor compreensão do conteúdo.

Dicas finais e próximos passos

Visão geral da seção: O instrutor dá algumas dicas finais antes de encerrar o vídeo.

Continuação dos estudos

• É importante continuar os estudos realizando as configurações no seu computador conforme apresentado nos vídeos anteriores.

• Será abordado o uso do Visual Studio Code e do Google Chrome nos próximos vídeos.

Encerramento

• O instrutor se despede dos espectadores e menciona que nos próximos vídeos serão explorados o uso do Visual Studio Code e do Google Chrome.