# data[].attributes.body
Programando...

# data[].attributes.body
Entenda o que é uma IDE, suas funções e alguns exemplos!

# data[].attributes.body
IDE - Integrated Development Environment (Ambiente de Desenvolvimento Integrado)

Software que auxilia no desenvolvimento de aplicações, muito utilizado por desenvolvedores. É uma forma de criar aplicações de maneira mais rápida, uma vez que estas IDEs auxiliam em todo o processo de desenvolvimento de uma aplicação.

# data[].attributes.body
Gostei muito desse vídeo, é explicado passo a passo e com detalhes a introdução a Netbeans...

# data[].attributes.attachment_link.title
Apresentado o NetBeans - Parte 2 - Criando o Primeiro Projeto

# data[].attributes.body
O Replit como é chamado agora (e não mais Repl.it) é uma ferramenta colaborativa que basta gerar um link para convidar pessoas para um projeto e permite que possam digitar o código em tempo real. Possui suporte para várias linguagens e o controle de versão é feito como um repositório no Github. E por ser online é possível acessar as aplicações de qualquer lugar com bastante facilidade. Deixei o link de um vídeo que explica o básico para conhecer essa IDE.

# data[].attributes.attachment_link.title
Como usar o Repl it - Tudo que você precisa saber [FÁCIL]

# data[].attributes.body
Gostaria de citar o VS Code, que para mim tem uma interface bem amigável e uma ampla variedade de extensões que facilitam o processo de programação, como a sugestão de trechos de códigos baseado em programas do GitHub com funções de mesmo nome, atalhos para geração de estruturas em HTML, ambientes com múltiplas linguagens de programação, bem útil para desenvolvimento Fullstack, entre outros.

# data[].attributes.attachment_link.readable_text
Resumo do artigo

Caso queira deixar a leitura da explicação completa para depois, a seguir estão as informações mais importantes sobre algumas das extensões do VS Code mais usadas pela comunidade:

1. EsLint: encontra e corrige automaticamente os erros de sintaxe.

2. Live Server: modifica em tempo real as alterações na página.

3. Visual Studio IntelliCode: fornece recomendações de autocomplete.

4. GitLens: exibe de forma otimizada todas as alterações que foram feitas no projeto.

5. VS Code Icons: biblioteca completa de ícones das linguagens para os arquivos.

6. Beautify: torna o código mais organizado com a indentação.

7. IntelliSense for CSS class name in HTML: faz o preenchimento de nome da classe CSS de maneira rápida.

8. BookMarks: cria lista de trechos de códigos favoritos para facilitar a navegação.

9. Auto import: importa automaticamente arquivos externos que estão sendo utilizados no projeto.

O Visual Studio Code ou como é comumente chamado, VS Code (pronuncia-se vê ésse côde), é um dos editores de código fonte mais utilizados atualmente pelas pessoas desenvolvedoras. Essa popularidade se dá por ser uma ferramenta leve, simples, com suporte a várias linguagens de programação e que possui uma lista de extensões que a torna altamente customizável.

Esse artigo vai trazer informações sobre as 9 extensões mais queridas pela comunidade e como elas podem otimizar a sua prática de desenvolvimento! Além disso, se você ainda não tem o VS Code instalado, clique aqui para fazer o download.

O que são extensões?

Extensões ou plugins são ferramentas desenvolvidas para se "encaixar" ao programa principal e adicionar recursos a ele. Costumam ser leves, não comprometem o funcionamento do software e são de fácil instalação.

Cada dev tem a sua maneira de programar e é por isso que as extensões podem ser ótimas aliadas! Com elas, conseguimos adaptar o VSCode às nossas necessidades, criando na rotina de trabalho e estudo um ambiente mais funcional.

A instalação das extensões no VS Code podem ser feita de duas formas, veja o passo a passo a seguir!
Pelo próprio VS Code:

1. No menu lateral, clique na opção Extensions;

2. No campo de pesquisa, digite o nome ou ID da extensão que você quer baixar;

