Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Visi0n

Membro
  • Content Count

    21
  • Joined

  • Last visited

  • Days Won

    1

Visi0n last won the day on November 2 2018

Visi0n had the most liked content!

Community Reputation

34 Excellent

About Visi0n

  • Rank
    Membro Bronze
  • Birthday 02/12/2001

Recent Profile Visitors

264 profile views
  1. Uma interface bastante elegante e funcional para você utilizar em seu site, o que você acha? Estarei disponibilizando neste tópico, um login e um registro desenhado por @bsvss e programado por Visi0n, com a participação especial de um amigo (,SrGabriel). Características: • Bootstrap 4; • PHP 7; • PDO; • MYSQL; • Verificação se o e-mail cadastrado é existente; • Verificação dos dados (se preenchidos ou corretos); Configuração: Para você utilizar este layout lincado ao seu banco de dados (phpmyadmin), você precisará configurar o arquivo: database.php, localizado em: files. A seguir, as linhas que deverão ser afetadas: [Hidden Content] Caso você já tenha um banco de dados existentes, basta criar esta tabela: [Hidden Content] Download & Scan: Você poderá estar fazendo download da interface através do Mega.nz, espero que faça bom uso e não remova os créditos em caso de respostagem! VT: aqui. Download: [Hidden Content]
  2. Achei interessante a dinâmica utilizada e os conhecimentos aprendidos aqui, obrigado por nos ensinar algo incrível!
  3. Visi0n

    Já realizei este projeto também e com as suas animações, tenho certeza de que ficou mais elegante e chamativo.
  4. Visi0n

    A ideia era essa mesmo, fazer um script de spam e sair trollando os amiguinhos rs.
  5. Visi0n

    No mundo da programação, estamos sempre mexendo com alguma coisa que envolva contato, seja para fazermos pedidos de produtos, reclamações, sanar dúvidas e afins. Em meu curso, aprendemos a desenvolver um app web parar enviar e-mails através de formulários, utilizando PHP 7 e Orientação a Objetos (OO). Para entender melhor e colocar em prática como funciona este aplicativo, é necessário uma base de conhecimento na linguagem ou entender a funcionalidade dos códigos, para que não haja erro e também, recomendo que baixe a biblioteca utilizada. Você pode estar fazendo download dela, clicando aqui. Com ela baixada, nós podemos dar início ao nosso projeto! 1° Passo — Vá até o seu htdocs preferido e crie o arquivo index.php, abra-o e crie a seguinte estrutura de códigos:[Hidden Content] 2° Passo — Nós precisamos agora, de um arquivo chamado processa_envio.php, crie ele em seu htdocs também. Após criado, vamos aos códigos.[Hidden Content] 3° Passo — Configurando um servidor SMTP: 4° Passo — Agora, você também pode configurar com suas palavras as mensagens de sucesso, erro e afins. Imagens: Atenciosamente, Visi0n Membro
  6. Visi0n

    「PHP/OO」 App Send Mail

    Version 1.0

    2 downloads

    No mundo da programação, estamos sempre mexendo com alguma coisa que envolva contato, seja para fazermos pedidos de produtos, reclamações, sanar dúvidas e afins. Em meu curso, aprendemos a desenvolver um app web parar enviar e-mails através de formulários, utilizando PHP 7 e Orientação a Objetos (OO). Atenciosamente, Visi0n Membro

    Free

  7. Visi0n

    Em meu curso de Full Stack Web, cada seção possui um projeto ou mais e na seção de JavaScript, tínhamos uma aula sobre esta calculadora em HTML5, Bootstrap 4 e JavaScript. Hoje, estarei ensinando passo a passo para você fazer a sua própria calculadora e tirar onda com seus amigos. 1° Passo — Crie o arquivo index.html e respectivamente, sua estrutura. <!DOCTYPE html> <html> <head> <title>Calculadora</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> <style> .calculadora { margin-top: 40px; border: solid 1px #000; padding: 20px; background-color: #2E2E2E; border-radius: 10px; box-shadow: 1px 1px 5px #000; } .btn { width: 60px; height: 50px; margin: 5px; box-shadow: 1px 1px 1px #000; } .clear, .zero { width: 130px; } .enter { height: 110px; } .resultado { text-align: right; font-size: 20px; margin-top: 10px; margin-bottom: 20px; border: solid 1px #000; box-shadow: 1px 1px 1px #000; } </style> </head> <body style="background: #D9D9D9"> <div class="container"> <div class="row"> <div class="col d-flex justify-content-center"><br> <div class="calculadora"> <input id="resultado" type="text" class="form-control resultado" placeholder="0" disabled="disabled" /> <div class="row"> <button type="button" class="btn btn-dark btn-lg clear font-weight-light">C</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">/</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">x</button> </div> <div class="row"> <button type="button" class="btn btn-dark btn-lg font-weight-light">7</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">8</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">9</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">-</button> </div> <div class="row"> <button type="button" class="btn btn-dark btn-lg font-weight-light">4</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">5</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">6</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">+</button> </div> <div class="row"> <button type="button" class="btn btn-dark btn-lg font-weight-light">1</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">2</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">3</button> <button type="button" class="btn btn-dark btn-lg enter">=</button> </div> <div class="row" style="margin-top: -60px"> <button type="button" class="btn btn-dark zero btn-lg font-weight-light">0</button> <button type="button" class="btn btn-dark btn-lg font-weight-light">.</button> </div> </div> </div> </div> </div> </body> </html> 2° Passo — Iremos trabalhar na funcionalidade de nossa calculadora, contudo, precisaremos utilizar o atributo onclick e atribuir a ele, uma função que será utilizada em nosso script. A função calcular terá dois atributos, ação (soma, subtração, multiplicação, divisão, limpar, apagar) e valor (0, 1, 2, 3, 4, 5, 6, 7, 8, 9). <div class="row"> <button onclick="calcular('acao', 'c')" type="button" class="btn btn-dark btn-lg clear font-weight-light">C</button> <button onclick="calcular('acao', '/')" type="button" class="btn btn-dark btn-lg font-weight-light">/</button> <button onclick="calcular('acao', '*')" type="button" class="btn btn-dark btn-lg font-weight-light">x</button> </div> <div class="row"> <button onclick="calcular('valor', 7)" type="button" class="btn btn-dark btn-lg font-weight-light">7</button> <button onclick="calcular('valor', 8)" type="button" class="btn btn-dark btn-lg font-weight-light">8</button> <button onclick="calcular('valor', 9)" type="button" class="btn btn-dark btn-lg font-weight-light">9</button> <button onclick="calcular('acao', '-')" type="button" class="btn btn-dark btn-lg font-weight-light">-</button> </div> <div class="row"> <button onclick="calcular('valor', 4)" type="button" class="btn btn-dark btn-lg font-weight-light">4</button> <button onclick="calcular('valor', 5)" type="button" class="btn btn-dark btn-lg font-weight-light">5</button> <button onclick="calcular('valor', 6)" type="button" class="btn btn-dark btn-lg font-weight-light">6</button> <button onclick="calcular('acao', '+')" type="button" class="btn btn-dark btn-lg font-weight-light">+</button> </div> <div class="row"> <button onclick="calcular('valor', 1)" type="button" class="btn btn-dark btn-lg font-weight-light">1</button> <button onclick="calcular('valor', 2)" type="button" class="btn btn-dark btn-lg font-weight-light">2</button> <button onclick="calcular('valor', 3)" type="button" class="btn btn-dark btn-lg font-weight-light">3</button> <button onclick="calcular('acao', '=')" type="button" class="btn btn-dark btn-lg enter">=</button> </div> <div class="row" style="margin-top: -60px"> <button onclick="calcular('valor', 0)" type="button" class="btn btn-dark zero btn-lg font-weight-light">0</button> <button onclick="calcular('acao', '.')" type="button" class="btn btn-dark btn-lg font-weight-light">.</button> </div> 3° Passo — Agora, iremos dar início ao nosso script de cálculo com ações e valores funcionais. Adicione abaixo de todo o conteúdo HTML e dentro das tags <script></script>. function calcular(tipo, valor) { if(tipo === 'acao') { if(valor === 'c') { document.getElementById('resultado').value = '' } if(valor === '+' || valor === '-' || valor === '*' || valor === '/' || valor === '.') { document.getElementById('resultado').value += valor } if(valor === '=') { var valor_campo = eval(document.getElementById('resultado').value) document.getElementById('resultado').value = valor_campo } } else if(tipo === 'valor') { document.getElementById('resultado').value += valor } } 4° Passo — Sua calculadora está funcional e você poderá utilizar para fazer cálculos e demonstrar o conteúdo que aprendeu aos seus amigos. Atenciosamente, Visi0n Membro
  8. Visi0n

    Todo designer que se preze utiliza um kit de interface de usuário, também conhecido como UI Kit e nele poderá conter diversos utilitários, tais como: estilos de tipografias, ícones, gradientes, mockups e muitos outros que servirão de auxílio para seu desempenho em futuros projetos. Portanto, você deve sempre deverá andar com o seu UI Kit no bolso, como se fosse um caderninho de anotações, porém, o que se fazer quando não temos um? Pensando nos designers iniciantes ou que estão precisando de atualização em seu setup, separei alguns sites que disponibilizam de forma gratuita alguns recursos interessantes para a criação/inspiração dos seus próprios UIs. Eu recomendo e posso dizer que fiz uso de alguns recursos que encontrei nestes sites. [Hidden Content]
  9. Visi0n

    psd

    Planguru é um UI Kit (kit de interface de usuários) gratuito para Sketch e Photoshop, você pode utilizá-lo para a criação de um app de planejamento ou de eventos. Incluindo 18 telas lindamente projetadas e um monte de componentes que cobrem necessidades para diversos aplicativos, tais como: calendários para eventos, bate-papos em grupos, sistema de notificações e muito mais. A paleta de cores envolve cores frias e densas, fazendo uso de um grande fundo em branco e uma linda tipografia . Download
  10. Achei o conceito interessante e eu utilizaria, se tivesse criatividade para desenhar livremente no Photoshop.
  11. Visi0n

    Excelente conteúdo e não há como esperar menos da material.io, esses caras são fantásticos!
  12. Visi0n

    No próximo tópico, eu vou falar mais sobre o crossover, só digo que os personagens foram trocados. Barry = Oliver Oliver = Barry E aquele Flash, não é o Garrick.
  13. Visi0n

    A Marvel Studios é pioneira neste quesito de universo (tanto que podemos perceber as inúmeras referências e easter eggs em seus filmes e suas séries, uma vez que estes fazem parte do mesmo universo) e não seria diferente com a sua concorrente, a DC Comics e seu Universo Estendido (DCU). Porém, a DC não procurou fazer com que suas séries fizessem parte do mesmo universo em que seus filmes, desta forma, fomos apresentado ao Arrowverse, o universo das séries! Com o lançamento da série Arrow, em 2012, que conta a história de um playboy milionário, conhecido como Oliver Queen, que foi dado como morto por conta de um naufrágio. Onde passou cinco anos sobrevivendo numa ilha no Pacífico e após ser resgatado, devolvido a sua cidade natal, Starling City, torna-se um vigilante secreto protegendo a todos. Conforme vamos assistindo e conhecendo melhor o enredo por trás da série, vamos sendo apresentados a diversos personagens principais e secundários, suas tramas e aonde a série deseja nos levar até o final de sua temporada de estréia. Visto que a série alcançava diversos patamares de audiência e o público se mostrava interessado cada vez mais nas histórias, os produtores resolveram atender seus pedidos e enlouquecer um pouco os fãs dos quadrinhos, onde anunciaram que um novo super-herói poderia aparecer, então havia chego a hora de Barry Allen, o alterego do Flash nos quadrinhos fazer sua vista ao arqueiro de Starling City, servido inicialmente como uma parceria entre os heróis e um spin-off para The Flash. (Felicity Smoak e Oliver Queen conhecendo Barry Allen) Em The Flash (2014), conhecemos melhor a história do jovem Barry Allen, um cientista forense comum do CCPD (Central City Police Department), que devido a um trágico acidente acaba adquirindo seus poderes de velocista e os usa para o combate ao crime. A série ajudou trazer mais fãs para o Arrowverse, consolidando de fato o universo compartilhado entre elas, já que sempre houveram pequenos crossovers entre seus heróis, fazendo com que as histórias e as próprias séries ficassem mais interessantes, por estarem fugindo de um contexto geral. Novamente a série nos trouxe para aonde ela queria, nos apresentando personagens que participariam de uma alcunha maior e fazendo com que o universo que já era grande, ficasse cada vez mais notável por sua grandeza, acabando que recebemos mais duas séries essenciais para o maior evento entre elas, os Mega Crossovers (onde envolvem 3 ou 4 séries do mesmo universo). Supergirl e Legends of Tomorrow fazem suas estreias neste evento, trazendo todo o carisma dos personagens para o público e nos dando a chance de ver um grupo de super-heróis trabalhando juntos para que o mal fosse detido, uma espécie de Liga da Justiça rebootada e pronta para agir, quando necessário. Desde que todas as séries foram lançadas e possuem estabilidade no Arrowverse, nós não paramos de conhecer melhor seus personagens e a cada episódio lançado semanalmente somos recheados de surpresas e de histórias que podem ou não ter conexão com outra série, abrindo uma porta ou uma janela de possibilidades para os produtores e responsáveis destas séries. Em 2018, as séries passaram por mais um evento de mega crossover e participarão de uma trama existencial, recomendo que marquem as datas e curtam todo o conteúdo disponível nestes crossovers. Até porque haverá a introdução de mais uma nova heroína, que irá trazer convosco sua série: a Batwoman. (Supergirl, The Flash (2014), The Flash (anos 90) e Arrow no novo crossover: Elseworlds) Atenciosamente, Visi0n Membro
  14. Visi0n

    Os melhores trabalhos que eu já vi sobre logos, parabéns pelo bom gosto e pela trabalho clean, sem ficar forçado os efeitos e essas coisas. Não tem como não dizer que todos os trabalhos se encaixaram perfeitamente com os mockups, você é totalmente nota 10!
  15. Visi0n

    Acho que pela falta de criatividade e por querer focar mais em codificação/programação. Mas eu sempre procuro tentar desenhar ainda, você foi um ótimo professor sz
×