Curso online Do Front ao End vagas esgotadas!

Cadastre-se a seguir para receber
novidades da próxima turma

Mais um pouco sobre Marco Bruno
Foto do Marco Bruno
Marco Bruno, nasceu na periferia de Santo André e começou a trabalhar aos 14 anos como palhaço em festas. Seu sonho de construir uma família foi conquistado ao lado da Joviane, juntos eles criam o pequeno Henri e a pequena Luna. Sua carreira como palhaço ajudou mas não foi o que de fato possibilitou ele chegar ao seu sonho, o grande momento veio na sua alteração de carreira para Desenvolvedor FrontEnd. Agora após 11 anos de experiência na área de tecnologia passando por empresas como B. Grob, Locaweb, GetNinjas e Caelum, nesta última trabalhou 4 anos e meio com educação em tecnologia focando suas aulas em FrontEnd, UX e muito JavaScript. Ele acredita que chegou o momento de tentar algo novo em um curso online com uma proposta nova e focada para você conquistar os seus objetivos na sua carreira e conquistar os seus sonhos.

Ementa

O conteúdo da ementa é tudo que teremos no curso e poderemos ter coisas a mais mas não a menos. Ela não define a ordem cronológica do curso, apenas separei em tópicos para facilitar a leitura.

#Git

  1. Introdução
  2. Instalação
  3. Fluxo de vida
  4. Inicializando o repositório
  5. Trackeando arquivos e pastas
  6. Guardando estado local dos arquivos e pastas
  7. Adicionando repositório remoto
  8. Clonando repositório remoto
  9. Enviando arquivos e pastas para repositório remoto
  10. Protocolos que o Git suporta
  11. Verificando estados dos arquivos e pastas
  12. Pegando novidades do repositório remoto
  13. Informando quais arquivos não devem ser enviados para repositório remoto
  14. Trabalhando com branchs locais e remotas
  15. Resolvendo conflitos
  16. Merge vs Rebase
  17. Desfazendo alterações anteriores
  18. Removendo estados sujos
  19. Usando tags

#GitHub

  1. Introdução
  2. Criando conta
  3. Criando repositório
  4. Lendo código de outros projetos
  5. Colaborando com projetos open source
  6. Abrir e fechar PRs
  7. Fazendo e respondendo comentários em uma PR
  8. Reprovando e aprovando PR
  9. Como hospedar seu site no GitHub Pages de graça
  10. Como atualizar seu site no GitHub Pages

#HTML5

  1. Introdução
  2. Versão do HTML
  3. Comentários
  4. HTML semântico
  5. Tags sem semânticas mais úteis
  6. Tags de configuração
  7. Tags de marcação de conteúdo
  8. Tags de estrutura
  9. Tags de média
  10. Atributos globais e os não globais
  11. Acessibilidade com WAI-ARIA

#CSS3

  1. Introdução
  2. Seletor de tag
  3. Seletor de id
  4. Seletor de class
  5. Pseudo-elements
  6. Pseudo-class
  7. Como saber se a propriedade funciona no navegador
  8. Animação com transition e animation
  9. Seletor de filho
  10. Seletor de filho direto
  11. Seletores avançados
  12. Sistema de cores
  13. Sistemas númericos
  14. Unidade de medidas absolutas
  15. O Pixel não é um pixel de verdade
  16. Unidade de medidas relativas
  17. Custom properties CSS variables
  18. Criando regras com media query
  19. Fazendo cálculos com unidade de medidas diferentes
  20. Pensando mobile first
  21. Prefixo de tags novas
  22. Progressive enhancement
  23. Organizando as pastas do seu CSS com ITCSS
  24. BEM vs RSCSS

#NodeJS pra #FrontEnd

  1. Introdução
  2. Instalação
  3. NodeJS: a plataforma feliz pro FrontEnd
  4. Para que uso o npm
  5. Subindo seu servidor de dev com http-server
  6. Usando o npm script
  7. Automatizando tarefas chatas com o ShellJS

#SASS e #SCSS

  1. Introdução
  2. Instalação
  3. Variáveis
  4. Operadores mátematicos
  5. Funções
  6. Reaproveitamento de código
  7. Resolvendo o problema chato de repetição do pai no seletor
  8. Importar comportamentos visuais
  9. Função de cores
  10. Media querys dinâmicas
  11. Compass um mundo feliz e pronto
  12. Mixin vs Extend

#JavaScript em #ES6+

  1. Introdução
  2. O que é ECMAScript
  3. As formas de criar variáveis e a diferença entre elas
  4. Variáveis são as primeiras - hoisting
  5. Operadores aritmétricos para fazer umas contas
  6. Lidando com condições: if e else
  7. Operadores de comparação, salvando nossas vidas
  8. If ternário é muito bacana
  9. Funções com nomes e sem nomes
  10. Arrow function
  11. Precisamos falar sobre escopo
  12. O this no JavaScript é louco
  13. O que é léxica?
  14. Criando objeto com class e sem ela
  15. Métodos e outras coisas do Object
  16. JSON: um objeto bem diferente e muito usado
  17. Design pattern: resolvendo problemas do futuro
  18. String e Number
  19. Array é algo muito legal
  20. Felicidade de conhecer o destructuring
  21. Os loops de terno e gravata: for e while
  22. Coisas simples e úteis do array - splice e slice
  23. Array nunca acaba - toString, shift, unshift e concat
  24. Métodos felizes do Array, foreach, map, find e por aí vai
  25. Todas vez que usar Switch pode matar uma foca
  26. Progressive enhancement
  27. Escopo por arquivos - IIFE (Immediately-Invoked Function Expression)
  28. Seu JavaSrript mais chato e legal - use strict
  29. Promise e async/await

#Regex

  1. Introdução
  2. Metacaracteres representantes
  3. Metacaracteres quantificadores
  4. Metacaracteres âncoras
  5. E outos metacaracteres que não consegui categorizar

#Gulp

  1. Introdução
  2. Instalação usando o npm
  3. Por que não fazer a instalação global?
  4. Fluxo de trabalho conhecido também como Workflow
  5. O que o gulpfile.js?
  6. Tá chato ter que atualizar o navegador toda vez
  7. Muitos arquivos CSS, muitas requisições
  8. CSS estão grandes demais
  9. JavaScript com muitas linhas
  10. Seu projeto está organizado mas tem muitos arquivos JS
  11. Você fez um site one page e o HTML está grande
  12. Site com muitas imagens, bora otimizar elas
  13. Criando pasta de deploy
  14. Pegando erros JS e CSS antes de ir para o navegador

#Webpack

  1. Introdução
  2. Usando variáveis de ambiente de forma feliz
  3. Importando os CSS
  4. Página carregando sem estilo e depois entra o estilo FOUC
  5. Importando os JavaScripts
  6. Página está muito grande, lidando com lazyloading
  7. Criando pasta para deploy

#React

  1. Introdução
  2. Começando um projeto react de uma forma feliz
  3. HTML vs JSX
  4. Escrevendo JavaScript feliz que não funciona no navegador
  5. O que quer dizer components?
  6. Component vs Object
  7. Componentes com conteúdos dinâmicos
  8. Escrevendo CSS com código JavaScript
  9. Passando propriedade para o seu Componente (styled-components)
  10. Arquitetura de pastas feliz com ITCSS
  11. Criando CSS globais (styled-components)
  12. Agora está fácil usar SASS no React
  13. Criando muitas páginas (Router)
  14. Escondendo e aparecendo um componente com estado (state)
  15. Mesmo dado em componentes diferentes (Redux)
  16. Entendo os tipos de arquitetura do Redux
  17. Criando themas com Context API
  18. Quando usar componente sem ou com estado
  19. Lidando com eventos
  20. Ciclo de vida de um componente
  21. Validando as propriedades de um componente
  22. Problemas com o this do componente: bind ou arrow fuction
  23. Usando uma API com o axios
  24. Validando e enviando dados de um form com formik e yup
  25. Garantindo que está tudo certo com testes

bônus #API REST com #Express

  1. Introdução
  2. Começando um projeto com npm
  3. Deixando a vida feliz com nodemon
  4. Criando uma integração com o PayPal
  5. Configurando o Nunjucks como view engine
  6. Definindo pasta pública
  7. Pegando dados de um formulário pelo body
  8. Criando resposta padrão para 404
  9. Guardando log da aplicação
  10. Criando a camada do Controller
  11. Criando seus arquivos de rota
  12. Criando a camada de service para conversar com o PayPal
  13. Aprendendo a lidar com o métodos HTTP
  14. Adicionando o SASS pra deixar o CSS mais feliz
  15. Como evitar repetição no HTML
  16. Entendo os diferentes testes no Backend

bônus #UX pra #FrontEnd

  1. Introdução
  2. 10 heurísticas de Nielsen
  3. Affordance
  4. Teste AB
  5. Teoria das cores
  6. Leitura em Z e Y
  7. Thumb Zone
  8. Microinteraction
  9. Microcopy
  10. Lei de Fitts
  11. Lei de Hick
  12. Protótipo