Skip to content

Instantly share code, notes, and snippets.

@nicolascbarbosa
Last active September 20, 2018 19:29
Show Gist options
  • Save nicolascbarbosa/b61970809104af921fecc3a35fe0663a to your computer and use it in GitHub Desktop.
Save nicolascbarbosa/b61970809104af921fecc3a35fe0663a to your computer and use it in GitHub Desktop.
Minicurso Frontend - Primeiros passos para construir aplicações atuais de forma simples.

O Cenário de frontend em 2018 e o pontapé inicial.

O curso vai abordar os principais pontos para quem é entusiasta e pretende ter estudos mais proveitosos, ou até mesmo iniciar no mercado de trabalho com uma experiência de estágio/júnior em caso de domínio dos tópicos abaixo!

Interface para os usários de sua aplicação precisa estar cada vez mais rica.

A experiência do usúario também é importante (interações, feedbacks, rapidez).

Acessibilidade e SEO.

HTML a linguagem de marcação responsável por apresentar seus conteúdos no navegador:

  • elementos de blocos.
  • elementos de textos.
  • elementos de navegação.
  • eventos.
  • semântica.

CSS a linguagem de estilo usada para formatar nossas páginas:

  • textos e cores.
  • posicionamentos.
  • tamanhos e espaçamentos.
  • estados e transições.

Javascript a linguagem de programação usada para dar interatividade as nossas páginas:

  • No início dos primórdios, para qual propósito ela foi criada?
  • Adicionando condições as nossas páginas.
  • Se comunicando com outras aplicações, salvando/obtendo dados de um backend.
  • WebComponents e como usá-los para melhorar nossas páginas.

Hora de praticar

  • Vamos implementar um layout bem parecido com a interface do Whatsapp web.
  • Simular um chat real time.

O futuro já chegou:

  • Tópicos que não estão no escopo do curso, mas são muito legais e muito usados no dia a dia (API's do HTML5, Pré/Pós processadores de CSS, Bibliotecas e Frameworks Javascript, Javascript no servidor, Javascript no banco de dados, Javascript em IoT).
  • O Javascript em grandes empresas quais problemas ele resolve e não resolve.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment