O Front-end de uma aplicação é tudo aquilo que podemos enxergar através do navegador, logo definimos que a codificação do layout é responsabilidade do front-end, e para isso ele usa algumas tecnologias que são:
- HTML
- CSS
- Javascript - (Vuejs, Reactjs, Angular)
O código Front pode ser acessado pelo usuário, pois esse código fica todo do lado cliente, diferente do Back-end, e para realizar algumas funcionalidade o front se comunica com o Back-end através de requisições (pedidos).
O Back-end é a parte da aplicação que não é visível ao usuário, tratando das requisições feitas do lado Front-end, enviando, editando ou excluindo do banco de dados. No Back-end o código não pode ser acessado pelo lado cliente, sendo assim é a parte mais segura para poder trabalhar com o banco de dados.
Um exemplo de Back-end é quando vamos fazer o login, digitamos nossos dados e quando clicamos no botão para entrar, o Front-end faz um pedido para o Back-end para validar o usuário, com isso o Back verifica no banco a existência daquele usuário e se ele existir valida a senha, assim retornando uma chave de acesso caso tudo esteja correto ou retorna um erro se houver algum problema.
As principais tecnologias usadas pelo Back-end são:
- Java
- Python
- Ruby
- PHP
- Javascript (Nodejs)
- C#
Banco de dados são coleções de informações organizadas que podem se relacionar, ou seja, é um local onde armazenamos dados, que são organizados por assuntos. Os principais bancos:
- MySQL
- PostgreSQL
- SQLite
- MongoDB
- Redis
Desenvolvedor Mobile é aquele que desenvolve aplicativos. Hoje temos dois sistemas operacionais que são android e o ios, cada um deles usam uma linguagem diferente para criar aplicações: Android - Kotlin (Java) ios - Swift (Objective-C) Essas são linguagens nativas para cada dispositivo, mas existem também outras que criam aplicações híbridas para atender os dois tipos de dispositivos como:
- ionic (Javascript)
- Xamarin(C#)
- React Native (Javascript)
É através do terminal que podemos dar comandos ao computador, os comandos básicos são:
- dir (windows)/ ls - para listar os arquivos e pastas dentro de um diretório
- cd nome-da-pasta - para navegar entre diretórios
- cd .. - sair de um diretório
- mkdir nome-da-pasta - cria uma pasta
- touch nome-do-arquivo - cria um arquivo
- del nome-do-arquivo (windows) / rm nome-do-arquivo - deleta um arquivo
- rd nome-da-pasta (windows) / rmkdir nome-da-pasta - exclui um diretório
- cls (windows) /clear - limpa o terminal
- F7 (windows) / history - mostra o histórico de comandos
Git é um sistema de controle de versões distribuído, que permite versionar qualquer tipo de projeto. É uma ferramenta indispensável para um desenvolvedor, com ele podemos ter um histórico de tudo que já foi feito dentro do projeto.
O git já vem instalado na maioria dos computadores Mac e Linux, se for o seu, apenas digite na linha de comando: git --version caso esteja instalado, esse comando mostrará a versão do git.
tutorial: https://woliveiras.com.br/posts/instalando-o-git-windows/
git para mac: https://git-scm.com/download/mac git para windows: https://gitforwindows.org/ git para plataformas Linux/Debian, como o Ubuntu: digite na linha de comando sudo apt-get install git
Para adicionar usuário:
git config --global user.name "fulano" git config --global user.email “fulano@hotmail.com” Para remover usuário:
git config --global --unset user.name "fulano" git config --global --unset user.email “fulano@hotmail.com”
GitHub é uma plataforma de hospedagem de código-fonte com controle de versão usando o Git. Ele permite que qualquer usuário cadastrado na plataforma hospede seu código e contribua em projetos.
Acesse o link : GitHub.
- No terminal dentro da pasta que vai conter todos os arquivos do seu projeto dê o comando
git init
, com ele o git vai criar uma pasta oculta com o nome .git. - Com o comando
git status
conseguimos ver o status do repositório que de início é ‘Untracked files’, esse status diz que não tem nenhum arquivo para ser rastreado ( para criar versões ). - Para o arquivo ser rastreado usamos o comando
git add nome-do-arquivo
ou se desejargit add .
que vai adicionar todos os arquivos de uma vez. - Se dermos um
git status
novamente o status vai ser ‘Changes to be committed’, isso quer dizer que o arquivo pode ganhar uma versão. git commit -m “mensagem do commit”
é o comando que rodamos para o projeto ganhar uma nova versão.git log
é o comando que imprime todo o histórico de commits dados no projeto.
- Primeiro iniciamos o repositório com
git init, git add . , git commit
- Criamos um repositorio no github
git remote add origin url-que-voces-copiaram-do-github
conectamos aquele repositório local com um remoto -git push origin master
é o comando que damos pra subir as alterações que fizemos no projeto para o github.
git status
Esse comando nos ajuda a ver os estágios dos arquivos. Antes do add e do commit podemos usá-lo para ver quais arquivos foram criados e ou modificados.
untracked files não deu instrução ao git do que fazer com o arquivo changes to be committed adicionou, mas não deu o commit commited commit foi feito
Para trazer uma cópia de um repositório remoto para o seu computador usamos:
git clone ulr-do-repo-no-github
Usamos o comando git pull
para atualizar nossa repositório local com o remoto.
Branch são ramificações dentro do seu projeto, ou seja, uma branch é uma linha independente de desenvolvimento em que podemos comitar novas versões do código sem afetar o projeto.
git checkout -b nome-da-branch
para criar uma branchgit branch
para visualizar as branchs existentesgit checkout nome-da-branch
para trocar de branchgit merge nome-da-branch
é o comando que uso para trazer as modificações de uma branch para outra.
É através de pull request que podemos contribuir com outros projetos, e fica em responsabilidade do dono do repositório autorizar o merge da suas alterações, podendo ele negar, pedir correções entre outras coisas.
- Fork o repositório no github
- Clonar repositório (git clone url-do-projeto)
- Criar sua branch para trabalhar git checkout -b nome-da-sua-branch
- Faça mudanças e:
- git add .
- git commit -m "o que eu fiz"
- git push origin nome-da-sua-branch
- Agora vamos no github abrir a PR
Arquivo essencial para todo repositório no github. onde explicamos o projeto e damos algumas instruções, caso necessário.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
https://medium.com/reprogramabr/git-e-github-por-onde-come%C3%A7ar-ca88a783c223 -> Medium Reprograma. Escrito por Thaylla <3
https://git-scm.com/book/pt-br/v1/Primeiros-passos-Sobre-Controle-de-Vers%C3%A3o -> Documentação oficial do git em português.
https://rogerdudler.github.io/git-guide/index.pt_BR.html -> git - guia prático