Giter Club home page Giter Club logo

curso-frontend-ebac's Introduction

Curso - Frontend

EBAC

GIT


Conceitos de versionamento

  • Histórico
  • Controle de versão
  • Quem alterou
  • O quê alterou
  • Quando alterou
  • Todos os arquivos
  • Evolução continua

Arquivo A | Versão 1 | Versão 2
Arquivo B | Versão 1 | Versão 2


Instalação do Git

https://git-scm.com/


Criar conta no GitHub


Clonar projeto e outros comandos

  • git clone https://github.com/andersonmace/curso-frontend-ebac.git
  • git status
  • git add * (pega todos os arquivos)
  • git config --global user.name "Anderson Macedo"
  • git config --global user.email [email protected]
  • git commit -m "Texto da alteração"
  • git push (Enviar arquivos)
  • git pull (Receber arquivos)
  • git branch

Commits

git commit -m "Texto da alteracao"

Informação de alterção

  • após testado todo o seu código

Branches

git branch São as ramificações do código / versões paralelas.

  • main / master (branch principal, vai para produção, quando o projeto é publicado).

  • develop (uma branch criada para desenvolvimento do código antes de ser enviada para branch principal).

    • DOD (Definition of Done) são critérios de aceite para o projeto ser publicado na main branch.
    • Exemplo: git checkout -b dev (faz o checkout da branch atual e cria uma nova com nome "dev" e faz uma cópia dos arquivos nela).
    • Após comitar e finalizar todas alterações na brach atual, pode-se fazer o git fetch --all para verificar se há mudanças no projeto remoto.
    • git push --set-upstream origin dev: serve para dar push em uma branch nova, no caso a branch 'dev'.
    • git checkout main: muda da branch atual para branch main.
  • versionamento 0.1.x (versão beta, em desenvolvimento / alterações finais feitas nessa versão / correção de bugs)

  • versionamento 0.2.11

  • versionamento 1.0.0 (versão pronta para publicação e colocada na main brach)


Merge

git merge main

  • Mescla de branches (Após finalizar e publicar os arquivos na branch 'dev', é hora de mesclar para branch principal 'main').
  • Você pode precisar resolver conflitos manualmente

Pull Requests

git pull

  • Mescla de branches no repositório
  • Permite o code review
  • O repositório resolve os conflitos automaticamente

GitFlow

git flow init

  • Fluxo do Git ()

git flow feature start nome-da-feature

  • Inicia uma nova feature branch feature/nome-da-feature

git flow feature finish nome-da-feature

  • Finaliza a branch feature/nome-da-feature

Git Ignore

touch .gitignore

  • Adiciona um arquivo que ignora outros arquivos a irem pra branch
  • Exemplo: "*.zip" - evita subir qualquer arquivo .zip para a branch
  • Lembrar de colocar git add .gitignore

Inbound Marketing

Objetivos

  • Construir uma experiência completa para atrair leads para um negócio
  • Projeto digno de portfólio

Requisitos

  • Codificação HTML e CSS
  • Princípios de design
  • HTML semântico
  • Design responsivo
  • Análise Heurística
  • Visual Studio Code
  • Git

Metodologia

  • Explorar conceitos e técnicas
  • Evolução continua: dividir o projeto em pequenas partes, testes, ciclos incrementais, revisão...
  • AIDA

\\ Atenção //// \\ Interesse /// \ Desejo // \ Ação / call-to-action 4% - 20%

        LEAD (e-mail)

Briefing

  • Criar uma campanha de inbound marketing para divulgar seus serviços de criação de sites, landing pages e e-mail marketing.
  • Gerar leads qualificados, com real interesse nos serviços oferecidos.
  • Criar conteúdo para post (blog), e-mail marketing, landing page (call-to-action: e-mail*).
  • Criar fomrmulários para captação de e-mails.
  • Post para redes sociais: texto + foto + url curta.
  • Incluir hospedagem (servidor web).
  • Git - histórico de evolução (commits detalhados).

Formulário

http://www.cognitoforms.com

SSH

Para gerar o código, no terminal digite: ssh-keygen

curso-frontend-ebac's People

Contributors

andersonmace avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.