curso de

JavaScript: Conhecendo o Browser e padrões de projeto

Estudando este mês:

e mais 842 alunos(as)

Resumo do curso

  • Una o paradigma orientado a objetos ao funcional para resolver problemas
  • Aplique novos recursos do ECMASCRIPT 6
  • Estruture sua aplicação no modelo MVC
  • Utilize padrões de projeto

Público alvo

Programadores front-end que querem se aprofundar mais na linguagem JavaScript, mais notadamente ES6, padrões de projetos e o modelo MVC

Conteúdo relacionado

Cursos de JavaScript em Front-end

Leia nossos artigos de Front-end

Última atualização

21/04/2020

Já é aluno?

Comece o curso agora

12h

p/ conclusão

92

Atividades

221

Minutos de video

32420

Alunos nesse curso

9.3

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de JavaScript: Conhecendo o Browser e padrões de projeto

Instrutores

  • Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.

Conteúdo Detalhado

  1. Prólogo: regras, código e manutenção

    • Bem-vindo
    • Considerações sobre curso
    • Visão geral do projeto
    • Visão geral da página
    • Manipulando DOM
    • Se "enrolando" com o DOM
    • Onde estão as boas práticas?
  2. Especificando uma Negociação

    • O que é um modelo?
    • O paradigma orientado a objetos
    • OO e Classes
    • A classe Negociação
    • Construtor da classe e parâmetros
    • Cuidado com o modelo anêmico
    • Métodos
    • Encapsulamento
    • A sintaxe get
    • Objetos imutáveis
    • Programação defensiva
  3. A ligação entre as ações do usuário e o modelo

    • A classe NegociacaoController
    • Associando métodos do controller às ações do usuário
    • Transformando document.querySelector em $!
    • Mudando o contexto de this com a função bind
    • Evitando percorrer o DOM muitas vezes
    • O problema com datas
    • Resolvendo um problema com o paradigma funcional
    • Spread Operator: deixando código menos verboso
    • Arrow Functions: deixando o código ainda menos verboso
  4. Lidar com data é trabalhoso? Chame um ajudante!

    • Exibindo o objeto Date no formato dia/mês/ano
    • Isolando a responsabilidade de conversão de datas
    • Métodos estáticos
    • Chega de concatenações com Template Strings
    • Criando nosso ListModel
  5. Temos o modelo, mas e a view?

    • Classes que representam nossas Views
    • Exaurindo o poder de Template Strings
    • Bolando um sistema de renderização
    • Construindo um Template Dinâmico com a função map
    • Totalizando o volume em nosso Template com a função reduce
  6. Generalizando a solução da nossa View

    • Repetir código nunca é bom
    • Herança e reutilização de código
    • construtor vs super

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Poderia dar mais atenção ao Fórum...pois fiz pergunta e não tive participação.

JavaScript: Conhecendo o Browser e padrões de projeto

Wellington Barbosa de Oliveira

O Flávio tem uma didática bem legal! Curti bastante o curso e me deu muuuito ânimo para seguir meus estudos em JS.Valeu, equipe Alura!

JavaScript: Conhecendo o Browser e padrões de projeto

Rafael Ramos

Curso muito bom. Riquíssimo em novidades, dicas, macetes que podem fazer de você um profissional diferenciado. Boa didática e material extenso. Recomendo!

JavaScript: Conhecendo o Browser e padrões de projeto

Itamar Rocha

Aprenda JavaScript com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas