Alguém aqui desenvolve para WEB e Mobile?

[Macaco Louco]

Ta fazendo o Backend em PHP? Se não vai django e zappa que ja elvis

Estou usando um backend pronto:

PokéAPI

pokeapi.co

Mas eu estou aprendendo o node.js no backend.


Enviado do meu iPhone usando Tapatalk

 

[Macaco Louco]

Ta fazendo o Backend em PHP? Se não vai django e zappa que ja elvis

Estou usando um backend pronto:

PokéAPI

pokeapi.co

Mas eu estou aprendendo o node.js no backend.


Enviado do meu iPhone usando Tapatalk

 

[Macaco Louco]

Ta fazendo o Backend em PHP? Se não vai django e zappa que ja elvis

Estou usando um backend pronto:

PokéAPI

pokeapi.co

Mas eu estou aprendendo o node.js no backend.


Enviado do meu iPhone usando Tapatalk

 

[Pokemon das antigas]

Estou usando um backend pronto:

PokéAPI

pokeapi.co

Mas eu estou aprendendo o node.js no backend.


Enviado do meu iPhone usando Tapatalk

Entendi

Então seu projeto é 100% frontend msm

Se bobear dá para fazer tudo só com arquivo estático, esquece o que eu falei sobre amazon lambda, nem precisa

 

[Macaco Louco]

Entendi

Então seu projeto é 100% frontend msm

Se bobear dá para fazer tudo só com arquivo estático, esquece o que eu falei sobre amazon lambda, nem precisa

Sim. Estou treinando o frontend.


Enviado do meu iPhone usando Tapatalk

 

[Abdullah Al-Papai]

Outra coisa que hoje em dia é bem diferente da época que programava em php puro são as rotas. No React por exemplo definimos um arquivo que trata somente de rotas.

Antes, ao invés disso, simplesmente se colocava uma condição antes de renderizar a página, verificando se o acesso era permitido, se o usuário estava logado, etc.

Mas agora vejo como era trabalhoso, o esquema de rotas de agora é bem mais fácil.


Enviado do meu iPhone usando Tapatalk

Não só isso como a questão de estruturação também. Fazer um sisteminha MVC, com separação de responsabilidades e adequada modularização é muito melhor para manutenção.

Essas páginas de PHP "estruturado" são um verdadeiro inferno.

Mas o PHP hoje em dia também tem bons frameworks, como Laravel, que te auxiliam a trabalhar dessa forma (rotas, MVC, etc)

 

[Macaco Louco]

Atualizações do meu projeto.

• Agora já estou conseguindo obter os dados e a imagem de cada Pokémon.
• A tela principal foi formatada.

Próximas etapas:

• Criar sistema de paginação, de forma a percorrer todos os Pokémon.
• Fazer um botão de detalhe para cada Pokémon, de forma a exibir informações adicionais como habilidades, etc.
• Fazer um sistema de busca para achar um Pokémon específico.

 

[Macaco Louco]

Pessoal, acabei de fazer o deploy da primeira versão do meu primeiro projeto de estudo do React no Heroku:

https://pokemagazine.herokuapp.com/

Fiquei surpreso com a facilidade para fazer um deploy no Heroku!

Podem comentar a vontade dando sugestões de melhorias!!!

 

[Macaco Louco]

Alguém sabe a forma mais fácil de fazer uma janela Modal no React?

Eu queria colocar um botão na parte de baixo de cada Pokemon, de forma que se for clicado, uma janela sobreponha o fundo, com informações adicionais do Pokemon.

Eu vi que tem o material-ui para isso, mas não estou conseguindo criar a janela mesmo seguindo a documentação.

Existe uma maneira mais fácil para isso. Não preciso de nada muito estilizado, somente uma caixa com as informações dentro.

 

[Xaropinho]

Alguém sabe a forma mais fácil de fazer uma janela Modal no React?

Eu queria colocar um botão na parte de baixo de cada Pokemon, de forma que se for clicado, uma janela sobreponha o fundo, com informações adicionais do Pokemon.

Eu vi que tem o material-ui para isso, mas não estou conseguindo criar a janela mesmo seguindo a documentação.

