Bootcamp completo de desenvolvimento web front-end - prático

Domine o desenvolvimento web front-end completo com atualizações de página interativas e assíncronas usando JS, Ajax e React

Olá e bem-vindo a este novo e empolgante curso, onde exploramos algumas das linguagens de desenvolvimento front-end mais poderosas usadas no desenvolvimento web moderno. Neste curso, você aprenderá a aproveitar o poder do JavaScript, XML, AJAX e React para construir páginas da web altamente interativas do zero. Começamos com uma introdução ao modelo de objeto de documento, seguida por um guia detalhado sobre os fundamentos do JavaScript. Na seção de JavaScript, você aprenderá vários conceitos fundamentais para a sua jornada como desenvolvedor. Isso inclui trabalhar com variáveis, operadores aritméticos, objetos, funções, arrays, eventos e loops. Você também aprenderá a importância do posicionamento do JavaScript, trabalhando com componentes de código JavaScript internos e externos. Os alunos aprendem a importância da precedência do operador ao realizar operações aritméticas simples e complexas. Além disso, você terá a oportunidade de trabalhar com declarações condicionais para fazer comparações entre diferentes operações. Depois de dominar os fundamentos, mergulharemos em uma série de projetos de desenvolvimento JavaScript, onde você terá a oportunidade de aplicar suas novas habilidades com exercícios práticos. Isso inclui a construção de um trocador de cor de plano de fundo automatizado e uma galeria de fotos completa com mouse overs e transições de imagem.

XML e AJAX para atualizações de página assíncronas

Na segunda seção do curso, exploraremos XML e AJAX para demonstrar o poder das atualizações de página assíncronas. Isso significa construir componentes da web que são atualizados automaticamente em uma página da web, sem precisar atualizar manualmente. Você terá a oportunidade de trabalhar com XML e AJAX em conjunto com JavaScript para construir componentes modernos de aplicativos da web, como um recurso de sugestão de pesquisa e um menu de seleção pré-populado.

React para desenvolvimento de interface de usuário front-end

Depois de ter uma compreensão básica do JavaScript e do AJAX, mergulharemos no trabalho com o React, uma poderosa biblioteca JavaScript usada para o desenvolvimento de interfaces de usuário 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. A partir daí, mergulharemos no segundo projeto, onde você construirá um clone do jogo connect-4. Aqui, abordaremos 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 retornos de chamada. Você também aprenderá sobre a propriedade chave do React, eventos do ciclo de vida do React e renderização condicional. No final, 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 comércio eletrônico com React

Na última seção do curso, liberamos ainda mais o poder do React construindo um site de comércio eletrônico completo com várias categorias de produtos, um showcase de produtos, recurso de carrinho de compras e muito mais. Aqui, introduzimos vários novos conceitos essenciais, incluindo: servidor JSON, Fetch API e instalação do React router. Esses blocos de construção essenciais serão usados para renderizar as categorias de produtos, estilizar a lista de produtos e configurar a página de detalhes do produto. A partir daí, mergulhamos em componentes estilizados, refatorando o layout da loja e explorando o conceito de contexto no React. Nas etapas finais do projeto, os alunos configurarão o carrinho de compras e o recurso de checkout. Também implementaremos um recurso de pesquisa de produtos, seguido de exercícios detalhados sobre validação de formulários em React. Como você pode ver, este curso abrange uma quantidade tremenda de conteúdo. Melhor de tudo, é co-autoria de John Smith - um renomado desenvolvedor full-stack sênior com mais de 20 anos de experiência em desenvolvimento comercial. Como desenvolvedor multifacetado, John se especializa em desenvolvimento algorítmico, analítico e móvel. Até o momento, ele escreveu centenas de aplicativos e trabalhou em várias indústrias, desde aviação comercial e militar até bancos e finanças. John tem uma verdadeira paixão por ensinar aos outros como se tornarem melhores programadores e está ansioso para interagir com seus alunos. Dito isso, esperamos que você esteja tão empolgado com este curso quanto nós, se sim - clique no botão de inscrição e vamos começar.

O que você vai aprender

- Compreender a importância do Modelo de Objeto de Documento (DOM) - Aprender a manipular o DOM - Aprender a trabalhar com Operadores Aritméticos e Variáveis do JavaScript - Aprender a trabalhar com Tipos de Dados e Arrays do JavaScript - Compreender vários tipos de Loops do JavaScript (For-In, For, Do-While, While) - Trabalhar com Objetos e Funções do JavaScript - Compreender a importância da Precedência do Operador - Trabalhar com Eventos do JavaScript - Construir páginas da web interativas usando HTML, CSS, JavaScript - Compreender o Esquema XML - Aprender a analisar arquivos XML - Aprender o propósito do JavaScript Assíncrono e XML (AJAX) - Aprender a usar Funções de Chamada AJAX - Construir um recurso de sugestão de pesquisa usando AJAX - Construir um menu de seleção pré-populado usando AJAX - Explorar os fundamentos do React - Compreender as ferramentas necessárias para projetos React - Construir um recurso de pesquisa de comércio eletrônico usando React - Aprender a construir uma calculadora, um clone do jogo connect-4 e um site de comércio eletrônico totalmente personalizado em React - Aprender a validar formulários em React