Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
# VSCode , o melhor amigo do Dev

<center>
<img src="../Images/vscode.jpg" width="200" height="200">
<legend>
O queridinho dos desenvolvedores
</legend>
</center>
<br />

VSCode é tipo a Colgate dos editores, nove em cada dez editores recomendam.
Mas porque isso ? É mais leve? É o único gratuito ? É customizável ?

**Sim para todas as perguntas !**

O Visual Studio Code é um editor desenvolvido e distribuído gratuitamente pela Microsoft, completamente customizável, com temas e extensões que facilitam **DEMAIS** a vida do dev, seja você *Junior* ou *Senior*.

As extensões vão desde simples *Snipets* ou auto-completadores, até interpretadores de linguagens ou imagens.

<center>
<img src="../Images/extensoes_vscode.png">
<legend>
Uma amostra das infinitas extensões que o VSCode possui
</legend>
</center>

***Então além de gratuito é completamente customizável ?***

Sim, você pode alterar a temática do seu editor, deixando a cor em tonalidades de azul, preto, ou a cor que desejar, apenas procurando por temas na loja de extensões.
Mas não só de corzinhas para o editor está populado o vscode, mas organizadores de códigos como os *Brackets Colorizers*, que permitem que você saiba exatamente onde os parenteses estão sendo abertos e fechados, pois cara par possui uma cor diferente.
Ou até mesmo o *Prettier* que identa seu código sempre que você salva o arquivo, e te economiza MUITO tempo.

Olhando dessa forma, deve parecer difícil de usá-lo, pois quanto mais customizável, mais difícil tende a ser algo, certo ?
ERRADÍSSIMO !
O Visual studio code é super simples de se usar, e super intuitivo. Fora isso, se você precisar de algo, com poucas pesquisas você encontra um conteúdo no idioma que você quiser e precisar.

Por tudo isso eu qualifiquei o VSCode como uma única estrelinha de dificuldade. Você tem tudo o que precisa de fácil acesso, sem precisar de maiores configurações ou tutoriais complexos.

## Conclusão

O Visual Studio Code é um editor para todos os desenvolvedores, tanto para os iniciantes que precisam de auxilio de snipets para criar seu código, quanto para os mais seniores, que só precisam se orientar bem no código escrito e testá-lo de diversas formas.
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# XCode, o VSCode da Apple

<center>
<img src="../Images/xcode.png" width="200" height="200">
<legend>
O primo rico do Vscode
</legend>
</center>

Para quem usa Mac para desenvolver, já deve ter se deparado com o XCode, e percebido que ele é exatamente igual ao VSCode.

<center>
<img src="../Images/xcode_screen.png">
</center>

Ele tem suas particularidades, porém é essencialmente o mesmo editor, com o único empecilho de que o XCode só roda em sistemas operacionais MacOs.
Para quem necessita desenvolver para iOS, feliz ou infelizmente você terá que adquirir um Mac, pois você só consegue criar o bundle do seu Apk para iOs em uma máquina que contenha MacOs. Existem alguns serviços online para ajudar com isso, servidores de aluguel, mas você não vai fugir do Mac. **hahahaha**

## Conclusão

Se você usa VSCode e vai migrar para o XCode, não vai sentir nenhuma diferença.
O layout é praticamente o mesmo, as extensões estão lá, as configurações são parecidas. Por esse motivo, eu dei 5 estrelas de 5 para esse editor.
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
# Atom, o VSCode do Github

<center>
<img src="../Images/atom.png" width="200" height="200">
<legend>
O tio do Vscode
</legend>
</center>

Se você está nessa a um pouco mais de tempo, ja ouviu ou viu alguém utilizando o **Atom**.
Desenvolvido pela empresa Github em 2014, o Atom veio para melhorar o ambiente do desenvolvedor, com auto complete, os primeiros temas e extensões.
O Atom veio para revolucionar, sendo melhor, mais leve, mais customizável que seu antecessor **Sublime Text**, além de gratuito, o que geralmente é o que pesa na balança.
<center>
<img src="../Images/atom_screen.png">
</center>

## Conclusão

Hoje em dia, o atom já foi deixado de lado, porque o VSCode tem extensões até para sanduicheiras elétricas, mas voce irá conseguir desempenhar muito bem a sua função.
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# SublimeText, o pai de todos

<center>
<img src="../Images/sublime_icon.png" width="200" height="200">
<legend>
O pai de todos os editores modernos
</legend>
</center>

