Criando um PWA do zero!

[@gustavolins7664]

Te amo!! Estava sofrendo há 4 dias com isso!! Muito obrigado! Vibrações positivas pra você!

[@sssouto241]

Boa tarde. Mostrou tudo de maneira bem objetiva. Parabéns pelo vídeo.

[@brunowolfpack6767]

Otavio, primeiramente quero agradecer por compartilhar de forma didática este conteúdo. Sou um dinossauro que não se atualizou e ficou parado apenas no asp classic. Portanto vejo muitas mudanças entre as linguagens e o PWA me chamou bastante a atencão. Porém vejo (até peço sua sugestão) que preciso me aprofundar mais em javascript para seguir com o pwa. Pois vi um pouco de dificuldade nos catch entre outras funções. Como já sou "idoso" (47 anos) tenho uma certa dificuldade para aprender. Mas o conteúdo e o canal são TOP ! Valeuuuu

[@Faculiv2]

Bom dia Bruno, tudo bem? Nossa sugestão é acessar nossa plataforma de cursos online e participar do curso Beginners, lá você terá bastante conteúdo sobre Javascript, qualquer dúvida só chamar! Att, Facul.

[@CybelleBem-j8y]

Você é um anjo 👼

[@vlamir_ienne]

Criar um App no modelo PWA ou Nativo para as lojas Apple e Google? Qual o melhor?

[@Faculiv2]

Depende da finalidade, se for utilizar recursos nativos do sistema operacional é melhor usar nativo, se não, PWA.

[@lenasilva3904]

Como fazer para aparecer a opcao de baixar o app tipo popup? Sem aparecer no rodape do site

[@Faculiv2]

Quando se estrutura uma PWA o ícone para download desta fica no mesmo local da URL do site, mais precisamente junto com os ícones de favorito e outros no lado direito da URL.

[@Faculiv2]

Infelizmente não é possível gerar um botão para download da PWA, tendo em vista que se trata de uma funcionalidade do compilador.

[@luigiraynel8718]

Conteúdo incrível! Mas caso eu precise de usar um arquivo externo eu não consigo renderizá-lo em minha pwa?

[@Faculiv2]

As PWA são sites simulados em forma de aplicativos, nada impede que seja usado arquivos externos, todavia, para conexão com arquivos que demandem algum método de requisição o usuário final terá que estar conectado a Internet, caso contrário determinada parte da PWA terá erros, é sempre importante deixar aqueles arquivos essenciais para funcionamento e questões visuais dentro da pasta que iremos subir nossa PWA (como foi feito no vídeo). Se nos disser qual tipo de arquivo externo está querendo implementar fica mais fácil de responder, já que podem haver vários tipos, mas em síntese é aquilo que dissemos acima... Ficamos felizes que gostou do conteúdo e nosso canal.

[@luigiraynel8718]

@Lucas Santos jQuery por exemplo

[@jnaribeiro3705]

Boa noite, é possível colocar um botão no site para instalar o pwa e ele ser mostrado somente quando não tiver instalado ??

[@Faculiv2]

Bom dia, sim, é possível, basta adicionar alguns parâmetros no seu arquivo manifest.json "related_applications": [{ "platform": "webapp", "url": "app.example.com/manifest.json" }] E usar a função window.navigator.getInstalledRelatedApps() para verificar se o seu site está na lista de apps instalados!

[@jnaribeiro3705]

@@Faculiv2 pode me dar um exemplo na pratica ?

[@Faculiv2]

@@jnaribeiro3705 Sim, vamos lá. Vamos supor que o seu site esteja hospedado no seguinte endereço: jnaribeiro.com, ok? O primeiro passo é abrir o arquivo manifest.json, e incluir as seguintes linhas: "related_applications": [{ "platform": "webapp", "url": "jnaribeiro.com/manifest.json" }] Feito isso, vamos verificar se o usuário já instalou o seu app, usando o snippet abaixo: const installedApps = navigator.getInstalledRelatedApps().then(apps => { if (apps.find(app => app.id === 'jnaribeiro.com')) { // Não abre o popup solicitando a instalação; } else { // Abre o popup de instalação } } É importante lembrar de alterar as strings de acordo com o endereço final do seu webapp.

[@mhssolucoes2445]

Parabéns...muito bom. Pode compartilhar os arquivos criados na aula?

[@Faculiv2]

Boa tarde, Muito obrigado pelo feedback, ficamos contente que gostou do nosso conteúdo! Segue link: github.com/faculdadeiv2/PWA.git

[@DiogoBernardelli2011]

@@Faculiv2 Opa, obrigado pelo tutorial. Poderia hospedar no repositório as imagens também? Valeu!!

[@jarviscampos8782]

VALEU ESTE VIDEO AJUDOU MUITO.

[@wellingtonfreitas2090]

Olá você faz esse serviço de criar PWA quanto você cobra ?

[@buenolex33]

Olá, existe algum curso de PWA, orientado por projetos?

[@Faculiv2]

Bom dia Alexei, no momento não temos nenhum curso de PWA, caso queira dar uma olhada em nossos outros cursos para ver se algum atende suas expectativas! Link na descrição do video da nossa plataforma de cursos online!🚀

[@LuizDuque]

Estou com problemas no IOS, ele não oferece a opção do Add To Home Screen, tem como resolver?

[@Faculiv2]

Olá Luiz! Consegue explicar para nós qual é o problema que está enfrentando? Ele não aparece a opção add to home screen? Ou quando você clica nela nada acontece? Se puder esclarecer essas questões para nós, poderemos te ajudar melhor :)

[@LuizDuque]

@@Faculiv2 Bom dia e muito obrigado pela atenção, a questão é a seguinte: em dispositivos Android é exibido um pop-up padrão na parte inferior da tela com a informação de instalação do APP mas quando executo a aplicação em um IOS não é exibida nenhuma opção desse tipo e o usuário precisa dar até 3 cliques para adicionar o aplicativo a tela inicial, o que queria saber é se no safari existe alguma forma de exibir o pop-up de instalação como no Andoid.

[@Faculiv2]

@@LuizDuque Luiz, historicamente a Apple nunca se interessou em oferecer uma boa experiência para o usuário de PWAs, por esse motivo a exibição do popup não é nativa no safari. O que você pode fazer para amenizar um pouco esse problema, é criar um popup e exibir ele próximo do botão na parte inferior do navegador, vou colocar aqui um link para um artigo em inglês, da uma olhada no PROTIP#3. www.netguru.com/codestories/pwa-ios Esperamos ter ajudado :)

[@Elainecarneiromusic]

Amei

[@isadoravirtuoso4201]

bobo, cade o css?😛😛😛😛