Fundação de Desenvolvimento Frontend Ruta - Aprendizado Online com Certificado

Fundação de Desenvolvimento Frontend

Beginner

4.6

1351 reviews

32k+ Learners

Explore os pilares fundamentais do conjunto de habilidades de todo desenvolvedor web. Comece com HTML, onde você aprenderá a estruturar conteúdo para …

293

Chapters

Learning hours

387

Assignments

AI Assistant

Shareable Certificate

Resultados

Track content

Related courses and projects

Depoimentos

Recursos

Preços

Resultados

Track content

Related courses and projects

Depoimentos

Recursos

Preços

O que você vai aprender

Structuring web content with HTML tags

Adding interactivity with JavaScript

Creating and validating HTML forms

Styling responsive layouts using CSS

Manipulating data with JavaScript structures

Mastering CSS Flexbox for layouts

Applying advanced CSS for animations

Building user-friendly web interfaces

Implementing JavaScript DOM manipulation

Learning track content

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.

Bem-vindo ao HTML e Desenvolvimento Web

O Que É a Internet?

Como a Internet Funciona?

Compreendendo Como os Sites Funcionam

Explicação Sobre Desenvolvimento Frontend e Backend

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.

Compreensão das Tags HTML

Trabalhando com Atributos HTML

Compreendendo Tags Pareadas e Únicas em HTML

Marcação de Texto

Organizando Listas

Desafio: Crie o Parágrafo da Sua Primeira Página Web

Desafio: Construir uma Página Web de Apresentação Pessoal

Desafio: Criar uma Página Web de Exibição de Filmes

Usando Links

Adicionando Botões

Desafio: Criar Links para Sites Populares

Validando Seu Código HTML para Melhores Práticas

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.

Os Segredos por Trás de Páginas Web Bem Estruturadas

Compreensão da Estrutura do Documento HTML

O Papel do Cabeçalho do Documento

Gerenciamento do Fluxo e Layout do Documento

Desafio: Estruturar Corretamente um Documento HTML

Usando Ferramentas de Desenvolvedor para Inspeção e Depuração de HTML

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.

Adicionando Imagens em HTML

Desafio: Trabalhar com Imagens

Trabalhando com Imagens Clicáveis, Legendas e Otimização

Compreensão de Gráficos Vetoriais e Rasterizados

Incorporação de Áudio para Mídia Enriquecida

Adicionando Elemento de Vídeo

Desafio: Incorporar Áudio e Vídeo em HTML

Criação e Estruturação de Tabelas em HTML

Desafio: Criar uma Tabela HTML Funcional

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.

Introdução aos Formulários HTML

Fundamentos da Criação de Formulários em HTML

Usando Rótulos para Melhor Acessibilidade de Formulários

Aperfeiçoando Formulários com Atributos de Entrada

Explorando Diferentes Tipos de Entrada em HTML

Desafio: Criar Formulário com Campos e Rótulos

Trabalhando com o Elemento Textarea para Entrada Multilinha

Usando o Elemento Select para Menus Suspensos

Usando o Elemento Datalist para Sugestões de Entrada Predefinidas

Agrupamento de Elementos de Formulário para Melhor Estrutura

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.

O Que É CSS e Por Que É Importante?

Vinculando CSS a um Documento HTML

Domínio dos Seletores CSS para Estilização de Elementos HTML

Desafio: Aplique Seus Primeiros Estilos CSS

Desafio: Estilize com Seletores de Classe

Aperfeiçoando Estilos com Pseudo-Classes de Ação do Usuário

Desafio: Aplicar Pseudo-Classes de Ação do Usuário

Alterando Cores de Texto no CSS

Otimizando o Fluxo de Trabalho para Codificação Eficiente em CSS

Desafio: Use Variáveis para Melhor Gerenciamento de 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.

Dominando a Estilização de Texto em CSS

Técnicas de Formatação de Texto para Legibilidade

Desafio: Formatar Texto com CSS

Adicionando Fontes Personalizadas a uma Página da Web

Compreensão e Uso das Propriedades de Fonte

Desafio: Explorar Propriedades de Fonte

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.

O Que É o Modelo de Caixa do CSS?

Compreendendo o Dimensionamento de Caixas no CSS

Adicionando Espaço com Margens e Preenchimento

Desafio: Aplicar Box Sizing aos Elementos

Usando Pseudo-Classes Estruturais e Funcionais

Desafio: Praticar Pseudo-Classes Estruturais

Compreensão dos Elementos Block, Inline e Inline-Block

Trabalhando com Elementos de Bloco

Trabalhando com Elementos Inline

Desafio: Prever o Layout da Página com Diferentes Tipos de Elementos

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.

O Que É Flexbox e Por Que Usá-Lo?

Definindo a Direção do Flex para Layouts

Justificando o Conteúdo Horizontalmente no Flexbox

Alinhando Itens Verticalmente no Flexbox

Compreendendo as Propriedades dos Itens Flex

Desafio: Aplicar Conceitos de Flexbox

Desafio: Construir um Layout com Flexbox

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.

Usando Cores de Fundo para Design

Aplicando Imagens de Fundo aos Elementos

Trabalhando com Imagens em CSS

Criando Efeitos com Pseudo-Elementos Decorativos

Adicionando Sombras para Profundidade e Estilo

Desafio: Implementar Efeitos Decorativos em CSS

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?

Visão Geral do Curso e Resultados de Aprendizagem

Tópicos Abordados Neste Curso

Dicas de Sucesso para Aprender CSS Avançado

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.

Compreendendo o Posicionamento CSS

Posicionamento Relativo Explicado

Desafio: Aplicar Posicionamento Relativo

Posicionamento Absoluto em CSS

Desafio: Implementar Posicionamento Absoluto

Posicionamento Fixo para Elementos de Interface Fixos

Desafio: Trabalhar com Posicionamento Fixo

Posicionamento Sticky para Layouts Dinâmicos

Desafio: Dominar o Posicionamento Sticky

Gerenciamento da Ordem de Empilhamento dos Elementos

Desafio: Controlar Z-Index e Sobreposição de Elementos

Lidando com Overflow de Conteúdo em CSS

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.

Introdução às Transições em CSS

Escolhendo as Propriedades de Transição Corretas

Definindo a Duração da Transição para Efeitos

Personalizando Transições com Funções de Temporização

Adicionando Atraso às Transições CSS

Combinando Transições

Desafio: Adicionar um Efeito de Transição Suave

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.

O Que São Animações CSS?

Definindo Duração e Temporização de Animação

Controlando Iteração e Direção da Animação

Gerenciamento de Estados de Animação em CSS

Compondo Múltiplas Animações

Desafio: Implementar Animação CSS

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.

Introdução às Transformações CSS

Dimensionamento de Elementos

Rotacionando Elementos em 2D e 3D

Desafio: Aplicar Escala e Rotação

Translação de Elementos para Efeitos Dinâmicos

Inclinação de Elementos para Designs Exclusivos

Usando Perspectiva para Efeitos de Profundidade

Desafio: Combinar Translação e Inclinação

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.

O Que É Design Responsivo?

Usando @media Queries para Estilos Adaptativos

Construindo Layouts Flexíveis para Diferentes Tamanhos de Tela

Inspecionando Páginas da Web

Desafio: Inspecionar Layout Adaptativo

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.

Introdução aos Pré-Processadores CSS

Compreendendo a Sintaxe do Sass para um CSS Aprimorado

Usando Variáveis Sass para Estilos Reutilizáveis

Realizando Cálculos com Operadores Numéricos do Sass

Aninhamento de Estilos para Código Mais Limpo

Estendendo Estilos com a Diretriz @extend

Organizando Arquivos Sass para Projetos Escaláveis

Uma introdução ao JavaScript, abordando a sintaxe básica da linguagem juntamente com termos e conceitos essenciais que formam a base para o aprendizado de recursos avançados. A seção inclui tarefas práticas desenvolvidas para auxiliar na fixação desses conceitos e tornar o conteúdo fácil de memorizar sem esforço.

Primeira Aplicação JavaScript no Console

Desafio: Exibindo Alguma Saída

Desafio: Saída de Múltiplas Linhas

Lidando com Números

Desafio: Trabalhando com Números

Desafio: Calculando a Velocidade de um Carro

Desafio: Cálculo da Área de um Trapézio

Exibindo Múltiplos Valores

Desafio: Exibindo Saída Significativa no Console

Como Usar Comentários em JavaScript?

Desafio: Adicionando um Comentário

Comentários de Múltiplas Linhas

Desafio: Comentando Código

Afinal, O Que É JavaScript?

Aprenda como armazenar dados e recuperá-los posteriormente utilizando variáveis. Além disso, explore os tipos de dados básicos e compreenda como eles interagem entre si.

Armazenando Dados

Desafio: Declaração de Uma Variável

Desafio: Acessando Dados de uma Variável

Desafio: Corrigindo Nomes de Variáveis

Desafio: Reatribuição de uma Variável

Constantes

Desafio: Declaração e Uso de Constantes

Realizando Operações Aritméticas em Variáveis

Desafio: Criando uma Calculadora de Salário

Desafio: Ajustando Salário com um Bônus

Explorando Tipos de Dados Primitivos

Desafio: Declarando um Valor Booleano

Como Diferentes Tipos de Dados Interagem

Desafio: Concatenando Strings

Desafio: Criação de Perfil de Usuário e Detalhes de Atividade

Aprenda a escrever expressões que avaliam como "verdadeiro" ou "falso" com base em condições, como "X é igual a Y?". Em seguida, será feita uma exploração das declarações condicionais que permitem a execução condicional de linhas específicas de código.

Operadores de Comparação

Desafio: Verificando Elegibilidade por Idade

A Declaração `if`

Desafio: Par ou Ímpar

Declarações Condicionais Aninhadas

A Cláusula `else`

Desafio: Aprimorando o Verificador de Par ou Ímpar

Desafio: Consultor de Temperatura

A Cláusula `else if`

Desafio: Categorizador de Notas

Operador Lógico `AND`

Desafio: Verificando se um Número é Par e Positivo

Operador Lógico OR

Desafio: Sistema de Controle de Acesso

Um recurso poderoso de programação chamado função permite a execução de um bloco de código várias vezes com mínima repetição. Esta seção apresenta conceitos fundamentais e a sintaxe para definir e utilizar funções de forma eficaz.

O Que São Funções?

Desafio: Função Simples

Desafio: Calculando a Velocidade de um Carro

Escopos

Passando Dados para Funções

Desafio: Corrigindo a Função de Velocidade

Desafio: Aprimorando o Categorizador de Notas

Desafio: Definindo uma Função Composta

Retornando Dados de Funções

Valores Padrão

Desafio: Resposta Automática de E-mail com Parâmetros Padrão

O conceito de arrays é apresentado como uma forma de organizar e gerenciar coleções de dados. O material aborda como os arrays estruturam os dados e possibilitam operações eficientes sobre múltiplos valores.

O Que São Arrays?

Desafio: Definindo um Array

Desafio: Indexação

Adicionando Valores a um Array

Desafio: Adicionando Elementos a um Array

Removendo Elementos de um Array

Desafio: Praticando `pop` e `shift`

A Propriedade `length`

Desafio: Contando Elementos

O Método `includes`

Desafio: Buscando Animais no Zoológico

Loops são um recurso fundamental na programação, utilizados para reduzir redundâncias e lidar com tarefas repetitivas de forma eficiente. O conteúdo aborda os três principais tipos de loops em JavaScript, sua sintaxe, casos de uso e como podem ser combinados com arrays para otimizar operações e melhorar o desempenho.

O Loop `for`

Tarefa: Imprimindo uma Sequência

O Loop `while`

Desafio: Imprimindo a Sequência de Fibonacci

O Loop `do-while`

Desafio: Múltiplo Aleatório de 7

Usando Loops com Arrays

Desafio: Encontrando o Preço Médio dos Itens

Resumo

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.

Introdução às Estruturas de Dados em JavaScript

Pré-Requisitos para Aprender Estruturas de Dados em JavaScript

O Que Você Aprenderá Neste Curso

Dicas para o Sucesso

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.

Compreendendo Objetos em JavaScript

Criando Objetos em JavaScript

Trabalhando com Propriedades de Objetos Aninhados

Desafio: Criar e Estruturar um Objeto

Acessando Propriedades de Objetos em JavaScript

Desafio: Recuperar Valores de Propriedades de Objeto

Gerenciamento de Propriedades de Objetos

Desafio: Modificar e Expandir um Objeto

Definindo Métodos de Objetos

Usando Propriedades Dentro de Métodos

Desafio: Trabalhar com Métodos de Objetos

Resumo dos Fundamentos dos Objetos em JavaScript

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.

Iterando Sobre Propriedades de Objetos com o Loop for...in

Desafio: Explorar Propriedades de Objetos com Iteração

Usando hasOwnProperty() para Verificar Propriedades de Objetos

Desafio: Iteração de Propriedades de Objeto com hasOwnProperty()

Clonagem e Mesclagem de Objetos com o Operador Spread

Desafio: Combinar Objetos com o Operador Spread

Desestruturação de Objetos para Código Mais Limpo

Desafio: Extração de Dados com Desestruturação de Objetos

Resumo de Manipulação Avançada de Objetos

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.

Compreendendo Arrays em JavaScript

Desafio: Acessar Elementos de Arrays

Modificando Arrays e Acessando Elementos

Desafio: Modificar Elementos de Array

Iterando Sobre Arrays com o Laço For

Desafio: Percorrer Arrays com For

Usando o Loop For...of para Iteração de Arrays

Desafio: Iteração Eficiente de Arrays com for...of

Resumo Sobre o Domínio de Arrays em JavaScript

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.

Transformando Arrays com o Método map()

Desafio: Modificar Elementos de Array Usando map()

Filtragem de Arrays com o Método filter()

Desafio: Selecionar Dados Específicos Usando filter()

Encontrando Elementos em um Array com o Método find()

Desafio: Busca de Itens Usando find()

Ordenando Arrays com o Método sort()

Desafio: Ordenar e Extrair Dados com sort()

Resumo de Métodos Avançados de Arrays e Transformações

Resumo do Curso

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.

Introdução

Compreendendo Declarações de Classes em JavaScript

Desafio: Criar uma Classe JavaScript

Definindo Métodos em Classes JavaScript

Desafio: Adicionar Métodos a uma Classe

Usando Objetos de Parâmetro

Trabalhando com Propriedades Privadas em Classes

Desafio: Implementar Propriedades Privadas em uma Classe

Gerenciamento de Propriedades com Getters e Setters

Desafio: Implementar Getters e Setters em uma Classe

Explorando Propriedades Estáticas em JavaScript

Usando Métodos Estáticos em JavaScript

Desafio: Implementar Propriedades e Métodos Estáticos em uma Classe

Compreendendo Herança com Extends e Super()

Desafio: Implemente Herança de Classes com Extends e Super()

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.

O Que É o Modelo de Objeto de Documento (DOM)?

Consulta e Seleção de Elementos no DOM

Desafio: Consultar e Selecionar Elementos do DOM

Compreensão da Hierarquia e dos Relacionamentos do DOM

Desafio: Navegação na Hierarquia do DOM

Explorando Propriedades do DOM em JavaScript

Trabalhando com Atributos de Elementos no DOM

Desafio: Gerenciar Propriedades e Atributos de Elementos

Adicionando Elementos Dinamicamente ao DOM

Removendo Elementos do DOM

Desafio: Adicionar e Remover Elementos do DOM

Modificando Estilos de Elementos com JavaScript

Desafio: Aplicar Estilos Dinâmicos a Elementos do DOM

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.

Introdução a Eventos e Ouvintes de Eventos

Compreensão do Objeto de Evento em JavaScript

Desafio: Implementar Ouvintes de Eventos

Propagação e Delegação de Eventos Explicadas

Desafio: Manipulação de Propagação e Delegação de Eventos

Trabalhando com Eventos de Teclado e Mouse

Gerenciamento e Remoção de Event Listeners

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.

Introdução ao JavaScript Assíncrono

Compreendendo Callbacks em JavaScript

Manipulação de Operações Assíncronas com Promises

Usando Async/Await para um Código Assíncrono Mais Limpo

Buscando e Trabalhando com APIs em JavaScript

Integração de APIs em Aplicações JavaScript

Desafio: Buscar e Utilizar Dados de API

Integração de Bibliotecas de Terceiros em JavaScript

Desafio: Trabalhar com Bibliotecas de Terceiros

Manipulação de Múltiplas Requisições Assíncronas

Impulsione suas Habilidades Tecnológicas!

com até 55% de desconto

Features:

*Tracks not included in Pro plan

500+ Cursos Bem AvaliadosCopiloto de IA de ponta

Trilhas de estudo personalizadas40+ Projetos práticos do mundo real

Sem cancelamento, antes do término do plano com desconto selecionado, aceito que a Codefinity cobrará automaticamente $104 a cada 3 meses até eu cancelar. Saiba mais sobre a política de cancelamento e reembolso em Termos de Assinatura.

Recommended Courses and Projects

Fundamentos de HTML

Domine os fundamentos do HTML para criar conteúdos web bem estruturados e acessíveis. Aprenda a estruturar documentos utilizando tags, elementos e atributos. Trabalhe com confiança com textos, listas, imagens, áudio e vídeo para enriquecer páginas web. Crie tabelas para organizar dados e formulários para entrada e interação do usuário. Descubra o HTML semântico para aprimorar a acessibilidade e construa estruturas completas e funcionais de sites desde o início.

Ninja do JavaScript

Bem-vindo ao Curso Ninja de JavaScript! Este curso envolvente e interativo é projetado para introduzi-lo aos fundamentos da programação em JavaScript através de um jogo divertido e educativo. Você guiará um ninja por vários desafios, usando JavaScript para controlar movimentos e interagir com objetos como sushi. Começando com o básico, você aprenderá a navegar pelo mapa, pegar e colocar sushi, e gradualmente progredir para conceitos de programação mais complexos, como funções, loops e declarações condicionais. Cada capítulo oferece prática prática para reforçar seu aprendizado, culminando em desafios emocionantes que testam suas habilidades. Seja você um iniciante completo ou alguém que deseja aprimorar suas habilidades de codificação, este curso oferece uma experiência de aprendizado abrangente e agradável. Junte-se a nós e torne-se um ninja da codificação!

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Test Automation with Jest and Selenium

Build on top of your previously acquired Manual Testing knowledge and learn Automation Testing using Node.JS and Jest. This course will also introduce you to some additional libraries and tools like Selenium, Axios and Jenkins.

Functions in JavaScript

JavaScript functions from the fundamentals to modern syntax and best practices. Gain understanding of how functions shape every part of JavaScript, helping create clean, modular, and efficient code. Master both classic patterns and modern approaches to writing reusable, maintainable functions for any project.

DOM Manipulation with JavaScript

A practical introduction to JavaScript DOM manipulation for beginners. This course covers everything from understanding the DOM and selecting elements to modifying content, handling events, and writing efficient code. Build interactive, dynamic web pages with confidence through guided examples and hands-on practice.

JavaScript Array Methods

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Testing JavaScript Code

A practical, beginner-friendly course that teaches how to test JavaScript code. Learn why testing matters, how Jest works, and how to write reliable tests for synchronous and asynchronous logic. Move from foundational skills to advanced techniques like mocking, spying, and TDD, gaining the tools to create more stable and maintainable applications.

Asynchronous JavaScript Explained

Master the core concepts of asynchronous programming in JavaScript, from the event loop to modern async/await syntax. Learn how JavaScript handles non-blocking operations, why asynchronous code is essential, and how to write robust, readable, and maintainable asynchronous code using Promises and async/await.

Conditional Statements and Loops in JavaScript

A clear, interactive introduction to program logic in JavaScript. This course explains how decisions, conditions, and loops shape the way programs run, using relatable examples and hands-on practice. Build the foundation for writing flexible, efficient, and readable code that truly responds to logic.

Working with JSON and Local Storage in JavaScript

A clear and practical introduction to JSON and browser storage in JavaScript. Learn how to structure and manipulate JSON data, parse and stringify objects, and store information persistently using localStorage and sessionStorage.

JavaScript Web APIs Essentials

Explore the most useful web APIs. Learn to work with drag and drop, clipboard access, fullscreen mode, storage APIs, file uploads, and geolocation to create interactive and engaging web features. Reinforce your skills with hands-on mini projects that put each API into practice.

