Construa um aplicativo de mídia social como o Twitter e o Instagram do zero Aprenda como desenvolver um aplicativo de mídia social avançado (PWA) semelhante ao Twitter e ao Instagram do zero, incluindo a capacidade de fazer upload de vídeos. Neste curso abrangente sobre Javascript, banco de dados MySQL e programação PHP para o backend, você aprenderá como criar um aplicativo da web progressivo (PWA) para uma rede social como o Twitter e o Instagram. O curso abrange diversos tópicos, como design de logotipos e ícones vetorizados, criação de layouts, implementação de processos de cadastro/entrada/recuperação de senha, upload de fotos de perfil, atualização de biografias, postagem de imagens, gifs e vídeos (usando FFMPEG), criação de um player de vídeo personalizado, incorporação de hashtags, conversão de texto em links clicáveis, marcação de usuários, configuração de notificações push e muito mais.

Ideia e redação

- Desenvolvendo uma ideia para uma rede social - Escolhendo um nome único - Criando um título e descrição atraentes - Criando slogans cativantes - Identificando recursos-chave de uma rede social - Esboçando as páginas

Registro da ideia

- Selecionando um registrador de nomes de domínio - Registrando um nome de domínio - Comprando um pacote de hospedagem - Configurando um certificado SSL

Configurando o servidor

- Configurando o servidor XAMPP - Escolhendo um editor de texto adequado - Otimizando arquivos CSS e Javascript - Fazendo upload de arquivos usando um método mais inteligente

Design de logotipo e ícones vetorizados

- Criando logotipos e ícones vetorizados visualmente atraentes

Configurando o Htaccess

- Configurando o Htaccess para versões com e sem WWW

Analisando o layout para diferentes dispositivos

- Projetando o layout da rede social para dispositivos móveis - Projetando o layout da rede social para tablets - Projetando o layout da rede social para laptops - Projetando o layout da rede social para desktops

Projetando o layout e elementos para diferentes dispositivos

- Criando o cabeçalho - Projetando o rodapé - Configurando o painel esquerdo - Projetando a página de perfil - Criando o pôster Meow - Exibindo Meows postados - Projetando a página de boas-vindas - Projetando a página de cadastro - Projetando a página de entrada - Projetando a página de recuperação de senha - Criando um quadro de avisos e um carregador

Bibliotecas de JavaScript

- Implementando index.js - Criando uma tela de abertura - Utilizando funções JavaScript para a página de cadastro - Utilizando funções JavaScript para a página de entrada - Utilizando funções JavaScript para a página de recuperação de senha

Envio de e-mail no cadastro, entrada e recuperação de senha

- Processando solicitações de cadastro - Gerenciando o banco de dados MySQL - Configurando o remetente de e-mail - Criando e testando a funcionalidade de e-mail - Processando solicitações de entrada - Processando solicitações de recuperação de senha - Melhorando a experiência do usuário com a funcionalidade de campo de entrada - Implementando foco no carregamento da página

Projetando o banco de dados e codificação avançada 1

- Lidando com solicitações Ajax, sucesso e carregador - Configurando a página inicial - Configurando a página de notificações - Criando a página de configurações - Configurando a página de descoberta - Projetando a página de perfil - Criando diferentes tipos de páginas - Implementando várias chamadas de botão - Adicionando colunas necessárias à tabela reg_users - Criando a tabela meows - Gerenciando as tabelas reports e pushnoti - Codificando a funcionalidade de upload de foto de perfil - Codificando a remoção de foto de perfil - Codificando atualizações de biografia - Gerenciando alterações de nome, nome de usuário e senha - Implementando recursos de desativação e logout

Perfil e codificação avançada 2

- Configurando URLs catzby.com/username - Configurando contagens e reenvio de link de ativação - Implementando funcionalidade de botão de configurações - Habilitando funcionalidade de seguir/deixar de seguir - Habilitando funcionalidade de bloquear/desbloquear - Configurando denúncia de perfil - Implementando htmlspecialchars - Habilitando funcionalidade de clique para usuários marcados (@usuário), hashtags (#hashtag) e links - Carregando páginas de seguidores e seguindo - Habilitando funcionalidade de compartilhamento - Configurando Meow Poster e NSAM Poster para perfis próprios e visitantes

Configurando VPS e FFMPEG

- Fazendo backup de arquivos - Comprando um VPS - Criando um projeto - Configurando um servidor - Gerando chaves - Configurando o cliente SSH - Instalando Apache, PHP e MySQL - Protegendo o MySQL - Instalando o PHPMyAdmin - Alterando a URL do PHPMyAdmin - Configurando a senha do usuário root para o PHPMyAdmin - Acessando o PHPMyAdmin e importando o banco de dados - Instalando um certificado SSL gratuito - Configurando o Htaccess - Fazendo upload de arquivos usando SFTP - Configurando registros DNS - Editando emailll_sending.php - Redirecionando o acesso direto ao IP - Removendo STRICT_TRANS_TABLES - Atualizando upload_max_filesize - Concedendo acesso ao www-data - Resolvendo erros do PHPMyAdmin - Configurando o FFMPEG

Postagem, player de vídeo personalizado e codificação avançada 3

- Postando Meows manualmente - Configurando a página Meow - Buscando Meows postados - Buscando a parte superior de um Meow postado - Denunciando um perfil a partir de um Meow postado - Excluindo um Meow - Exibindo a hora de postagem de um Meow - Recuperando a largura e altura de uma imagem em um Meow - Criando um player de vídeo personalizado para um Meow - Curtindo um Meow - Encaminhando um Meow - Carregando curtidas para um Meow - Carregando comentários para um Meow - Carregando Meows para a página inicial - Carregando Meows para as páginas de perfil e descoberta - Carregando Meows com hashtags - Configurando a página de pesquisa - Carregando Meows pesquisados - Carregando Catzbies pesquisados - Implementando funcionalidade de pesquisa de Meow e Catzby - Sugerindo usuários para marcar - Visualizando um vídeo - Postando NSAM/Meow/Comentário em um Meow

Notificações push e codificação avançada 4

- Configurando o círculo de notificação - Buscando notificações - Configurando notificações push - Recebendo notificações push - Implementando a API de Histórico para funcionalidade de botão voltar - Restaurando a posição de rolagem com a API de Histórico - Chamando a função logocall com o botão voltar - Implementando carregamento automático ao rolar para baixo - Configurando a página de sucesso após o cadastro - Carregando a página inicial após o login bem-sucedido - Substituindo páginas após o login - Tornando os painéis esquerdo e direito fixos - Carregando todos os ícones antes do carregamento da página - Configurando páginas de erro - Instalando o aplicativo em dispositivos - Minificando arquivos CSS e Javascript - Configurando cabeçalhos no Htaccess - Testando a velocidade de carregamento do site - Configurando about.catzby.com - Configurando acesso ao Google Search Console - Configurando o Google Analytics AVISO LEGAL: Neste curso, ensinamos o processo de manipulação de imagens, gifs, vídeos e áudios. No entanto, desencorajamos fortemente o uso de imagens, gifs,