Conteúdo da Categoria:

A categoria Front-end é essencial para qualquer desenvolvedor web, pois abrange desde a criação de interfaces visualmente atraentes até a implementação de funcionalidades interativas.

Ao completar esta categoria, terá habilidades robustas em:

• HTML: A linguagem de marcação padrão para criar páginas web.

  • Estrutura básica de uma página HTML;
  • Elementos e tags essenciais (div, p, a, img, etc.);
  • Formulários e controle de entrada;
  • Semática HTML.

• CSS: A linguagem de estilo usada para descrever a apresentação de um documento escrito em HTML.

  • Seletores e propriedades básicas;
  • Layouts (flexbox, grid);
  • Responsividade e media queries;
  • Animações e transições;
  • Pré-processadores (Sass, LESS).

• JavaScript: Linguagem de programação que permite a criação de conteúdo web dinâmico e interativo.

  • Sintaxe básica e operadores;
  • Manipulação de DOM;
  • Eventos e manipulação de eventos;
  • Promises, async, await;
  • Ajax e fetch API;
  • ES6+ Features (let, const, arrow functions, modules, etc.);

• Frameworks e Bibliotecas JavaScript: Ferramentas que facilitam o desenvolvimento de aplicações web complexas.

  • jQuery (fundamentos, plugins);
  • React (componentes, state, props, hooks);
  • Vue.js (componentes, diretivas, vuex);
  • Angular (componentes, serviços,injeção de dependência).

• Ferramentas de Desenvolvimento e Versionamento: Utilização de ferramentas para aumentar a produtividade e gerenciar o código.

  • Controle de versão;
  • Ferramentas de build;
  • Linters e formatadores;
  • Ferramentas de desenvolvimento (DevTools).

• Design Responsivo e UX/UI: Técnicas e práticas para garantir que as aplicações funcionam bem em todos os dispositivos.

  • Princípios de design responsivo;
  • Mobile-first design;
  • Frameworks CSS;
  • Acessibilidade web (WAI-ARIA, práticas de acessibilidade).

• API Integration: Conectar aplicações front-end com serviços back-end usando APIs.

  • RESTful APIs;
  • JSON;
  • Authentication (OAuth, JWT);
  • GraphQL (conceitos básicos e uso).

Além de ferramentas modernas que permitirão criar aplicações web responsivas, acessíveis e eficientes.