Existe uma maneira mais fácil para isso. Não preciso de nada muito estilizado, somente uma caixa com as informações dentro.

Usa do AntD
https://ant.design/docs/react/introduce

Material UI é bem ruinzinho...

 

[Macaco Louco]

Usa do AntD
https://ant.design/docs/react/introduce

Material UI é bem ruinzinho...

Já estou instalando e vou testar.

Obrigado!

 

[Crystal]

Daí meu querido tá conseguindo se virar no mundo mobile?

Te dou uma dica se estiver usando React Native, a biblioteca Expo, é fenomenal para testar, coisa mais linda do mundo.

Nunca programei nativo para mobile, sempre usei react native, acho muito mais prático.

Apesar de sempre ter usado Java no backend, kotlin não seria difícil.

É foda mas não desiste.

Sent from my MI 9 using Tapatalk

 

[Macaco Louco]

Daí meu querido tá conseguindo se virar no mundo mobile?

Te dou uma dica se estiver usando React Native, a biblioteca Expo, é fenomenal para testar, coisa mais linda do mundo.

Nunca programei nativo para mobile, sempre usei react native, acho muito mais prático.

Apesar de sempre ter usado Java no backend, kotlin não seria difícil.

É foda mas não desiste.

Sent from my MI 9 using Tapatalk

Ainda estou engatinhando.

Pouca coisa estou conseguindo fazer sem me basear em outros projetos.

Estou desde ontem tentando fazer uma janela modal.

O React realmente facilita muita coisa, mas complica em outras.


Enviado do meu iPhone usando Tapatalk

 

[Macaco Louco]

Deu certo o modal .

https://pokemagazine.herokuapp.com/

Acho que é isso. Para uma primeira aplicação web estou satisfeito, aprendi bastante.

 

[kakuiba]

Legal o projeto . Ia comentar algumas coisas mas o pessoal ja postou bastante coisa legal kkk. Links que são bacanas para dar uma olhada como está o front end hoje em dia

• Developer roadmap - https://github.com/kamranahmedse/developer-roadmap . Acho que alguem ja postou a imagem nas pags anteriores
• Free for dev - https://github.com/ripienaar/free-for-dev . Repositório com um monte de link para várias coisas free ou trial para devs.
• Free code camp - https://www.freecodecamp.org/ . Tem bastante curso com várias coisas recentes de Front end.

Sobre o Javascript hoje em dia. já mexi alguns bons anos com Angular e um pouco de React e comecei a ver Vuejs esses meses. Para mim Vuejs é bem lightweight para criar algo simples e rapido sem ter que ficar fazendo muita firula. O React agora com o React Hooks parece estar um pouco mais limpo o código, mas acho que fica confuso no inicio por conta de poder desenvolver usando ES5 , ES6 com babel ou Typescript ou Flow, então meio que se você procura na internet você vai ver mil modos de fazer a mesma coisa.
Já o Angular 2+ achei bacana como ele impoem algumas coisas tipo ja usar Typescript por padrão e meio que ja ter o ecosistema das coisas tudo na lib do angular facilita um pouco , mas acho que tem muita firula tendo que escrever varios arquivos etc. Na minha opinião hoje meio que tanto faz usar Angular, Vue ou React com tanto que quem está mexendo saiba usar corretamente. No mais acho que mais importante mesmo é se atualizar com a sintaxe e nova funções do ES6

 

[Macaco Louco]

Legal o projeto . Ia comentar algumas coisas mas o pessoal ja postou bastante coisa legal kkk. Links que são bacanas para dar uma olhada como está o front end hoje em dia

• Developer roadmap - https://github.com/kamranahmedse/developer-roadmap . Acho que alguem ja postou a imagem nas pags anteriores
• Free for dev - https://github.com/ripienaar/free-for-dev . Repositório com um monte de link para várias coisas free ou trial para devs.
• Free code camp - https://www.freecodecamp.org/ . Tem bastante curso com várias coisas recentes de Front end.

Sobre o Javascript hoje em dia. já mexi alguns bons anos com Angular e um pouco de React e comecei a ver Vuejs esses meses. Para mim Vuejs é bem lightweight para criar algo simples e rapido sem ter que ficar fazendo muita firula. O React agora com o React Hooks parece estar um pouco mais limpo o código, mas acho que fica confuso no inicio por conta de poder desenvolver usando ES5 , ES6 com babel ou Typescript ou Flow, então meio que se você procura na internet você vai ver mil modos de fazer a mesma coisa.
Já o Angular 2+ achei bacana como ele impoem algumas coisas tipo ja usar Typescript por padrão e meio que ja ter o ecosistema das coisas tudo na lib do angular facilita um pouco , mas acho que tem muita firula tendo que escrever varios arquivos etc. Na minha opinião hoje meio que tanto faz usar Angular, Vue ou React com tanto que quem está mexendo saiba usar corretamente. No mais acho que mais importante mesmo é se atualizar com a sintaxe e nova funções do ES6

Concordo. Sem saber ES6 é muito difícil usar React.


Enviado do meu iPhone usando Tapatalk

 

[Xaropinho]

Ficou bom porra.
Só colocaria um infinite scroll ao invés desse botão de next

 

[Polla el niño]

Para front-end basta aprender um framework básico de CSS como bootstrap ou Bulma.io para as páginas não ficarem muito toscas.

Meu foco não é front-end, mas estou de saco cheio dos meus projetos estilizados em css puro que ficam parecendo sites dos anos 90. Das duas opções qual é a mais rápida pra aprender e qual tem um design mais bonito?

 

[RainbowSix]

Pessoal, acabei de fazer o deploy da primeira versão do meu primeiro projeto de estudo do React no Heroku:

https://pokemagazine.herokuapp.com/

Fiz um igual para aprender VueJS: https://codepen.io/r6x/pen/wvaqWVK

Descobri um tal de Preact (mini React) que tbm achei bem interessante.

 

[Polla el niño]

Tá cheio de javascripteiro aqui.
Cadê os PHPzeiros do fórum?

 

[Macaco Louco]

Fiz um igual para aprender VueJS: https://codepen.io/r6x/pen/wvaqWVK

Descobri um tal de Preact (mini React) que tbm achei bem interessante.

Que legal a animação na figura. Vou tentar fazer igual!

Seria legal um sistema de busca também.


Enviado do meu iPhone usando Tapatalk

 

[Macaco Louco]

Alguém está participando da semana omnistack?


Enviado do meu iPhone usando Tapatalk

 

[Polla el niño]

Qual a vantagem de usar frameworks javascript no front-end?
Não dá pra montar toda a parte visual usando apenas html, css e bootstrap se quiser facilitar as coisas?
Onde entraria o framework js aí?

 

[Macaco Louco]

Qual a vantagem de usar frameworks javascript no front-end?
Não dá pra montar toda a parte visual usando apenas html, css e bootstrap se quiser facilitar as coisas?
Onde entraria o framework js aí?

O bootstrap também é um framework.


Enviado do meu iPhone usando Tapatalk

 

[Polla el niño]

O bootstrap também é um framework.


Enviado do meu iPhone usando Tapatalk

Sim, mas é um framework css. Qual é a necessidade de um framework javascript no front end, sendo que o front end não costuma ter muito javascript? (não é uma crítica aos milhares de frameworks javascript, é só uma dúvida de quem nunca usou nenhum deles)

 

[kakuiba]

Sim, mas é um framework css. Qual é a necessidade de um framework javascript no front end, sendo que o front end não costuma ter muito javascript? (não é uma crítica aos milhares de frameworks javascript, é só uma dúvida de quem nunca usou nenhum deles)

Meio que cada caso é um caso, mas essas frameworks começaram a aparecer quando saiu o nodejs e são focadas em criar aplicações Single page application, fazendo com que o backend não cuidasse mais da renderização da pagina em si. Se você estiver criando uma aplicação que não seja de fato um SPA e a renderização das paginas sejam feitas no backend ou seja uma pagina estatica simples talvez não faça sentido mesmo usa-las mesmo pois só iria adicionar complexidade.

 

[goemon]

