Busca DevMedia
Você está buscando por "javascript" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- Relembrando o INSERT Vídeo
Nesta aula nós vamos relembrar o comando INSERT, utilizado para inserir registros no banco de dados. O objetivo é reforçar o entendimento desse comando antes de utilizarmos ele no nosso código JavaScript.
- API e banco de dados Vídeo
Nesta aula vamos entender como funciona o processo que nos permite acessar um banco de dados via JavaScript. Para isso vamos conhecer e instalar a biblioteca mysql2. Através dessa biblioteca vamos nos conectar e consumir dados das tabelas criadas no MySQL, diretamente da nossa API.
- Validando os dados da API de cadastro Vídeo
Nesta aula vamos utilizar os conceitos de validação vistos na aula anterior e implementá-los na prática no nosso código JavaScript. A ideia é construir um código inicial das validações para vermos como esse processo funciona na prática
- Usando funções JavaScript no React Native Vídeo
Nesta aula veremos como utilizar funções JavaScript em uma aplicação React Native. O objetivo é entender como podemos aplicar o conteúdo aprendido nos módulos de JavaScript dentro do código de um App React Native.
- Funções JavaScript e React Native Vídeo
Antes de começar a utilizar as funções no React Native, vamos entender um pouco a proposta desse curso, assim como o objetivo de utilizarmos funções JavaScript dentro do React Native. Nesta aula você vai aprender porque devemos utilizar funções no React Native e qual sua utilidade.
- Retornando a coleção Vídeo
Construiremos nessa aula o arquivo index.js da nossa aplicação de API. Vamos integrar nossa API com a coleção de dados, e retornar a lista de UFs completa após a requisição do cliente.
- Retornando um elemento único - Parte 2 Vídeo
Nesta aula vamos concluir a evolução no arquivo index.js. Iremos agora buscar a UF na coleção de dados e retornar um elemento específico para o cliente, através da segunda roda da API: https://localhost:8080/ufs/[ID-do-elemento].
- Retornando um elemento único - Parte 1 Vídeo
Evoluiremos nossa API para que retorne um registro específico da coleção. Criaremos uma nova rota no arquivo index.js, que terá o endpoint /ufs/:id, assim o cliente poderá consumir a coleção completa de dados.
- Refatorando o código Vídeo
Nesta aula aplicaremos o conceito de separação de responsabilidades na API de UFs. A ideia é criar uma camada de serviços, separando a lógica central da API em um novo arquivo JavaScript.
- Organização de código usando funções Vídeo
Nesta aula você verá através de um exemplo, como o uso de funções pode deixar nosso código mais organizado. O objetivo será mostrar um comparativo entre um código que utiliza recursos JavaScript sem funções e outro separado por funções, para mostrar como o código fica muito mais organizado.
- Trivia de fatos históricos Vídeo
Nesta aula analisaremos mais um app utilizando recursos de JavaScript, mas dessa vez um app um pouco mais complexo que o visto anteriormente. O objetivo dessa aula é compreender o código de um aplicativo de trivia de fatos históricos.
- Array.filter no React Vídeo
Nesta aula veremos a utilidade do Array.filter no código React para realizar buscas em uma coleção de dados. Também relembraremos o funcionamento do Array.filter e a sua sintaxe, conforme o que já foi apresentado no módulo de JavaScript.
- Refatorando o código Vídeo
Nesta aula refatoraremos o código do exemplo. A ideia aqui é deixar o código mais organizado através da criação de uma camada de serviço, separando a lógica central da aplicação em um novo arquivo JavaScript.
- Conhecendo o React.js Vídeo
Conheça nesta aula a biblioteca React.js, a ferramenta que vai te acompanhar na sua carreira como programador front-end. Entenda o que é o React.js e como ele será útil na criação de páginas web.
- Servidor web local com o Node.js Vídeo
Nesta aula veremos uma alternativa para criar um servidor web local, nesse caso utilizando o Node.js ao invés do Apache.
- JavaScript + useState Vídeo
Nesta aula aprenderemos como aplicar o JavaScript com o useState para alterar o estilo de um elemento a cada novo evento de clique. O uso da condicional IF do JavaScript aliado ao useState em conjunto com o evento onClick vai nos permitir criar praticamente qualquer tipo de alteração visual.
- Criando minha primeira aplicação Vídeo
Chegou a hora de criar sua primeira aplicação React.js. Nesta aula você aprenderá como criar uma aplicação React.js utilizando o framework Next.js. Você também aprenderá como testar a sua primeira aplicação criada.
- Hello World Vídeo
Aprenda nesta aula como criar um Hello World utilizando o React.js. Isso será feito alterando o código de alguns arquivos da aplicação.
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web criada em React.js, que vimos na aula anterior.
- Instalando o http-server Vídeo
Nesta aula veremos a utilização do Node.js através do terminal do Windows, para instalar o servidor web http-server.
- Evoluindo o código Vídeo
Aprenda uma nova forma de aplicar o JavaScript junto com o useState hook para alterar o estilo de um elemento a cada novo evento de clique. O uso do IF ternário do JavaScript aliado ao operador booleano dentro do código React proporciona a capacidade de escrever um código mais limpo e performático.
- Preparando o ambiente Vídeo
Antes de começar a criar SPAs com React.js é necessário que você tenha alguns programas instalados no seu computador. Nesta aula você conhecerá quais são esses programas e aprender a instalá-los.
- Estilizando a página Vídeo
Agora que você já aprendeu como exibir elementos na tela, o próximo passo é estilizá-los. Nesta aula você aprenderá como utilizar o CSS para estilizar a página criada com React.js.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer através do exemplo prático uma página criada com React.js que exibe e estiliza elementos.
- Introdução Vídeo
Você já aprendeu as tecnologias HTML, CSS e JavaScript e já é um programador. Conheça nesta aula o próximo passo da sua carreira como programador front-end.
