Fundação de Desenvolvimento Frontend

Explore o funcionamento interno da web. Entenda como os dados trafegam pelas redes, descubra o papel dos protocolos e desvende os mistérios dos endereços IP e nomes de domínio. Obtenha uma compreensão geral de como navegadores e servidores se comunicam para entregar conteúdo web.

Descubra o poder das tags para estruturar o conteúdo, desde títulos e parágrafos até listas e tabelas. Aprenda como aprimorar os elementos com atributos.

O núcleo da estrutura de documentos HTML. Aprenda os componentes de um documento HTML, incluindo a declaração do doctype, head e body. Compreenda o propósito de cada elemento e como eles contribuem para a estrutura geral de uma página web.

Torne uma página web mais atraente com o uso de mídias como imagens, áudio e vídeo. Trabalhe com dados tabulares estruturados na forma de tabelas.

Explore a versatilidade dos formulários HTML. Aprenda a projetar formulários intuitivos e fáceis de usar aproveitando conceitos e técnicas essenciais. Descubra como os formulários possibilitam a interação do usuário e o envio de dados em sites.

Aprenda o que é CSS, como conectá-lo ao HTML e como estilizar elementos HTML utilizando seletores. Explore conceitos fundamentais como cores de texto, pseudo-classes de ação do usuário e variáveis em CSS.

Descubra como estilizar e formatar texto em suas páginas web. Aprenda a aplicar fontes personalizadas e explore diversas propriedades de fonte para aprimorar a aparência do texto.

Aprenda os fundamentos do modelo de caixa, que define o layout e o espaçamento dos elementos em uma página web. Explore conceitos como dimensionamento de caixas, adição de espaço aos elementos, trabalho com elementos de bloco e em linha, e utilização de pseudo-classes estruturais e funcionais para estilização avançada.

Descubra o Flexbox, um método avançado de layout em CSS para organizar elementos em linhas e colunas. Aprenda a controlar a direção, o alinhamento e o espaçamento dos elementos horizontal e verticalmente, além de personalizar itens individuais para layouts precisos.

Aprenda a aprimorar o apelo visual de suas páginas web com CSS. Explore técnicas para aplicar cores e imagens de fundo, estilizar imagens, utilizar pseudo-elementos decorativos e adicionar sombras para criar designs impressionantes.

Descubra o que os alunos podem esperar deste curso avançado de estilização com HTML e CSS. Quais conhecimentos prévios são necessários antes de iniciar o curso? Quais tópicos serão abordados?

Posicione e gerencie elementos nas páginas da web. Aprenda sobre as diferentes propriedades de posicionamento, descubra como usar a ordem de empilhamento para controlar a visibilidade de elementos que se sobrepõem e, por fim, lide com o transbordamento de conteúdo.

Pesquise o poder das transições e aprenda como aprimorar a experiência do usuário. Descubra como animar propriedades de forma suave e gradual, criando transições de estado contínuas.

Aprenda sobre a propriedade animation e como ela pode ser utilizada para criar designs dinâmicos e envolventes. Descubra como criar animações complexas utilizando keyframes e como controlar a animação.

Explore a propriedade de transformação, que permite modificar a aparência e a posição dos elementos em uma página web. Aprenda a dimensionar, rotacionar, inclinar e transladar elementos em duas e três dimensões. Combine múltiplas transformações para criar efeitos mais complexos.

Os princípios e técnicas utilizados no design adaptativo/responsivo visam tornar sites e aplicações acessíveis e visualmente atraentes em diferentes dispositivos, tamanhos de tela e orientações.

Aprenda sobre pré-processadores em CSS e como eles podem ajudar a escrever um código mais eficiente e de fácil manutenção. Compreenda como utilizar pré-processadores para simplificar o fluxo de trabalho e gerar um código CSS mais limpo.

Descubra os fundamentos do JavaScript, incluindo seu propósito e sintaxe. Aprenda a trabalhar com o console para saída de dados e a utilizar comentários para organizar e documentar seu código. Essas habilidades fundamentais o prepararão para uma exploração mais aprofundada das capacidades do JavaScript.

Explore os fundamentos do JavaScript distinguindo entre literais e variáveis. Compreenda os principais tipos de dados, incluindo `null` e arrays, e aprenda a manipulá-los utilizando métodos de array.

Aprenda a manipular os tipos de dados do JavaScript por meio de operações essenciais. Domine atribuição, operações matemáticas, incremento e decremento, comparações, operações lógicas e concatenação de strings.

Descubra como controlar o fluxo dos programas com instruções condicionais. Domine `if`, `else` e `else if` para instruir o JavaScript a tomar decisões e executar código com base em diferentes condições.

Otimize seu código dominando as estruturas de repetição do JavaScript. Explore os loops `while`, `do while` e `for`, e aprenda a controlar seu comportamento utilizando `break` e `continue`. Descubra o potencial dos loops para executar tarefas repetitivas de forma eficiente.

Descubra o poder das funções em JavaScript. Aprenda a definir funções, trabalhar com argumentos e utilizar a declaração `return` para criar códigos reutilizáveis e eficientes. Dominar funções aprimora sua capacidade de escrever programas limpos e modulares.

Obtenha um roteiro claro do que está por vir, compreenda os pré-requisitos e conheça dicas valiosas para garantir o sucesso ao explorar objetos, arrays e conceitos essenciais de programação.

Explore os conceitos centrais dos objetos em JavaScript. Esta seção aborda os fundamentos da criação de objetos, gerenciamento de propriedades e implementação de métodos.

Aprofunde-se em técnicas avançadas para trabalhar com objetos JavaScript. Esta seção explora diversas estratégias para manipular e interagir com objetos de forma eficiente.

Embarque em uma jornada pelos arrays em JavaScript. Esta seção oferece uma base sólida para criar arrays, gerenciar elementos e executar operações básicas com arrays.

Domine habilidades avançadas de manipulação de arrays, abrangendo diversas técnicas e métodos para lidar com arrays de forma eficaz em múltiplos cenários.

Aprenda os fundamentos das classes em JavaScript, desde declarações de classes até a definição de métodos que ampliam a funcionalidade. Descubra como utilizar objetos de parâmetros de forma eficaz, gerenciar propriedades privadas e controlar o acesso com getters e setters. Domine propriedades e métodos estáticos e aproveite o poder da herança de classes utilizando "extends" e "super()" para construir código escalável e reutilizável.

Domine a manipulação do DOM para criar aplicações web dinâmicas e interativas. Navegue e modifique a estrutura do DOM, atualize conteúdos dinamicamente e implemente as melhores práticas de segurança e desempenho. Diferencie propriedades e atributos para otimizar seu código.

Desbloqueie a interatividade de suas aplicações web dominando os eventos em JavaScript. Compreenda a propagação de eventos, controle o comportamento dos eventos e implemente uma manipulação eficiente para as interações do usuário. Otimize o desempenho com técnicas avançadas como delegação de eventos.

Aprofunde-se em JavaScript assíncrono, incluindo callbacks, Promises e async/await. Aprenda a buscar dados de APIs, integrar bibliotecas de terceiros e gerenciar múltiplas requisições de forma eficiente, desenvolvendo habilidades para criar aplicações orientadas a dados.