Ir para conteúdo

Recommended Posts

Boa tarde a todos.

Sou programador web (html5, css, js, php, as3) e quero desenvolver um App simples para mobile multiplataforma.

Dei umas pesquisadas no Google, porém fiquei meio confuso com tanta ferramenta e não sei qual o papel de cada uma delas.

Afinal, alguém poderia me passar o caminho das pedras?

O que eu preciso necessariamente? Um framework JS para fazer a comunicação do javascript com os componentes do dispositivo (camera, gps..) e um compilador multiplataforma? É isso?
Alguém poderia citar as melhores frameworks e compiladores separadamente se for o caso, pois estou mais perdido quanto suas funções.

Phonegap, jQuery Mobile, Cordova, Angular, Intel XDK... estou confuso quando o papel de cada um.

To mais perdido que cego em tiroteio! Se alguém puder me esclarecer eu agradeço muito!

Abraço. Fiquem com Deus

Compartilhar este post


Link para o post
Compartilhar em outros sites

tambem tenho a mesma duvida, estou precisando criar um app para restaurantes com pedidos online e sistema de pagamento e não sei se esses frameworks me permitem fazer isso, se a galera puder passar a opinião vai ajudar bastante!

Abs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenho a mesma duvida xDD

Sei que é possível porém não sei quais ferramentas usar para compilar e também tenho algumas duvidas em questão de eficiência, se dessa forma é menos eficiente do que fazer algo na linguagem do android ou iOS mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá pessoal, boa tarde a todos.

Já que muita gente tem dúvida vou explicar o básico (também sou iniciante).

Codova e PhoneGap: A grosso modo PhoneGap e Cordova são o mesmo produto, porém o PhoneGap é marca da Adobe (que era a proprietária do projeto antes de ceder para a Apache) o framework em si é gratuito mas a Adobe possui serviços e produtos pagos aos interessados. Ou seja PhoneGap == Cordova. Nesse blog http://blog.marianalino.com.br/o-que-e-apache-cordova/ tem mais detalhes sobre a história do PhoneGap/Cordova

Cordova é uma plataforma de desenvolvimento que permite ao programador criar aplicativos utilizando HTML5, CSS e JavaScript. Para quem desenvolve para web é só imaginar o desenvolvimento de um aplicativo baseado em front-end. O desenvolvimento é como desenvolver um sistema front-end mesmo, a diferença é que normalmente vamos usar algum framework voltado para mobile (jquery mobile, sencha touch ou ionic). A implementação do ambiente de desenvolvimento é meio chato de fazer, a criação de um virtual device (celular virtual para depuração de código e testes), é preciso instalar o Android Studio. Tem um livro da casa do código sobre Jquery mobile (estou usando, para projetos pequenos acho o ideal e a curva de aprendizado é muito rápida) que ajuda bem, depois de um dia lendo já comecei a desenvolver. Usar angularJs ou outro framework (jquery ou até o jquery mobile) é opcional, mas escolher um ajuda muito. Eu aconselho para iniciar o desenvolvimento jQuery mobile (depende do jQuery) somente e claro o cordova, você vai utilizar html5, javascript e css como se estive desenvolvendo para desktop e depois compila a aplicação e gera seu app. O desenvolvimento de aplicativos híbridos é desaconselhado no caso de ser necessário muito processamento por parte do smartphone, nesse caso o ideal é um app nativo.

