Desenvolvimento Web > Conteúdo

Ambiente de Desenvolvimento

Prof. Eduardo Ono

Tópicos

• Git/GitHub

• Linux

  • Opcional: asdf (Linux/Mac)

• Editores/IDEs para Desenvolvimento Web

  • Microsoft Visual Studio Code (VS Code)

Opção 1:

• Microsoft Visual Studio Code (VS Code) + Extensões

• Extensões do VS Code

  • Live Server (Ritwick Dey)

    Caso aconteça um erro na execução do Live Sever (Go Live), abrir a tela de configuração da extensão (Extension Settings) e procurar pela opção Use local IP as host. Habilitar esta opção.

Opção 2:

• Editor/IDE de sua preferência + Live Server

• Exemplos de Editores

  • Sublime Text
  • BlueGriffon (Editor WYSIWYG)
    • http://bluegriffon.org

• Node.js e (pacote) live-server

  O Node.js é um ambiente de execução para JavaScript, sendo necessário para a instalação e execução de outros softwares.
  

  O live-server é um pequeno servidor local para desenvolvimento web (HTML/CSS/JS) com capacidade para “live reload” (“hot reload”).

  • Instalação do Node.js (Windows)

    • [Bóson Treinamentos] Como baixar e instalar o Node.js no Windows 10 (YouTube, 10:22)

  • Instalação do Node.js (Ubuntu)

    sudo apt install nodejs
    

  • Instalação do live-server (Windows e Ubuntu)

    Obs.: Requer o Node.js já instalado.

    • No terminal, digitar

      npm install -g live-server
      

  • Executando o live-server

    • Para executar o live-server, mudar para o diretório do projeto e digitar no terminal:

    live-server

Sistemas Operacionais

Linux (Ubuntu)

• [Fabio Akita] O Guia DEFINITIVO de UBUNTU para Devs Iniciantes (YouTube, 1:20:18)

Microsoft Windows

Vídeos Recomendados

Thumb	Descrição
	[Filipe Deschamps] 680 Recursos Grátis para Programadores Frontend, Backend, DevOps e Designers (10:00, YouTube, Fev/2020)

• [LINUXtips] Giovanni Bassi - Usando um ambiente Linux completo no Windows com WSL e VSCode (Abr/2020) (YouTube, 2:10:00)

Bibliografia

• BOOTH, Joseph D. GitHub Succinctly, 80p, 2016.