Estudando Frontend do Zero – eFront

Estudando Frontend do Zero – eFront: Comece a estudar frontend do zero com uma didática simples. Trabalhe de casa, usando as tecnologias mais requisitadas do mercado frontend.

Iniciar sua jornada no desenvolvimento frontend pode ser desafiador, mas o eFront torna esse processo emocionante e acessível. Ao estudar frontend, você abre portas para oportunidades de trabalho e contribui para projetos inovadores.

HTML

Iniciando e Entendendo o HTML

HTML é a espinha dorsal de qualquer página web. Você aprenderá os conceitos básicos do HTML, como iniciar um documento e entender a estrutura fundamental.

Sintaxe e Indentação Adequada

A formatação correta é crucial para escrever HTML legível. Aqui, será abordada a sintaxe apropriada e a importância da indentação para um código organizado.

Explorando Títulos e Textos

Os elementos de texto são fundamentais para a comunicação eficaz. Este tópico abrange o uso de títulos e a manipulação de texto em HTML.

Utilização de Tags de Mídia e Div

Enriqueça suas páginas web incorporando elementos de mídia e utilizando tags div para organizar seu conteúdo de maneira eficiente.

Trabalhando com Links, Comentários, Tabelas e Listas

Aprenda a criar links para navegação, adicionar comentários ao seu código, estruturar dados com tabelas e criar listas para organizar informações.

Formulários e Tags Semânticas

Explore a criação de formulários interativos e a importância das tags semânticas para melhorar a acessibilidade e o SEO.

CSS

Introdução ao CSS

O CSS é responsável pela estilização do seu HTML. Aqui, os princípios básicos e as técnicas avançadas.

Sintaxe e Aplicação de Estilos

Entenda a sintaxe do CSS e aprenda a aplicar estilos para transformar a aparência do seu site.

Uso de Variáveis e Seletores

Descubra como usar variáveis para facilitar a manutenção do código e explore diferentes tipos de seletores para estilização precisa.

Flexbox, Grid e Responsividade

Aprofunde-se em layouts flexíveis com Flexbox, crie grids complexos e torne seu site responsivo para diversos dispositivos.

JavaScript

Conceitos Básicos de JavaScript

O JavaScript adiciona dinamismo ao seu site. Neste módulo, comece com conceitos básicos, como variáveis e tipos de dados.

Variáveis e Tipos

Entenda como declarar e usar variáveis, explorando os diferentes tipos de dados disponíveis em JavaScript.

Operadores e Declarações Condicionais

Aprofunde-se nos operadores para manipular dados e aprenda a usar declarações condicionais para tomar decisões no seu código.

Funções, Objetos e Arrays

Descubra como criar funções para reutilizar código, manipular objetos e trabalhar com arrays para armazenar dados de maneira eficiente.

Manipulação do DOM e Chamadas de API com Axios

Explore a manipulação do Document Object Model (DOM) para interagir dinamicamente com sua página. Além disso, saiba como fazer chamadas de API com Axios.

Funções Assíncronas

Compreenda o conceito de funções assíncronas para lidar com operações que podem levar algum tempo, como chamadas de API assíncronas.

Sass

Introdução e Sintaxe do Sass

O Sass é uma extensão do CSS que oferece recursos avançados. Aqui, a sintaxe e os benefícios do Sass.

Uso de Variáveis, Importação e Extensão

Simplifique seu código utilizando variáveis, importando estilos de outros arquivos e estendendo estilos para promover a reutilização.

Mixin e Nested

Aproveite a poderosa funcionalidade de mixins para agrupar estilos relacionados e explore a aninhamento de estilos para uma estrutura mais organizada.

Bootstrap

O que é um Framework CSS

Entenda o conceito de frameworks CSS e como o Bootstrap pode acelerar o desenvolvimento frontend.

Iniciação no Bootstrap e Seus Componentes

Aprenda a iniciar um projeto Bootstrap e explore uma variedade de componentes prontos para uso.

Cores, Espaçamento e Responsividade

Customize a aparência do seu site ajustando cores, espaçamentos e tornando-o responsivo para diferentes dispositivos.

React

Criando um Aplicativo React

O React revoluciona o desenvolvimento frontend. Você dará os primeiros passos na criação de um aplicativo React.

Estrutura de Pasta, JSX e Componentes

Entenda como organizar seu projeto React em uma estrutura de pasta eficiente, explore JSX para criar interfaces dinâmicas e aprenda sobre a criação de componentes reutilizáveis.

Utilização de Props, Eventos e Hooks

Aprofunde-se na passagem de propriedades para componentes, manipulação de eventos e a revolucionária funcionalidade dos hooks para gerenciar estados e efeitos.

Introdução ao CSS Modules

Descubra como o CSS Modules permite escopos locais para estilos, evitando conflitos e tornando seu código mais modular.

React Router

Iniciação e Criação de Rotas

O React Router facilita a navegação em sua aplicação React. Aqui, você aprenderá a iniciar e criar rotas para diferentes partes do seu aplicativo.

