Curso de Certificação Inicial de HTML, CSS e React

Criando Componentes Interativos de Interface do Usuário (UI)

Bem-vindo ao curso de certificação de HTML, CSS e React para iniciantes. Neste curso, você aprenderá como desenvolver páginas da web elegantes e responsivas para dispositivos móveis do zero, usando poderosas linguagens de marcação front-end e bibliotecas JavaScript.

Fundamentos do HTML

O curso começa com uma visão geral detalhada do HTML. Começamos explorando a estrutura de uma página da web em HTML. Depois de ter uma compreensão sólida dos fundamentos do HTML, passamos a trabalhar com vários elementos HTML. Isso inclui elementos de texto inline, listas ordenadas e não ordenadas, incorporação de mídia, criação de links, tabelas, imagens de fundo, elementos de formulário e iframes. Para reforçar seu aprendizado, fornecemos um projeto prático que o guia na criação de uma página da web completa com cabeçalhos, rodapés, destaques, imagens, links, formulários e dados tabulares. Ao final deste segmento de HTML, você estará apto a codificar páginas HTML simples e complexas.

Fundamentos do CSS

A segunda seção deste curso foca exclusivamente no CSS para dar vida às suas páginas da web com folhas de estilo personalizadas. Você aprenderá a importância do design responsivo e da compatibilidade entre navegadores, incorporando regras de estilo CSS para componentes individuais da página. Começamos explorando as diferentes partes e tipos de regras CSS, seguidas por uma introdução a IDs e divisões CSS. A partir daí, mergulhamos em margens CSS, propriedades de texto, bordas, transparência e texto sobre imagens. Depois de ter uma base sólida, passamos para conceitos CSS mais complexos, incluindo posicionamento CSS, propriedades de flutuação, estilização de links e z-indexes. Semelhante à seção de HTML, o segmento de CSS conclui com um guia prático abrangente para construir uma página da web responsiva, completa com definições de estilo CSS, contêineres de elementos, navegação e outros elementos de página CSS.

Fundamentos do React

Depois de ter uma compreensão básica de HTML e CSS, mergulhamos no trabalho com React, uma poderosa biblioteca JavaScript usada para o desenvolvimento de UI front-end. A seção React começa com um projeto prático em que você aprenderá a trabalhar com componentes funcionais do React, props, funções de retorno de chamada, eventos onClick e o hook de estado do React para construir uma calculadora totalmente funcional. Em seguida, passamos para o segundo projeto, onde você construirá um clone do jogo connect-4. Aqui, abordamos conceitos mais intermediários, incluindo passagem de props, desestruturação, passagem de argumentos para eventos de clique, vários métodos de estilização e tratamento de callbacks. Você também aprenderá sobre a propriedade key do React, eventos do ciclo de vida do React e renderização condicional. Ao final desta seção, você terá construído um tabuleiro de jogo connect-4 completo para vários jogadores e um jogador com capacidades de IA integradas.

Construindo um Site de E-Commerce Totalmente Personalizado

Na última seção do curso, liberamos ainda mais o poder do React construindo um site de e-commerce completo. Isso inclui várias categorias de produtos, um showcase de produtos, recurso de carrinho de compras e muito mais. Apresentamos conceitos essenciais, como JSON server, Fetch API e instalação do React router. Esses blocos de construção serão usados para renderizar categorias de produtos, estilizar a lista de produtos e configurar a página de detalhes do produto. Também mergulhamos em componentes estilizados, refatorando o layout da loja e explorando o conceito de contexto no React. No final do projeto, você configurará o carrinho de compras, o recurso de checkout, implementará uma pesquisa de produtos e aprenderá a validar formulários de entrada no React. Como você pode ver, este curso abrange uma ampla gama de tópicos. Ele é co-autorado por John Smith, um renomado desenvolvedor sênior full-stack com mais de 20 anos de experiência em desenvolvimento comercial. John é especializado em desenvolvimento algorítmico, analítico e móvel. Ele escreveu inúmeras aplicações e trabalhou em várias indústrias, incluindo aviação comercial, militar, bancária e financeira. John é apaixonado por ensinar outras pessoas a se tornarem melhores programadores e está ansioso para interagir com seus alunos. Se você está animado com este curso, clique no botão de inscrição e vamos começar sua jornada para se tornar um desenvolvedor HTML, CSS e React proficiente.