Boa sorte.

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Raphaeldidata
      Vamos supor que eu coloque uma logomarca no topo do meu site, e queira dar semântica à ela. Tudo bem se eu fizer dessa forma? Existe uma maneira mais simples?
       
      Basicamente criei um cabeçalho para minha logomarca, de forma a dar importância e contexto para que o "robo" do Google, por exemplo, tenha mais facilidade em interpretar o "conteúdo" da minha imagem e conseguir catalogá-la adequadamente em seu motor de buscas. 
      span.td-visual-hidden { display: none; } <div class="td-header-logo"> <h1 class="td-logo"> <a href="#"> <img src="_images/defesa-evangelho.png" alt="Defesa do Evangelho" title="Defesa do Evangelho"/> <span class="td-visual-hidden">Defesa do evangelho</span> </a> </h1> </div> Desde já agradeço!
    • Por Camila97
      Olá, estou tendo dificuldades em um site onde preciso desenvolver um modal ao clicar no botão X para excluir uma despesa, porém, o botão X foi criado no arquivo .js :
      //botão de excluir: let btn = document.createElement("button") btn.className = 'btn btn-danger' btn.innerHTML = '<i class="fas fa-times"></i>' btn.id = `id_despesa_${d.id}` btn.onclick = function(){ let id = this.id.replace('id_despesa_', ''); bd.remover(id) window.location.reload() } linha.insertCell(4).append(btn) console.log(d) Toda despesa criada, automaticamente é adicionado o botão X ao lado da despesa.
      Como poderia fazer aparecer um modal ao clicar nele, para saber se o usuário quer cancelar ou excluir a despesa?
    • Por M4RC0S J0S3 S1LV4
      Me desculpe, mas eu estou com um grande problema, acho que é fácil, mas para mim está sendo muito perturbador pois sou iniciante de JavaScript vamos lá.
      Eu queria saber como fazer 1 input preencher 2 input, tipo.. tem 3 input A e todos os input A forem preenchidos e no B a mesma coisa só muda que seja só o Input B. entendem? estou necessitando desta super ajuda.
    • Por DinhoPHP
      Estou com o seguinte problema.
      Desenvolvi um site em flex box com width de 100% na Section.  O problema é que o header com 100% fixed ultrapassa a section ficando mais larga que tudo na página no modo mobile mesmo utilizando break points.
       
      @media screen and (max-width: 984px){ header{ background-color: #1a1a1a; width: 100%; position: fixed; top: 0px; z-index: 999; display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space--around; line-height: 6; font-size: 0.8em; } }  

    • Por MaryDelBrollo
      Prezados,
      Estou desenvolvendo uma aplicação web para gerenciamento de acesso ao almoxarifado do pequeno negócio de uma pessoa sem muitos recursos da comunidade aqui. Com conhecimentos de html5, css3 e um pouco de php, consegui fazer toda a parte de registros e a interface web de controle, no entanto, não entendo nadinha de javascript e "travei" no código para finalizar o projeto.
      Tenho esse script encontrado de fonte aberta na internet, mas não consigo adaptá-lo:
       
      <html lang="pt-br">
      <head>
          <script type='text/javascript'>
              var led_controle = function(status) {
                  var xmlhttp = new XMLHttpRequest();
                  var set_status = "http://192.168.1.35/?function=" + status;
                  xmlhttp.open("GET", set_status);
                  xmlhttp.send();
              }
              
                 // Acessa os botões e passa as nossas diretivas de ligar ou desligar o relé
              var led = function() {
                  var on = document.querySelector(".on");
                      on.onclick = function() {
                          led_controle("led13_on");
                      }
                       var off = document.querySelector(".off");
                          off.onclick = function() {
                             led_controle("led13_off");
                          }
              }
              window.onload = function() {
                  // Chama a função led
                  led();
              }
          </script>
      </head>
       
      <body>
                <p><a class="btn on">ON</a></p>
                <p><a class="btn off">OFF</a></p>
      </body>
      </html>
       
      O código acima funciona perfeitamente. Ele aciona um sketch armazenado em um esp8266 e, através deste, aciona via relé de comando a porta do almoxarifado.
      O problema consiste que AO INVÉS do conteúdo do "body" acima, eu preciso capturar a ação do "button" dos forms contidos no "body" abaixo:
       
      <body>
          <form method="post" action="pagina.php">
            <fieldset>        
                <p class="center">
                <input type="hidden" name="funcionario" value="entrada-almoxarifado"></input>
                <button class="btn" style="width: 250px;" type="submit" value="submit">entrar</button>
                </p>
            </fieldset>
          </form>
       
         <form method="post" action="pagina.php">
            <fieldset>        
                <p class="center">
                <input type="hidden" name="funcionario" value="saida-almoxarifado"></input>
                <button class="btn" style="width: 250px;" type="submit" value="submit">sair</button>
                </p>
            </fieldset>
          </form>
      </body>
      </html>
       
      Já tentei várias e várias sugestões encontradas na internet, mas como não sei adaptar os códigos encontrados, não tem dado certo. Alguém poderia me explicar detalhadamente como modificar o script contido no head da minha página, parte por parte, para que o mesmo continue executando sua função só que capturando a ação do "button" do formulário?
       
      Agradeço de coração quem puder se dispor a ajudar.
       
      Sds,
      Mary
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.