/on7-porto-s1-introducao

Conceitos gerais

Front-end

frontend

Podemos classificar como a parte visual de um site, aquilo que conseguimos interagir. Quem trabalha com Front End é responsável por desenvolver por meio de código uma interface gráfica, normalmente com as tecnologias base da Web (HTML, CSS e JavaScript).

O designer vai desenhar a tela, com Photoshop ou algum software do tipo, e a pessoa front-end vai aplicar atraves de código (HTML, CSS e JavaScript) o desenho da tela que o designer fez, além disso no front-end também tem muita lógica de programação, componentes que precisam guardar estados e responder a eles de maneiras diferentes.

O mundo do front-end possui diversas tecnologias, frameworks e bibliotecas. E está sempre evoluindo.

Mobile

mobile

Desenvolvimentos de applicativos.

As tecnologias que envolvem os aplicativos mobile são inicialmente diferentes das que citamos para a Web sendo elas para android: Java, Kotlin; E para iOS: Swift e Objective C.

O que pode gerar uma intersecção do Front End e do mundo Mobile é React Native por utilizar tanto um framework super popular na Web quanto a linguagem JavaScript. Mesmo com essa familiaridade toda, as diferençås das plataformas separam os profissionais que mexem com sites e aplicativos em duas linhas diferentes.

Back-end

backend

Back End, como o próprio nome sugere, vem da ideia do que tem por trás de uma aplicação. Pode ficar meio abstrato em um primeiro momento, mas pense que para conseguir usar o Facebook no dia a dia, os dados do seu perfil, amigos e publicações precisam estar salvos em algum lugar, sendo esse lugar um banco de dados.

O Back End trabalha em boa partes dos casos fazendo a ponte entre os dados que vem do navegador (front-end) rumo ao banco de dados e vice-versa, sempre aplicando as devidas regras de negócio, validações e garantias em um ambiente onde o usuário final não tenha acesso e possa manipular algo.

Tudo isso pode ser feito com uma série de linguagens diferentes como: Python, PHP, Ruby, Java, Kotlin, Clojure, C#, JavaScript (Node.js) entre diversas outras.

Banco de Dados

banco

O banco de dados é a organização e armazenagem de informações sobre um domínio específico. De forma mais simples, é o agrupamento de dados que tratam do mesmo assunto, e que precisam ser armazenados para segurança ou conferência futura.

O fluxo:

fluxo

O que é o git?

logo do git

Git é um sistema de controle de versões , usado principalmente no desenvolvimento de software. O Git é um software livre, foi inicialmente projetado e desenvolvido por Linus Torvalds para o desenvolvimento do kernel Linux.

O que é o GitHub?

logo do github

GitHub é uma plataforma de hospedagem de código-fonte com controle de versão usando o Git. Ele permite que programadores ou qualquer usuário cadastrado na plataforma contribuam em projetos privados e/ou Open Source de qualquer lugar do mundo.

Linha de comando

linha de comando

Comandos mais usados:

  • ls - list (lista todos os arquivos presentes no diretório MAC/LINUX)
  • dir - list(Windows)
  • dir /b - mostra lista de maneira simplificada
  • pwd - Present working directory (MAC/LINUX)
  • cd - change directory
  • cd ~ - volta para a raiz
  • cd .. - volta uma pasta
  • cd nome-da-pasta - para entrar em uma pasta
  • code . - abre o visual studio code na pasta local.
  • mkdir nome-da-pasta - para criar uma pasta
  • touch nome-do-arquivo - para criar um arquivo
  • rm nome-do-arquivo - para remover um arquivo
  • history - mostra histórico de comandos (LINUX/MAC)
  • f7 - history no Windows

Instalação do Git

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 configuração

Para adicionar usuário:

git config --global user.name "natalyapeixoto"
git config --global user.email “natalya_peixoto@hotmail.com”

Para remover usuário:

git config --global --unset user.name "natalyapeixoto"
git config --global --unset user.email “natalya_peixoto@hotmail.com”

Criar conta e perfil no GitHub

link GitHub

Lembre-se que o github é onde as empresas vão ver seu trabalho. Então mantenha tudo organizado e use bom senso na hora de escolher seu nome de usuário.

Subindo projeto local para o GitHub

  • Criar novo repositório no seu github e dar nome a ele.
  • no sua máquina, pela linha de comando, vá até a pasta do projeto.
  • dentro da pasta do projeto rode o comando: git init (pasta git oculta é criada)
  • git add . para adicionar todos os arquivos que estão na sua pasta de uma vez, caso queria adicionar apenas um digite git add nome-do-arquivo
  • git commit -m"mensagem para explicar o que voce fez no código"
  • git remote add origin url-que-voces-copiaram-do-github
  • git remote -v mostra as url que o git está apontando
  • git push origin master

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.

Files stages (Estágios do arquivo)

  • untracked files nao deu instrução ao git do que fazer com or arquivo
  • changes to be committed adicionou, mas não deu o commit
  • commited commit foi feito

Git Clone

serve para baixar, na sua máquina, um projeto que está hospedado no github.

  • Acesse o repositório do projeto que quer baixar
  • clicar no botão clone or download
  • copiar url
  • Na sua máquina abra a linha de comando e vá até a pasta onde deseja colocar o projeto
  • rode o comando: git clone url-do-repositorio

Branch

Branch significa, galho, ramificação. Usando branches podemos trabalhar paralelamente nos projetos sem alterar a versão principal(master). branch

  • git checkout -b nome-da-branch cria uma nova branch e entra nela
  • git branch mostra as branchs que existem no projeto/repositório, destacando a branch atual
  • git checkout nome-da-branch para mudar de branch

git pull

como diz o nome, para puxar atualizações de uma branch remota para a branch atual(local). git pull origin master atualiza a branch que você está trabalhando com a master.

Pull request (a famosa PR)

Na Pull request, você está simplesmente solicitando ao responsável(ou responsáveis) do repositório aprovação para que as alterações que você fez sejam integradas a branch principal (normalmente a branch master). Na pull request, precisamos escrever o que fizemos. Cabe ao responsável aceitar, negar, pedir correções, fazer um code review da sua solicitação e etc.

Contribuindo num projeto remoto

  • clonar repositório (git clone url-do-projeto)
  • caso já tenha o projeto na sua máquina, precisamos atualizar a branch master local (git pull origin master)
  • criar sua branch para trabalhar (git checkout -b nome-da-sua-branch)
  • finalizado o trabalho vamos subir nossas mudanças:
    • git add .
    • git commit -m "o que eu fiz"
    • git push origin nome-da-sua-branch
  • agora vamos no github abrir a PR

Merge

A 'mesclagem' é o jeito do Git de unificar históricos de galhos diferentes. Ou seja, unificar duas branches em uma.

É o que acontece quando mergeamos a Pull Request. Estamos pegando a nossa branch, com as alterações que fizemos, e unificando com a branch master.

Readme.md MARKDOWN

Arquivo essencial para todo repositório no github. onde explicamos o projeto e damos algumas instruções, caso necessário.

links úteis: