Ionic Angular Firebase: Do Zero à Maestria [Atualizado 2020]

Um Guia Prático para Construir Aplicações do Mundo Real

Descubra uma abordagem direta, rápida e prática para construir aplicações do mundo real usando Ionic 5, Angular 9 e Firebase.

Requisitos

Este curso é adequado para pessoas com diferentes níveis de familiaridade com Ionic, Angular e Firebase. Se você é um iniciante ou tem alguma experiência, este curso foi projetado para atender às suas necessidades. Tudo o que você precisa é de um entendimento básico de Javascript e/ou desenvolvimento web, juntamente com uma curiosidade genuína para aprender.

Os Frameworks

Ao longo deste curso, abordaremos as versões mais recentes do Ionic 4 e 5, bem como do Angular 8 e 9. Fique tranquilo, todo o código no repositório foi atualizado e testado com as versões mais recentes. Para obter mais informações, você pode visitar o repositório no GitHub.

Código Fonte

Você pode encontrar todo o código usado neste curso no monorepo do GitHub (didaktio/Ionic-Angular-Course). O monorepo é dividido em submódulos, que são repositórios independentes que também podem ser encontrados no perfil didaktio do GitHub. Cada vídeo na seção de recursos do curso inclui um link para o repositório específico que contém o código usado naquele vídeo. Embora você possa seguir o README em cada repositório para executar o código localmente, eles são principalmente destinados a fins de referência.

Sobre Este Curso

Este curso foi projetado para fazer você começar a desenvolver o mais rápido possível. Ao contrário de outros cursos, focamos menos na teoria e mais na aplicação prática dessas tecnologias. Nosso objetivo é capacitar você a fazer essas tecnologias poderosas funcionarem para você. Ao longo do curso, abordaremos problemas específicos e comuns, como sistemas de login, registro de usuários, capacidades baseadas em funções, armazenamento e manipulação de dados, notificações, envio de e-mails e muito mais. Cada linha de código neste curso é escrita em um servidor de desenvolvimento ao vivo, para que você possa ver os resultados em tempo real. Este curso adota uma abordagem prática, trabalhando em soluções juntos e pensando em tempo real. Encontraremos erros, encontraremos alternativas na hora e faremos as alterações necessárias sem compromisso. Nossa filosofia orientadora é Aprendizado Just-in-Time, o que significa que aprendemos melhor quando trabalhamos em problemas que entendemos e achamos interessantes. Este é um curso prático, então inscreva-se apenas se você estiver realmente interessado em aprender a desenvolver aplicações e construir sites com Ionic e/ou Angular. Ao longo deste curso, você aprenderá: - Os fundamentos das últimas versões do Ionic e Angular, TypeScript, Node, Google Cloud, RXJS e muito mais. - Login e registro de usuários usando vários métodos. - Popovers, modais e alertas. - Notificações, envio automático de e-mails e gerenciamento de tarefas em segundo plano. - Implantação de aplicativos/sites usando Kubernetes e/ou Firebase Hosting. - Armazenamento de dados em dispositivos para detecção de usuários. - Streaming, conversão, transformação e apresentação de dados complexos em tempo real. - Módulos, componentes, pipes, atributos e diretivas do Angular. - Construção de um controlador de tema detalhado. - Capacidades específicas de função, rotas e interfaces de usuário para diferentes tipos de usuários. - Ciclos de vida e formulários, incluindo validação e tratamento de erros. - Serviços, utilitários reutilizáveis e recursos globais. - Interpolação e sanitização do DOM. - Formulários CAPTCHA e o teste Você é um robô?. - Scripts personalizados e construção de Aplicações Web Progressivas (PWA). - Recursos do Firebase, como Firestore, Cloud Storage e Cloud Functions. - Design para todos os tamanhos de tela de dispositivos usando o Ionic Grid e truques de SCSS. Os vídeos deste curso são rápidos e densos, fornecendo as informações necessárias para começar a desenvolver aplicações. Embora alguns vídeos possam ser desacelerados quando necessário, nosso foco é fornecer conteúdo prático, conciso e valioso. Cada vídeo é acompanhado por sons que estimulam as ondas cerebrais do brilhante Steve Reich, criando uma experiência de aprendizado imersiva.

Navegando no Curso

Se você é novo no Ionic ou Angular, recomendamos começar com a seção de Noções Básicas. No entanto, sinta-se à vontade para explorar o curso da maneira que melhor funcionar para você. Você pode pular entre as seções, experimentar e iterar com base em seus interesses e necessidades. Lembre-se, esta é a sua jornada de aprendizado e você tem a liberdade de explorar e assumir o controle. Aprender deve ser divertido, então aproveite o processo! Aqui estão algumas dicas para navegar no curso: - Assista ao Outro antes de começar. - Sinta-se à vontade para mover-se lateralmente entre as seções. - Comece com a seção de Noções Básicas se você é novo no Angular. - Tenha confiança para fazer alterações e melhorar o código. - Aborde os vídeos com uma mentalidade prática. - Utilize ferramentas recomendadas e explore novas. - Ajuste a velocidade do vídeo usando o Video Speed Controller. - Utilize materiais de apoio, downloads e links. - Explore o repositório do GitHub para recursos adicionais. - Faça perguntas e busque recursos de aprendizado adicionais. - Combine este curso com outros materiais relevantes.

Escrevendo Código

Ao escrever código, priorize técnicas e conceitos em vez de formalidades. Se encontrar erros ou precisar de otimizações, utilize recursos como o Stack Overflow e páginas relevantes de problemas no GitHub. Tenha em mente que as tecnologias estão em constante evolução, então não tenha medo de adaptar e atualizar seu código. Foque em escrever um código limpo e pronto para produção, que funcione conforme o esperado. Testar é importante, mas é mais crucial garantir que seu código seja funcional antes de publicar. Lembre-se, menos código geralmente é melhor. Código condensado e conciso promove um verdadeiro entendimento, modularidade, flexibilidade, adaptabilidade e facilidade de depuração.

Prova de Futuro e Avançando

Este curso foi projetado para ser à prova de futuro. Assim como projetos do mundo real, o curso e seus recursos de apoio serão continuamente atualizados. Abordaremos erros, incompatibilidades, atualizaremos dependências e adicionaremos conteúdo adicional conforme necessário. O curso abrange uma combinação de Angular 8 e 9, node 10 e 12, e Ionic 4 e 5. Se você encontrar algum problema ou