Vindo desde 2008, o Sublime ainda é utilizado por muitos devs, sejam por serem da "velha guarda" (velha guarda de 2008 kkkkk) ou seja pela sua interface super minimalista ou até mesmo porque já pagou agora vai usar até o final, porque **99 doletas** não dão em árvore né.
Mas desde aquela época, os editores vem sendo mais ou menos a mesma coisa, diferindo apenas na quantidades de extensões e popularidade ou a quantidade de memória que eles necessitam para se manter rodando.

<center>
<img src="../Images/sublime_screen.png" />
</center>

## Conclusão

Já comprou? Usa. Não comprou ainda e quer um editor para programar? Vai de VSCode.
Não tem nada de errado com o Sublime, muitas pessoas gostam e até preferem, mas nao tem nada de mais que os outros.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 1 - Junior/5 - Editores de texto/Images/atom.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
250 changes: 250 additions & 0 deletions 1 - Junior/5 - Editores de texto/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,250 @@
# O que são editores de texto ?

Segundo a **Wikipédia**, editores de texto ...

> São aplicativos de edição de arquivos/ficheiros de texto. Editores de texto são frequentemente equipados com sistemas operacionais ou pacotes de desenvolvimento de software, e podem ser usados para alterar arquivos de configuração.

Tá, mas o que exatamente significa isso ?
Significa que é todo programa em que você pode editar ou criar um texto, e o melhor amigo do desenvolvedor, seja você de qualquer uma das áreas do desenvolvimento.

Existem vários editores, alguns com focos mais específicos, que serão citados a seguir, mas a maioria bem genéricos, porém cada um com sua particularidade. Vamos listar abaixo os mais conhecidos, e para que são utilizados. Vamos comigo nessa ?

<table>
<thead>
<tr>
<th>
Icone
</th>
<th>
Nome do Editor
</th>
<th>
Link para download
</th>
<th>
Foco do editor
</th>
<th>
Nível de dificuldade
</th>
<th>
Assinatura ?
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="Images/android_studio.jpg" width=120" height="80"/>
</td>
<td>
Android Studio
</td>
<td>
<a href="https://developer.android.com/studio">
Download
</a>
</td>
<td>
Aplicativos mobile.
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito
</td>
</tr>
<tr>
<td>
<img src="Images/atom.png" width=120" height="80"/>
</td>
<td>
Atom
</td>
<td>
<a href="https://atom.io">
Download
</a>
</td>
<td>
Desenvolvimento em geral
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito
</td>
</tr>
<tr>
<td>
<img src="Images/phpstorm.png" width=120" height="80"/>
</td>
<td>
PHP Storm
</td>
<td>
<a href="https://www.jetbrains.com/pt-br/phpstorm">
Download
</a>
</td>
<td>
Aplicações web, voltadas para a linguagem PHP
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito para teste 30 dias
</td>
</tr>
<tr>
<td>
<img src="Images/pycharm.png" width=120" height="80"/>
</td>
<td>
Py Charm
</td>
<td>
<a href="https://www.jetbrains.com/pt-br/pycharm">
Download
</a>
</td>
<td>
Aplicações em python
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Assinatura PRO ou Versão da Comunidade gratuita
</td>
</tr>
<tr>
<td>
<img src="Images/sublime_icon.png" width=120" height="80"/>
</td>
<td>
Sublime
</td>
<td>
<a href="https://www.sublimetext.com/">
Download
</a>
</td>
<td>
Desenvolvimento web
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito ou pago
</td>
</tr>
<tr>
<td>
<img src="Images/vscode.jpg" width=120" height="80"/>
</td>
<td>
VSCode
</td>
<td>
<a href="https://code.visualstudio.com">
Download
</a>
</td>
<td>
Desenvolvimento em geral
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito
</td>
</tr>
<tr>
<td>
<img src="Images/webstorm.png" width=120" height="80"/>
</td>
<td>
Web Storm
</td>
<td>
<a href="https://www.jetbrains.com/pt-br/webstorm/">
Download
</a>
</td>
<td>
Desenvolvimento em geral web em geral
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito para teste 30 dias
</td>
</tr>
<tr>
<td>
<img src="Images/xcode.png" width=120" height="80"/>
</td>
<td>
XCode
</td>
<td>
<a href="https://developer.apple.com/xcode/">
Download
</a>
</td>
<td>
Desenvolvimento em geral para computadores Apple
</td>
<td>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/fullfiled-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
<img src="Images/empty-star.png" width="20"/>
</td>
<td>
Gratuito
</td>
</tr>
</tbody>
</table>

## Resumindo

Existem diversos editores de texto, cada um para uma finalidade. Para descobrir mais de cada um, o que faz cada um único para o seu uso, dê uma olhada nos ficheiros acima, onde contaremos mais sobre cada um, e porque escolher um ou outro.
Te vejo em breve, e bons estudos !