/inicio-jornada-frontend

🗺 Jornada Frontend

:octocat: Git/Github

Por que?

  • A medida que for criando projetos é bom colocar em algum lugar;
  • Github é popular na área de desenvolvimento;
  • Pode servir de portfolio, outras pessoas podem ver seu código;
  • Git é uma ferramenta importante na área de desenvolvimento. Projetos evoluem e/ou tem correções e é preciso ter um histórico do desenvolvimento;
  • Git é usado por times de desenvolvimento em empresas para o versionamento dos projetos;

Onde?

Próximos passos

  • Criar uma conta no Github
  • Criar um projeto no computador
  • Enviar o projeto para o Github

Ferramentas

  • Escrever o código: Editor de texto
    • VSCode
  • Usar o Git: Terminal que vem no Windows, Linux ou Mac
  • Mostrar o resultado do código: Navegador
    • Chrome ⭐️
    • Firefox
    • Safari ....

💀 HTML

Por que?

  • Linguagem de marcação, marcar o conteúdo que vai ser exibido numa página web;
  • Definir o que é paragrafo, titulo, listas, links, imagens...
  • Importante na área de frontend. Mesmo que existam bibliotecas como o React que "abstrai" muita coisa de HTML, é importante aprender os conceitos de HTML.

Onde?

Próximos passos

  • Criar um site pessoal como se fosse seu curriculum
  • Não precisa do estilo ainda, cria somente a estrutura e as informações
  • Enviar o código para o Github

👩🏽 CSS

Por que?

  • Vai dar estilo ao que foi criado com HTML
  • Cores, estilo de fonte, tamanho de fonte, background, posicionamentos
  • É possível fazer animações
  • Flexbox ajuda a posicionar/centralizar elementos

Onde?

Próximos passos

  • Adicionar estilo ao site que criou no HTML
  • Enviar as mudanças para o projeto no Github

🚶🏽‍♀️ Javascript

Por que?

  • É uma linguagem de programação
  • É possível manipular HTML e CSS com o Javascript (aprender sobre DOM)
  • Pode ser usado tanto no Frontend quanto no Backend (node.js)
  • Bibliotecas/Frameworks como React, Vue, Angular usam o Javascript como base. Essas ferramentas ajudam no desenvolvimento de websites/aplicações, mas é importante aprender a base de Javascript antes de pular direto para uma dessas ferramentas

Onde?

Próximos passos

  • Criar um site pessoal como se fosse seu curriculum
  • Não precisa do estilo ainda, cria somente a estrutura e as informações
  • Enviar o código para o Github

☀️ Mais