ambiente de desenvolvimento web

Ferramentas para o desenvolvimento de aplicativos web

Cada programador, com o tempo, seleciona um leque de ferramentas que facilitam o seu trabalho no dia a dia. Neste post foram selecionadas apenas ferramentas de uso gratuito e livre que têm o Windows 10 como ambiente de desenvolvimento, embora todos os aplicativos mencionados têm versões para linux e macOS.

Esta postagem é resultado de uma reinstalação do Windows 10 por problema no disco, que teve que ser substituído. Não foi perdido nenhum dado, pois sistema operacional e aplicativos estão em um HD separado dos dados, e os dados tem backup frequentes. Se você ainda não usa estas práticas seria interessante adota-las.

Como todos os aplicativos são livres, e supondo que tenha um windows oficial, nenhum aplicativo aqui mencionado precisa ser pirateado. Se não tiver um windows com registro pode migrar para a plataforma linux onde poderá fazer o mesmo.

Navegador

navegador

O windows já vem com um navegador padrão – Microsoft Edge. No entanto é fortemente aconselhado instalar outro navegador. O mais usado é o Google Chrome. Faça o download através da página oficial e instale.

Outro navegador interessante é o Brave, que bloqueia as propagandas e ainda tem o bem conhecido Firefox. É bom ter mais do que um.

Instalar um editor de código

Tem uma variedade de bons editores de código, e não vem ao caso o mérito de cada um deles: Atom, Brackets, Visual Studio Code, Sublime TextCode Anywhere (um editor online para qualquer plataforma), etc. A lista é grande. Por uma questão didática escolhemos 2.

Visual Studio Code

Visual Studio Code

O Visual Studio Code é um aplicativo muito bom, desenvolvido pela Microsoft e disponível também para linux e MacOs. Com ele é possível trabalhar com as principais linguagens de programação.

É muito fácil adicionar plugins e recursos personalizáveis.

Para instalar, basta fazer o download no site oficial e seguir os passos de instalação. Depois é só desfrutar de todos os recursos oferecidos pelo aplicativo.

Sublime Text 3

sublime text 3
web-sublime-text

O Sublime Text 3 é um dos editores mais usados para programação web. É um dos mais leves para rodar, com infinitas customizações, e com suporte para quase todas as linguagens de programação. É possível acrescentar muitos recursos através de milhares de plugins.

Para fazer o download, basta ir a sua página oficial, escolher a opção que se adeque ao seu sistema operacional, fazer o download e instalar. Além do windows, tem a opção de download para MacOs e Linux.

Para instalar basta seguir as opções padrão de instalação e pronto. O editor está pronto para uso, ou quase. Como este editor permite muitas customizações, provavelmente serão feitas algumas.

É possivel mudar o visual com outros temas, icones e fontes. Leia mais… Tem plugins para melhorar a forma como interagimos com arquivos e tem um plugin essencial, o primeiro que deve ser instalado – Package control.

menu ver console

Abra o sublime text, acesse o menu View>Show Console e colar o texto seguir (ou, caso prefira, copie diretamente do site oficial):

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Depois de instalado, este plugin servira para procurar e instalar qualquer outro plugin.

Servidor local

docker-web

Para esta função podemos usar o Docker. Ele simula exatamente o que o servidor de hospedagem oferece, praticamente eliminando qualquer possibilidade de erro quando for feito o upload do sistema.

Faça o download e instale. Para usar será preciso aprender a usar a ferramenta. Fique a vontade para procurar.

xampp

Outra ferramenta muito boa é o Xampp. Ele também é muito usado, sendo bem mais simples de instalar e usar. É usado por muitos profissionais e empresas de programação. Ele instala o servidor web Apache, o banco de dados MariaDB, o PHP, o PhpMyAdmin e uma serie de outros recursos.

Controle de versões – Git

pagina web do git

Instale um controle de versão para manter os sistemas em desenvolvimento. O Git é o mais indicado. Faça o download e instale. Para iniciar a usa-lo poderá ver os comandos essenciais.

Composer

composer

O composer é uma ferramenta para administrar dependências. Se você não sabe o que é isso, provavelmente não precisará deste aplicativo, caso contrário ele será de muita importância para seus projetos.

Outros programas importantes

Cmder

O Cmder é um console com comandos shell para ser executado no windows. Pode ser descompactado no e executado, até mesmo através de um pendrive.

Filezilla

Pode ser necessário um programa para transferência de arquivos via FTP. Filezzila é um dos melhores.

Publicado por

Lisanias Loback

Pastor na Igreja Casa de Oração Para Todos os Povos, trabalhando na área social no NUSELON - Núcleo Social Evangélico de Londrina, uma ONG que cuida de crianças em situação de riscos. Atua na área de ensino teológico e na área de TI. É formado em Teologia pela UNIFIL e é técnico em contabilidade.

Nos encoraje deixando seu comentário aqui.