Acredito que depois que você ter um background satisfatório em relação ao javascript, você poderia focar em um framework para agilizar o desenvovlimento de um PWA.
Minha opinião é usar VueJs pela facilidade e curva de aprendizado baixa, é meu framework of choice, digamos assim haha.
Outra dica, outro framework que eu uso, é o Quasar Framework. Para mim é o melhor e mais bem documentada ferramenta. Muito intuítvo e fácil de aprender com os exemplos, ótima comunidade no discord.
Depois de ter uma noção com o VueJS e seus plugins como: vue-router, vue-cli, vueX sem dúvida você pode criar um ótimo PWA.
No quesito de armazenamento offline, você poderia usar uma lib chamada localForage para isso e depois que obtiver a conexão com a internet, sincroniza-la com o banco de sua preferência, sendo real-time (mongo, firebase) ou não.
Vou deixar os links para que você de uma olhada e ficar por dentro do Vue e o Quasar.
Vue-router Criar rotas para as páginas web.
Curso que eu comprei para aprofundar o conhecimento em vueJs e plugins
Obs: É em ingles, mas você pode mandar um e-mail e negociar um valor bem abaixo do que eles pedem, são muito solicitos e me ajudaram nesse quesito.
Vuex é state management, muito bom para quando a aplicação começa a crescer e ajuda na escalabilidade, organizando melhor os componentes e as interações entre eles.
Quasar Framework
Se você realmente optar por usar o vueJs e quasar, fica aqui o link do discord para possíveis dúvidas, falando diretamente com a comunidade e seus desenvolvedores.