Aprenda a fazer aplicativos móveis com o React Native usando JavaScript!

Introdução ao React Native

Aprenda a criar aplicativos móveis com o React Native com esse curso básico.

Tutorial Iniciante de React Native (Curso Prático Completo Gratis em Português)

Aprenda a usar o componente do React Native chamado Navigator, que nos permite implementar a navegação no aplicativo. ⚠ Note que esse componente se tornou obsoleto na versão 0.43 e foi totalmente removido na versão 0.44. ⚠

Introdução ao Componente Navigator (⚠OBSOLETO)

Aprenda a usar o componente do React Native chamado Navigator, que nos permite implementar a navegação no aplicativo. ⚠ Note que esse componente se tornou ob...

0002 Introdução ao Componente Navigator (⚠OBSOLETO)

Aprenda a fazer aplicativos móveis com o React Native usando JavaScript!
Neste projeto fazemos um aplicativo que irá fazer uma pesquisa de imagens usando a API do Bing ("Bing Image Search API"). Vamos ter duas cenas: a cena principal com a lista de imagens que foram achadas e a cena secundária, com um zoom-in da imagem que a gente escolher para ver detalhes.
Components que usamos no App: Text, View, TextInput, StyleSheet, ListView, TouchableHighlight, etc.

Pesquisa de Imagens com o React Native

Pesquisa de Imagens (Passo-a-Passo Projeto de React Native)

Nesta série de vídeos nós aprendemos a usar o Redux para lidar com os dados do nosso aplicativo.

Introdução ao Redux com o React Native

Aprenda a usar o Redux para manter o estado do seu aplicativo.

Tutorial Iniciante de Redux com React Native (Curso Prático Completo Grátis)

Aprenda a fazer autenticação de usuários no React Native usando o Firebase.
Passo-a-passo como configurar o seu aplicativo para rodar em Android e iOS ao mesmo tempo; usar o Redux; usar o React Native Router Flux; autenticar usuário usando email e senha com o Firebase. Aprenda a fazer os seus próprios componentes reutilizáveis.

Autenticação com o Firebase, React Native & Redux

Aprenda a usar o Firebase para fazer autenticação no seu aplicativo móvel. Utiliza React Native e Redux.

Dicas de React

0006 Dicas de React

Aprenda sobre componentes controlados no React para a Web.
➕ Inclui uma seção sobre testes com o Jest e o Enzyme.

React: Componentes Controlados

Aprenda a controlar componentes "primitivos" do HTML. Inclui aula de testes com o Jest e Enzyme.

CRUD com o Redux (e React Native)

CRUD com o Redux (c/ React Native)

Aprenda a instalar o Node com o nvm. Gerando um projeto de React Native com o create-react-native-app. Conectando ao aplicativo Expo para desenvolver no próprio dispositivo móvel.

React Native - Guia de Instalação (Node e Expo)

Aprenda a instalar o Node com o nvm. Gerando um projeto de React Native com o create-react-native-app. Conectando ao aplicativo Expo para desenvolver no próp...

Aprenda a lidar com promessas de JavaScript com o novo paradigma do async e await.

JavaScript: Async / Await

Aprenda sobre as funções geradoras (“generator functions”) do JavaScript. São aquelas que aparecem com a palavra chave function*, seguida de um asterisco.

JavaScript: Funções Geradoras

Inscreva-se: <https://www.udemy.com/course/aplicativos-moveis-com-o-react-native>

Faça o curso de desenvolvimento de aplicativos móveis para iniciantes. O framework usado é o React Native, cujo código se escreve em JavaScript. O aplicativo pode rodar em ambas plataformas Android e iOS. O curso é voltado para iniciantes, aqueles que nunca fizeram algo com o React Native. Entretanto, conhecimento básico de desenvolvimento web é recomendado. Por exemplo, o aluno deve saber os conceitos básicos de HTML, CSS, e JavaScript.

Curso de Desenvolvimento de Aplicativos Moveis (Android e iOS) com o React Native (escrito em JavaScript) para Iniciantes

Inscreva-se: https://www.udemy.com/course/aplicativos-moveis-com-o-react-native

Faça o curso de desenvolvimento de aplicativos móveis para iniciantes. O framework usado é o React Native, cujo código se escreve em JavaScript. O aplicativo pode rodar em ambas plataformas Android e iOS. O curso é voltado para iniciantes, aqueles que nunca fizeram algo com o React Native. Entretanto, conhecimento básico de desenvolvimento web é recomendado. Por exemplo, o aluno deve saber os conceitos básicos de HTML, CSS, e JavaScript.

000c Curso de Desenvolvimento de Aplicativos Moveis (Android e iOS) com o React Native (escrito em JavaScript) para Iniciantes

Aprenda sobre a metodologia BEM (Block-Element-Modifier) para nomear suas classes de CSS.

Metodologia BEM para CSS

Aprenda a desenvolver um servidor (API) de backend que usa GraphQL como middleware para enviar dados em formato JSON. Neste curso, usamos o Express com o Express GraphQL. Para schemas, usamos o pacote graphql.

GraphQL com Express (Servidor Backend API JSON)

Aprenda GraphQL com Express (Servidor Backend API JSON)

Aprenda a programar na linguagem de programação Go, também conhecida como Golang. Criada em 2009 por engenheiros da Google, a linguagem se tornou popular pro desenvolvimento de programas no lado do servidor. O pré-requisito do curso é já ter uma idéia de como programar e os elementos fundamentais de programação.

Aprenda Go / Golang (Curso de Programação)

Aprenda Go / Golang (Curso Tutorial de Programação)

Aprenda a fazer um Jogo da Velha com HTML, CSS, e JavaScript. Crie um jogo e jogue direto do seu navegador! Este curso ensina uma implementação simples tendo o tabuleiro (grade) como um objeto. Usa JavaScript puro, em ES6, sem nenhuma biblioteca ou framework.

Jogo da Velha com HTML, CSS, e JavaScript

Jogo da Velha com HTML, CSS, e JavaScript (Aula Tutorial Curso)

Aprenda o conceito básico de code splitting e como fazer a implementação no React. Code Splitting é o conceito da divisão de código para repartir o bundle em várias partes menores. Com o code splitting, se feito de maneira correta, o tempo de carregamento do código inicial diminui para o cliente. Isso significa um melhor desempenho do aplicativo e da experiência do usuário.

React - Code Splitting para Iniciantes (Divisão de Código, Lazy Loading)

Aprenda o conceito de Selector (seletor) no Redux. Demonstração de como criar seletores para acessar o estado do aplicativo com React e Redux. Tópico relacionado ao react-redux, connect, mapStateToProps, reselect.

O Conceito de Seletor (Selector) - React & Redux

O Conceito de Seletor (Selector) - Aula de React & Redux

Aprenda a criar Modulos Nativos (Native Modules) do Android no React Native. Aprenda a criar uma ponte entre código escrito em Java no Android e código escrito em JavaScript no React Native. Ensina o básico de como criar um Modulo Nativo com função para mostrar uma notificação Toast do Android. Serve de base para criar qualquer módulo nativo. Quando o React Native ainda não tiver a funcionalidade ou você precisar de performance, podes criar um Native Module e fazer uma ponte entre o Java e o JavaScript!

Modulos Nativos do Android no React Native (Native Modules)

TypeScript é uma linguagem que é um superset (superconjunto) do JavaScript. Isto é, o TypeScript adiciona coisas a mais à linguagem para deixar ela mais robusta e preparada para aplicativos de enterprise. É usada para escrever código de JavaScript em escala. O compilador do TypeScript transpila código para o JavaScript normal, que pode ser interpretado pelos navegadores atuais e pelo Nodejs no servidor. TypeScript foi desenhada pela Microsoft pelo mesmo designer da linguagem C#, Anders Hejlsberg.

Aprenda TypeScript - Tutorial Básico Vindo do JavaScript

Aprenda a criar uma servidor de HTTP em Golang que serve dados em formato JSON. Esse curso de Go para iniciantes ensina a fazer uma API na maneira REST, com operações de cadastrar, listar, modificar, e deletar recursos (o chamado CRUD). Começando do zero, aprenda os seus primeiros passos de desenvolvimento Web com a linguagem Golang. A API é criada de maneira bem simples e sedimenta uma base sobre a qual pode-se construir um aplicativo mais elaborado.

Como Criar uma API JSON em Golang - CRUD Simples

Curso de exploração para iniciantes da biblioteca SDL, na linguagem de programação C++. A libsdl é muito usada para o desenvolvimento de jogos. Inclui escrita de um jogo de labirinto com mapa de azulejos (tiles) desenhados na tela. Usa o SDL2.

SDL - Desenvolvimento de Jogos - libsdl SDL2

O uso do comando npm é muito comum no desenvolvimento de aplicativos de JavaScript, Nodejs e TypeScript. Afinal, o NPM é talvez o gerenciador de pacotes mais popular no ecosistema do JavaScript. Muitos instalam os pacotes do registro público, que é o padrão, onde o código fonte é aberto e disponível para todos.
O serviço do NPM tem a capacidade de hospedar pacotes privados. No entanto, esse serviço não é gratuíto e requere pagamentos mensais. É possível a hospegem do nosso próprio registro de pacotes privados. Um registro privado permite a compartilhação de código entre vários repositórios cuja linguagem é derivada do ECMAScript. Outras vantagens do seu uso são: mais privacidade e o controle do próprio código, que possivelmente poderia ser confidencial.
Verdaccio é um aplicativo que serve como registro de pacotes de NPM. Instalado através do próprio NPM install, também podemos utilizar a imagem de Docker verdaccio/verdaccio para poder rodá-lo de maneira conveniente. Este curso cobre a configuração básica do Verdaccio com um container de Docker.

Como Criar um Registro de Pacotes de NPM Privado com o Verdaccio

Dicas do Editor Atom

0019 Dicas do Editor Atom

Tira Dúvidas - Live Stream

001a Tira Dúvidas - Live Stream

Confira umas dicas de desenvolvimento de software em áudio. Explicações e discussões de temas de programação, engenharia de código, aplicativos, web, etc.

Dicas de Desenvolvimento de Software em Áudio

Dicas de Windows

001c Dicas de Windows

Comentários de Acontecimentos de Software em Áudio

Dicas de GitHub

001e Dicas de GitHub

Aprenda a criar um portal de notícias com tecnologias web em um curso que abrange fullstack. 

O curso ensina como criar um website com componentes de React gerados no servidor pelo Next.js. O framework Next.js é muito bom para “search engine optimization” (SEO), otimização de busca, porque o aplicativo de React é construído no lado do servidor e o código já renderizado enviado ao cliente. Esse paradigma se chama aplicativo web isomórfico (“isomorphic web application” no inglês). Em vez de receber uma estrutura de HTML vazia, o cliente já recebe o conteúdo pre-renderizado do servidor. O cliente apenas reconstrói o aplicativo através do processo de hidratação (hydrate no inglês). Depois da primeira requisição que foi renderizada pelo servidor através de “serverside rendering”, o aplicativo age como se fosse de página única (“single-page application” ou SPA). Isto é, a página inteira não é requerida novamente ao servidor, mas apenas as partes de informaćão necessárias para modificar a interface de usuário já existente e transformá-la para um novo estado. 

Para a interface de usuário, o curso usa componentes de React escritos na maneira de Semantic UI. Isso é para não ter que escrever classes e folhas de estilo de CSS do zero.

O curso também ensina como criar uma API que serve dados no formato JSON. Esse backend é escrito em Node.js, que é o JavaScript no lado do servidor. O framework usado é o Express, que permite o estabelecimento fácil e rápido  de um servidor web. 

Para o banco de dados, o curso usa o PostgreSQL, que é um tipo de database SQL bem popular hoje em dia.

Como Criar um Portal de Notícias com Next.js, Semantic UI React, Express e PostgreSQL

001f Como Criar um Portal de Notícias com Next.js, Semantic UI React, Express e PostgreSQL

Aprenda sobre o ambiente de desenvolvimento da linguagem Golang. Dicas de instalação e uso de ferramentas para o desenvolvimento em Go. Tópicos como formatação de código, análise de código, etc. Siga o padrão de programação da linguagem Go, na maneira Golang que os arquitetos da linguagem decidiram.

Golang: Ambiente e Ferramentas de Desenvolvimento da Linguagem Go

Aprenda sobre módulos da linguagem Golang. Como Go gerencia dependências. Descubra pacotes da linguagem. Aprenda como fazer o seu próprio módulo / biblioteca de Golang com um repositório de Git.

Módulos de Golang: Gerenciamento de Pacotes e Dependências na Linguagem Go

Confira umas dicas do editor Visual Studio Code.

Dicas do Editor Visual Studio Code (vscode)

0022 Dicas de Visual Studio Code

Confira algumas dicas da linguagem de programação Go (também conhecida como Golang).


Cursos