Navegação de Links e Tratamento de Rotas Inexistentes

Explore a navegação de links entre componentes e saiba como lidar com rotas inexistentes de maneira amigável.

Rotas Dinâmicas

Aprofunde-se nas rotas dinâmicas para criar experiências personalizadas, dependendo dos parâmetros fornecidos na URL.

TypeScript

Iniciação e Utilização de Tipos

O TypeScript adiciona tipagem estática ao JavaScript, proporcionando maior segurança ao desenvolvimento. Aprenda a iniciar e usar tipos.

Interfaces e Propriedades Opcionais

Explore o conceito de interfaces para definir a forma dos seus objetos e saiba como lidar com propriedades opcionais.

TypeScript no React

Descubra como integrar o TypeScript ao React para melhorar a robustez e a manutenção do seu código.

Styled-components

Introdução e Aplicação de Estilos

O styled-components traz o conceito de CSS-in-JS, permitindo que você crie estilos diretamente em seus componentes React.

Estilização Dinâmica e Estilos Globais

Aprenda a aplicar estilos dinâmicos com base em props e estados, e explore a criação de estilos globais para garantir consistência em toda a aplicação.

Tailwind CSS

Iniciação e Responsividade

O Tailwind CSS oferece uma abordagem única para estilização. Explore como começar com o Tailwind e crie designs responsivos.

Estados dos Elementos e Dark Mode

Aprofunde-se na manipulação de estados dos elementos, como hover e focus, e descubra como implementar um elegante modo escuro em seu projeto.

React Hook Form

Iniciação e Registro de Campo

O React Hook Form simplifica a criação e validação de formulários React. Aprenda a iniciar o React Hook Form e registrar campos de entrada.

Aplicação de Validação e Criação de Componentes

Explore as poderosas capacidades de validação do React Hook Form e crie componentes de formulário reutilizáveis.

Utilização de Watch, Focus e Form Provider

Descubra como usar as funções de watch para observar mudanças nos campos do formulário, manipular o foco e otimizar a gestão de estado com o Form Provider.

UX Design

Princípios de Hierarquia, Proximidade e Repetição

O design de interfaces é fundamental. Explore princípios como hierarquia, proximidade e repetição para criar layouts intuitivos.

Contraste, Alinhamento e Psicologia das Cores

Aprenda a utilizar o contraste e o alinhamento para destacar elementos importantes. Além disso, entenda como as cores afetam a experiência do usuário.

Espaçamento, Grid de 8 Pontos e Heurísticas de Nielsen

Saiba como o espaçamento adequado e o uso de um grid de 8 pontos contribuem para um design limpo. Além disso, compreenda as heurísticas de Nielsen para avaliação de usabilidade.

Radix UI

Iniciação e Aplicação de Estilos

O Radix UI oferece componentes acessíveis e estilizáveis. Explore como iniciar o Radix UI e aplique estilos personalizados.

Cores, Ícones e Componentes

Aprofunde-se na personalização de cores, integração de ícones e utilização eficiente dos componentes disponíveis no Radix UI.

Storybook

Iniciação e Estrutura do Storybook

O Storybook facilita o desenvolvimento e teste isolado de componentes. Aprenda a iniciar o Storybook e compreenda a estrutura necessária.

Criação e Documentação de Componentes

Explore a criação de componentes no Storybook e a importância da documentação para garantir uma colaboração eficiente na equipe de desenvolvimento.

Cypress

Iniciação e Aplicação de Testes no Projeto

O Cypress é uma ferramenta poderosa para testes end-to-end. Você aprenderá a iniciar o Cypress e aplicar testes no seu projeto.

Next.js

Iniciação e Estrutura

O Next.js oferece uma estrutura robusta para aplicações React. Descubra como iniciar um projeto Next.js e entenda sua estrutura.

Utilização de Rotas, API Reference e Rotas API

Aprofunde-se na definição de rotas em uma aplicação Next.js, explore a criação de uma API de referência e compreenda o uso das Rotas API.

Conclusão

Adquira habilidades em frontend com o curso Estudando Frontend do Zero – eFront, e se torne apto a utilizar as tecnologias mais requisitadas do mercado. O aprendizado estruturado e prático do eFront proporciona uma base sólida para uma carreira de sucesso.

FAQs

Quanto tempo leva para concluir o curso Estudando Frontend do Zero – eFront? O tempo de conclusão varia, mas dedicar algumas horas por dia permitirá um progresso consistente.
Posso trabalhar no projeto enquanto estudo? Sim, o eFront incentiva a aplicação prática dos conhecimentos adquiridos durante o curso.
É necessário ter conhecimento prévio em programação? Não, o curso é projetado para iniciantes, proporcionando uma introdução gradual aos conceitos.
Os certificados são fornecidos ao concluir o curso? Sim, ao concluir todos os módulos, você receberá um certificado de conclusão.
O curso Estudando Frontend do Zero – eFront aborda as últimas tendências em tecnologia frontend? Sim, os módulos foram atualizados para incluir as tecnologias mais recentes e requisitadas no mercado.

Mais cursos: