• Introdução:

Criei esse Readme para me ajudar a planejar e acompanhar o meu progresso durante o curso da Origamid, o curso é quase que inteiramente focado para a parte Front-End e como o próprio André Instrutor fala, o curso não é focado somente na parte básica do JS como manipulação do DOM, e etc. Ele aprofunda bastante nos conceitos do JavaScript e no seu funcionamento.

A princípio alguns conceitos ainda parecem um pouco complexos para aplicação mas ao final do curso pretendo criar alguns projetos pessoais para tentar aplicar esses conceitos e conseguir absorver as idéias.

• Projeto

Já no início do curso o André nos entrega o projeto apenas com o HTML e CSS feito e conforme o decorrer do curso vamos aplicando os conceitos das aulas e ao final refatorando todo o projeto com novos conceitos e aplicando as melhores práticas.

• Aulas

  • JavaScript Básico: ✅
    • VSCode, Node e GIT ✅
    • Variáveis ✅
    • Tipos de Dados ✅
    • Números e Operadores ✅
    • Boolean e Condicionais ✅
    • Funções ✅
    • Objetos ✅
    • Arrays e Loops ✅
    • Atribuições e Ternários ✅
    • Escopos ✅
  • Manipulação do DOM: ✅
    • DOM ✅ ✅
    • Selecionando Elementos ✅
    • forEach & Arrow Functions ✅
    • Classes & Atributos ✅
    • Dimensões & Distâncias ✅
    • Criando eventos ✅
    • Traversing & Manipulação ✅
    • Navegação por Tabs ✅
    • Accordion List ✅
    • Scroll Suave por Links internos ✅
    • Animação ao Scroll ✅
  • Objetos:
    • Constructor Functions ✅
    • Prototypes ✅
    • Native, Host & User ✅
    • Strings ✅
    • Numbers & Maths ✅
    • Arrays ✅
    • Arrays e Iterações ✅
    • Mais funções ✅
    • Objetos ✅
  • Efeitos no DOM: ✅
    • Datasets ✅
    • Modules ✅
    • Modal ✅
    • Tooltips ✅
    • Dropdown Menu ✅
    • Event Bubble ✅
    • Click outside ✅
    • setTimeOuts e SetIntervals ✅
    • Menu Mobile ✅
    • Anima Números ✅
    • Date Object ✅
    • Forms ✅
    • Button Creator HTML & CSS ✅
    • Button Creator JavaScript ✅
    • LocalStorage ✅
  • JavaScript Async: ✅
    • JavaScript Assíncrono ✅
    • Promises ✅
    • Fetchs ✅
    • JSON ✅
    • API e HTTP ✅
    • Async Await ✅
    • History API ✅
    • Animais Fetch ✅
    • Bitcoin Fetch ✅
  • Classes: ✅
    • Classes ✅
    • Getters e Setters ✅
    • Extends ✅
    • Countdown ✅
  • Mais JavaScript: ✅
    • Function Expression ✅
    • Factory Functions ✅
    • Closures e Debugging ✅
    • Destructuring ✅
    • REST e Spread ✅
    • Loops e Iterações ✅
  • REGEX: ✅
    • Regexp seleção ✅
    • Regexp substituções ✅
    • Regexp padrões ✅
    • Regexp métodos ✅
    • Limpar CPF ✅
    • Validar CPF ✅
  • Automação Front-End: ✅
    • Repositório GIT ✅
    • Refatorando Scroll Suave ✅
    • Refatorando Accordion ✅
    • Refatorando Tabnav ✅
    • Refatorando Modal ✅
    • Refatorando Tooltip ✅
    • Refatorando Anima Números ✅
    • Refatorando Fetch Animais ✅
    • Refatorando Fetch Bitcoin ✅
    • Refatorando Animação ao Scroll ✅
    • Debounce ✅
    • Refatorando Dropdown Menu ✅
    • Refatorando Menu Mobile ✅
    • Refatorando funcionamento ✅
  • Slides:
    • Slide início
    • Slide Eventos
    • Slide Atualizando Distãncias
    • Slide Touch Events
    • Slide Config
    • Slide Next e Prev
    • Slide Resize
    • Slide Nav
    • Slide Paginação
    • Slide Custom Controls
    • Slide Animais Fantásticos
    • Melhorias no Projeto Final
    • Conclusões finais.