Eu não consigo olhar pra esses esquemas cheios de framework e pensar o quão ridículo isso é. Uma página que provavelmente precisaria de 20 MB pra rodar acaba precisando de 4 GB por causa de tanta camada e framework.
Acho que estou velho mesmo.

 

[Macaco Louco]

Eu não consigo olhar pra esses esquemas cheios de framework e pensar o quão ridículo isso é. Uma página que provavelmente precisaria de 20 MB pra rodar acaba precisando de 4 GB por causa de tanta camada e framework.
Acho que estou velho mesmo.

Eu também achava estranho, mas SPA é o futuro. Agora que já tenho um pouco mais de experiência em React (bem pouca experiência) estou conseguindo perceber sua utilidade. Mas concordo com você, odeio projetos com muitos frameworks.


Enviado do meu iPhone usando Tapatalk

 

[Wrex]

Sinceramente, parece que é meio que impossível desenvolver qualquer coisa sem ficar olhando a documentação toda hora, sem contar a sintaxe horrível do JavaScript e os inúmeros arquivos de configuração e funções obsoletas que mudam direto.

Normal isso pra mim.

TUDO que eu faço, eu pesquiso antes.

Ou tem pronto, ou tem uma maneira melhor que fazer que a antiga.

Mesmo com 10 anos de carreira em desenvolvimento web, é muito raro eu fazer algo sem pesquisar antes.
Tem gente que critica quem faz muita pesquisa, eu acho uma tremenda bobagem, além de ineficiente.

 

[Sir Bovino Gadoso]

JavaScript tem esse porém, não se começa nem um projeto mais simples sem milhões de dependências. Agora um framework que eu curti muito é o Svelte, traz toda aquela pegada de simplicidade tirando essa quantidade de layers que um React da vida traz, sendo muito mais performático.

 

[Wrex]

Viram o Blazor?

Coisa linda, SENSACIONAL. Ainda tá em preview mas tá legal demais.

 

[Macaco Louco]

JavaScript tem esse porém, não se começa nem um projeto mais simples sem milhões de dependências. Agora um framework que eu curti muito é o Svelt, traz toda aquela pegada de simplicidade tirando essa quantidade de layers que um React da vida traz, sendo muito mais performático.

Configurar um projeto React da maneira correta é buxa mesmo. Eu meio que fiz um passo a passo que sigo toda vez que vou começar um projeto novo.


Enviado do meu iPhone usando Tapatalk

 

[Sir Bovino Gadoso]

Configurar um projeto React da maneira correta é buxa mesmo. Eu meio que fiz um passo a passo que sigo toda vez que vou começar um projeto novo.


Enviado do meu iPhone usando Tapatalk

Sticky notes na tela do computador , entendo bem.

Eu acho que nem o desenvolvedor mais experiente não olha documentação e projetos de terceiros, principalmente no mundo JS.

 

[Sr. Israel]

Eu pensei em um projetinho secreto aqui e queria desenvolver em web mas não manjo muito dessa área.

Como sou trabalho com python eu tenho estudado bastante aqui o Django, montei um servidor com Apache2 e subi uma página por conta própria com um DNS free mesmo.

Mas o que tá me fazendo quebrar a cabeça aqui é usar o Apache superset (uma espécie de tableau open source) que serve pra montar uma mapa amigavel com informações de tabelas em bancos de dados mais complexos.

Basicamente meu "projeto secreto" é alguma coisa na área de ciência de dados, quero usar dados abertos do próprio governo e alimentar gráficos/tabelas pra tornar o mais fácil as pessoas verem e entenderem como funciona a péssima administração do nosso dinheiro roubado.

 

[Polla el niño]

Qual a vantagem de usar frameworks javascript no front-end?
Não dá pra montar toda a parte visual usando apenas html, css e bootstrap se quiser facilitar as coisas?
Onde entraria o framework js aí?

Volto pra dizer que os frameworks js são uma mão na roda. Estava brincando com Laravel ontem, e o Vue.js foi bem útil pra alterar o texto de um botão dinamicamente, isso pq eu só arranhei a superficie do Vue pra resolver um pequeno problema.