Discover more Learning Tracks

trilha

Desenvolvimento Web com C#

Iniciante

SQL do Zero ao Herói

Iniciante

C++ para Iniciantes

Iniciante

Desenvolvimento de Jogos com Unity

Iniciante

Torne-se um Desenvolvedor React

Intermediário

Desenvolvimento Web Full Stack

Iniciante

Domínio em Aprendizado de Máquina

Intermediário

Domínio de C++

Avançado

Java Web

Avançado

Torne-se um Engenheiro de QA

Iniciante

Produção de Vídeo com Adobe

Iniciante

Por que as Pessoas Escolhem Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Ambiente de codificação interativo

Mergulhe em nosso ambiente interativo: escreva e execute seu código com feedback em tempo real e métricas de sucesso—aprenda fazendo a cada passo.

Suporte com IA

Aproveite o assistente de IA integrado para explicar erros, sugerir correções ou responder a qualquer pergunta sobre seu código—assim você permanece produtivo e nunca fica preso.

Check your progress

Conclua cada módulo com um questionário rápido que fornece feedback instantâneo, acompanha seu progresso e garante que você dominou os conceitos-chave.

Promote your expertise

Ganhe seu certificado reconhecido pela indústria ao concluir e compartilhe no LinkedIn com um clique—deixe sua rede ver o que você pode fazer.

Confiado por Funcionários de Empresas Líderes
e Estudantes de Universidades de Prestígio

Acesso completo ao catálogo

Uma assinatura abre este curso e todo o nosso catálogo de projetos e habilidades.

Features:

500+ Cursos Bem AvaliadosCopiloto de IA de ponta

Trilhas de estudo personalizadas40+ Projetos práticos do mundo real

Experimente Codefinity com confiança – garantia de devolução do dinheiro em 30 dias incluída

Para dar as boas-vindas ao Codefinity, estamos oferecendo até 64% de desconto em nossos cursos. Além disso, temos uma garantia de devolução do dinheiro em 30 dias, para que você possa nos experimentar sem riscos.Estamos ansiosos para recebê-lo em nossa plataforma e estamos comprometidos em tornar sua experiência de aprendizado fácil, interativa e divertida.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Acesse instantaneamente 500+ cursos

Aprendizado Ilimitado, Acesso InstantâneoTenha acesso total a todos os cursos e trilhas, incluindo conteúdo em vídeo, questionários e materiais aprofundados—comece a aprender a qualquer momento.

Certificados Reconhecidos pela IndústriaGanhe certificados que validam sua expertise e impulsionam sua carreira em tecnologia, IA, dados, marketing e além.

Aprendizado assistido por IAReceba dicas personalizadas, feedback em tempo real e explicações com IA para acelerar seu progresso.

Constantemente Expansível: Novos Cursos e Trilhas de CarreiraMantenha-se à frente com cursos constantemente atualizados, roteiros de carreira, desafios e testes práticos.

Desenvolva Habilidades que ImportamDomine habilidades em demanda com cursos em IA, ciência de dados, programação, marketing, automação, desenvolvimento web e mais.

Aprendizado Interativo e Sem CosturaEngaje-se com projetos práticos, exercícios do mundo real e uma experiência de aprendizado intuitiva — sem necessidade de ferramentas extras.

O que você vai aprender

Desenvolvimento Web com C#

SQL do Zero ao Herói

C++ para Iniciantes

Desenvolvimento de Jogos com Unity

Torne-se um Desenvolvedor React

Desenvolvimento Web Full Stack

Domínio em Aprendizado de Máquina

Domínio de C++

Java Web

Torne-se um Engenheiro de QA

Produção de Vídeo com Adobe

Por que as Pessoas Escolhem Codefinity

Confiado por Funcionários de Empresas Líderes e Estudantes de Universidades de Prestígio

Acesso completo ao catálogo

Experimente Codefinity com confiança – garantia de devolução do dinheiro em 30 dias incluída

Acesse instantaneamente 500+ cursos

Confiado por Funcionários de Empresas Líderes
e Estudantes de Universidades de Prestígio