3. Clique na extensão e em seguida em install.

Pelo site do Marketplace do VS Code

1. Acesse a loja de extensões do VSCode;

2. Na caixa de pesquisa digite o nome ou ID da extensão que será baixada;

3. Selecione na lista a extensão desejada e, na página que será aberta, clique em Install;

4. Se for exibida uma caixa de diálogo citando que você precisa ter o VS Code Instalado, clique em Continue;

5. Na caixa de diálogo que aparecerá em seguida, clique em Abrir Visual Studio Code.

O VS Code será aberto já na página da extensão. Então, clique em Install.

1. ESLint

Sabe quando quebramos a cabeça tentando entender por que o código não está funcionando e, quando nos damos conta, era simplesmente um parênteses que estava faltando? Pois bem! O ESLint é a extensão perfeita para você evitar que essas situações ocorram e otimizar melhor o seu tempo.

Esse plugin encontra erros de sintaxe rapidamente em seu código JavaScript e soluciona automaticamente esses problemas. Além disso, ele é totalmente personalizável, é possível escrever suas próprias regras para funcionarem juntas com as regras integradas do ESLint.

2. Live Server

Conforme construímos uma página web, torna-se necessário visualizarmos as alterações ao vivo das modificações que fazemos no HTML, CSS e JavaScript e é exatamente isso que o Live Server nos proporciona.

Essa extensão é uma das mais utilizadas no universo front-end.

Por meio de um servidor de desenvolvimento local com recurso de recarga (hot reload) para páginas estáticas e dinâmicas, toda alteração que é salva no projeto, é atualizada automaticamente, nos poupando de ter que recarregar a página manualmente a cada modificação em nosso projeto. Após a instalação, para utilizá-lo basta clicar em Go Live, que a página do projeto irá abrir no navegador padrão.

3. Visual Studio IntelliCode

Já pensou se existisse uma inteligência artificial que te ajudasse no momento do desenvolvimento otimizando o seu tempo e completando o seu código com base no que você mais usa?

Essa extensão existe e é o Visual Studio IntelliCode ! Está disponível para diversas linguagens de programação, ela faz com que conforme digitamos, recomendações de autocomplete são criadas, colocando como prioridade no topo da lista aquilo que você tem mais probabilidade de usar.

4. GitLens

Imagina perder um histórico importante no meio de um projeto, sem saber o que foi adicionado, alterado ou excluído... Pois é! Realmente pode acontecer e é nessas horas que o GitLens vem para nos ajudar.

Essa extensão é um combo recheado de recursos que te ajudam a compreender melhor o código. É possível visualizarmos todas alterações que foram feitas, quando e por quem, contribuindo para o trabalho em equipe. Além disso, traz diversas f informações sobre o histórico do Git, ou seja, histórico de arquivos, comparações com versões anteriores e muito mais.

5. Vscode icons

Quando codamos um projeto e ele vai crescendo, nos deparamos com uma quantidade imensa de arquivos, muitas vezes ficando até difícil visualizarmos quais são os tipos dos arquivos que estamos trabalhando?!

Para resolver esse problema, que tal utilizar uma biblioteca de ícones em seu VS Code? Essa extensão traz ícones referentes a cada tecnologia que você está utilizando e aplica nas pastas e arquivos, tornando nosso projeto mais organizado!

6. Beautify

Códigos muito complexos ou grandes podem tornar difícil a compreensão das hierarquias no código. Para solucionar isso, a indentação pode ser nossa aliada e afinal, quem aí não adora um código bem indentado?

É isso que essa extensão nos traz e ainda melhor, de forma automatizada! Basta selecionar o trecho de código que deseja indentar, teclar Ctrl + B e pronto! Ela torna o nosso código mais bonito e organizado.

7. IntelliSense for CSS class names in HTML

Você já se perguntou, porque uma determinada estilização não foi aplicada, então fica buscando possíveis erros no código e no final acabou se deparando com a famosa sintaxe incorreta na nomeação da classe?

Pois bem, essa extensão vem para resolver esse problema de erro na escrita, é umas das queridinhas do desenvolvimento front-end, pois fornece o preenchimento de nome de classe CSS para o atributo class com base nas definições encontradas em seu espaço de trabalho ou em arquivos externos referenciados por meio do elemento link.

8. BookMarks

Você já se perguntou "onde é que foi que eu coloquei isso?" e teve que dar início à caçada do tal trecho de código? Procurando e procurando e gastando um bom tempo com isso?

Diga adeus à necessidade de pesquisar o código! Com o BookMarks ou Favoritos, é possível navegar, movendo-se entre posições importantes do seu projeto com facilidade e rapidez. Ele possui um conjunto de comandos de seleção, que permitem selecionar linhas marcadas para adicioná-las a uma lista de favoritos e começar a navegar entre esses pontos sempre que precisar.

9. Auto import

Já pensou se existisse uma solução para nunca mais esquecermos de importar os arquivos externos no arquivo que estamos trabalhando? E além do mais, que evitasse que tivéssemos que gravar o caminho desses arquivos toda vez que precisássemos importá-los manualmente?

A boa notícia é que essa solução existe e é a extensão Auto import! Para utilizar, basta citar o nome do arquivo que precisa ser importado no ponto que ele será utilizado no código e nesse momento ele será localizado, autocompletado e ao clicar enter, automaticamente será importado no início do arquivo.

Agora é com você!

Você utiliza alguma dessas extensões? Tem a sua favorita? Existe alguma outra que você não abre mão e que não foi citada no artigo? Queremos saber tudo!

Você pode responder aqui nesse tópico do fórum, onde também vai conseguir saber mais sobre a opinião de outras pessoas sobre extensões do VS Code.

Bons estudos e até o próximo artigo!

# data[].attributes.attachment_link.title
Extensões VS Code: descubra quais são as mais usadas | Alura

# data[].attributes.attachment_link.description
Caso queira deixar a leitura da explicação completa para depois, a seguir estão as informações mais importantes sobre algumas das extensões do VS Code mais usadas pela comunidade: EsLint: encontra e corrige automaticamente os erros de sintaxe. Live Server: modifica em tempo real as alterações na página.

# data[].attributes.body
A BlueJ é uma outra IDE simples, boa para ensinar Java para iniciantes. É leve e rápida de instalar, mas possui poucas ferramentas e para projetos mais robustos uma IDE mais completa será necessária.

# data[].attributes.attachment_link.description
"One of my favourite IDEs out there is BlueJ" - James Gosling, creator of Java.

# data[].attributes.body
Este é um site que permite comparar algumas características de várias IDEs, além de ter mais informações e reviews sobre elas por outros usuários.

# data[].attributes.body
Estou aprendendo a usar o próprio ambiente Vim/Neovim para programar em Java.

Este é o SpaceVim: um ambiente Vim já montado e pronto.

# data[].attributes.attachment_link.readable_text
This tutorial introduces you to SpaceVim as a Java environment, by using the lang#java layer, you make SpaceVim into a great lightweight Java IDE.

Each of the following sections will be covered:

This tutorial is not intended to teach you Java itself.

If you have any problems, feel free to join the SpaceVim gitter chatting room for general discussion.

Enable language layer

lang#java layer is not loaded by default in SpaceVim, to use SpaceVim for java, you need to enable this layer in SpaceVim configuration file. Press SPC f v d to open SpaceVim configuration file, and add following section:

Language server

To enable language server protocol support, you may need to enable lsp layer.

You need to replace D:\dev\jdt-language-server-latest\plugins\org.eclipse.equinox.launcher_1.5.200.v20180922-1751.jar with the actual name of the org.eclipse.equinox.launcher jar

The configuration flag can point to either:

config_win, for Windows

config_mac, for MacOS

config_linux, for Linux

The data flag value should be the absolute path to the working directory of the server. This should be different from the path of the user's project files (which is sent during the initialize handshake).

Code completion

javacomplete2 which has been included in lang#java layer provides omnifunc for java file and deoplete source. with this plugin and autocomplete layer, the completion popup menu will be opened automatically.

Code outline

The default outline plugin is tagbar, and the key binding is F2. This key binding will open an outline sidebar on the left.

To fuzzy find outline in current buffer, you need to enable a fuzzy find layer, for example denite layer, then press Leader f o:

Rename symbol

To rename java symbol, you need to enable lsp layer for java. The default key binding for rename symbol under the cursor is SPC l e.

Javadoc hovers

The default key binding to get doc of cursor symbol is SPC l d or K:

Syntax lint

checkers layer provides asynchronous linting feature, this layer use neomake by default. neomake support maven, gradle and eclipse project. it will generate classpath automatically for these project.

within above picture, we can see the checkers layer provides following feature:

list errors and warnings in quickfix windows

sign error and warning position on the left side

show numbers of errors and warnings on statusline

show cursor error and warning information below current line

Import packages

There are two kind features for importing packages, import packages automatically and manually. SpaceVim will import the packages after selecting the class name on popmenu. Also, you can use key binding SPC l i to import the class at the cursor point. If there are more than one class, a menu will be shown below current windows.

Jump to test file

SpaceVim uses vim-project to manager the files in a project, you can add a .projections.json to the root of your project with following content:

with this configuration, you can jump between the source code and test file via command :A

Code running

Base on JavaUnite, you can use SPC l r c to run current function or use SPC l r m to run the main function of current Class.

Code formatting

Code formatting is provided by format layer, which is loaded by default. The default format engine is neoformat, it will run google's java formatter asynchronously. The key binding for formatting current file is SPC b f. To use this feature, you need to download the google's java formatter jar, and set the path of this jar file in layer option.

REPL

you need to install jdk9 which provide a build-in tools jshell, and SpaceVim use the jshell as default inferior REPL process:

# data[].attributes.attachment_link.description
This tutorial introduces you to SpaceVim as a Java environment, by using the lang#java layer, you make SpaceVim into a great lightweight Java IDE. Each of the following sections will be covered: This tutorial is not intended to teach you Java itself.

# data[].attributes.body
Essa é a minha experiência usando Terminal com o Vim/Neovim para programar Java.

Deu um trabalhão configurando o ambiente para usar isso.

A curva de aprendizado para começar a usar o Vim fluentemente é um pouco difícil mas, depois, é muito divertido.

# data[].attributes.body
Achei super interessante esse vídeo de como fazer a primeira aplicação no Netbeans, o conteúdo e a explicação estão bem didáticas.

# data[].attributes.body
Java nos permite explorar um potencial  enorme de criação, tecnologia e soluções otimizada para a sociedade, como disseram dois grandes gênios, um deles Walt Disney " se você pode sonhar, então você pode fazer..." e o outro Leonardo Davinci "  o conhecimento é o maior júbilo do homem..." toda essa tecnologia fantástica que temos hoje também foi pensada por esses gênios, Disney em suas ilustrações numa época que o papel ainda nem era tão desenvolvido, DaVinci e suas artes, pinturas, técnicas, só iamgino o quanto eles gostariam de ver o mundo com essa tecnologia toda de hoje em dia. Na realidade desde a organização do raciocínio, o domínio de números, escritas e linguagens, ao surgimento da imprensa, mais tarde da tecnologia moderna, a curiosidade sempre moveu a humanidade, como disse Bejamim Franklin " nunca devemos abri mão da curiosidade de aprender..."  a tecnologia é um eterno aprendizado, estamos na era da alfabetização digital. Eu me lembro de quando no infantil I eu aprendi as primeiras letras, interessante sentir a mesma sensação quase 25 anos depois ao aprender novos códigos, novas linguagens.

# data[].attributes.body
Eu consegui entender de modo claro o conteúdo, gostei.

# data[].attributes.body
https://www.eclipse.org/downloads/

# data[].attributes.attachment_link.title
Eclipse Downloads | The Eclipse Foundation

# data[].attributes.attachment_link.description
The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.