Postagens

ANDROID - Criando e Publicando APP com HTML, CSS, JavaScript e Java

Imagem
Neste post vamos ver, como criar um aplicativo android utilizando o Android Studio, você vai ver como é simples de fazer, e vamos ver também em nossa próxima live como fazer a publicação na loja. Códigos necessários: SPLASH SCREEN new Handler().postDelayed(new Runnable() {             @Override             public void run() {                 startActivity(new Intent(SplashActivity.this, GameActivity.class));                 finish();             }         }, 3000);  GAME SCREEN WebView wv = (WebView) findViewById(R.id.wv);         wv.getSettings().setJavaScriptEnabled(true);         wv.setWebViewClient(new WebViewClient());         wv.loadUrl("file:///android_asset/index.html"); Código para deixar em tela cheia requestWindowFeature(Window.FEATURE_NO_TITLE);         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN); Publicando APP Campos obrigatórios: Nome do app Breve descrição (É uma breve descrição d

16 Métodos para tratar Arrays no JavaScript

Imagem
Um Array no JavaScript é um objeto com um construtor único, com uma sintaxe literal e com um conjunto adicional de propriedades e de métodos herdados de um protótipo de Array. Na prática, o array é uma estrutura de dados que contém um índice numérico e um elemento, que pode ser de qualquer tipo primitivo de dados, um objeto ou, até mesmo, um outro array. Trata-se de um recurso muito utilizado na linguagem e, portanto, é importante que as pessoas que utilizam JavaScript  entendam como ele funciona e de que forma pode ser usado em uma aplicação web. Pensando nisso, fiz este conteúdo explicando alguns métodos muito utilizados com arrays. São eles: concat = método concatena (junta) dois ou mais arrays. join = método retorna um array como uma string. caso haja parametro os elementos serão unidos com o parametro. slice = método corta o texto, por quantidade de caracteres ou com início e fim. indexOf = método retorna a primeira posição de um valor especificado. lastIndexOf = método retor

Mini game com HTML, CSS e Javascript

Imagem
Estou criando um sequencia de lives com o intuito de ajudar quem quer iniciar no mundo dos games. Criei um repositório no codepen.io e uma playlist no youtube. Segue a baixo os vídeos e o link do repositório. Código fonte para facilitar o entendimento https://codepen.io/Andre-LPDZ/pen/eYrEGyd

Despedida SENAC

Imagem
Hoje é meu último dia na família chamada Senac, último de 3127 dias, 49,22% destes dias em Sorocaba e 50,78% destes dias em ITU, fiz muitos amigos nos dois lugares pessoas que marcaram minha vida, pessoas que nunca vou esquecer. são tantas histórias e quero em breve contá-las a vocês. Pensando nas aulas, neste período passei por: - 213 Turmas - 5354 Aprendizes Tive a oportunidade de atuar em projetos desenvolvidos pelo Senac: - Lab Senac - Ideias A+ - Empreenda Participar de parcerias entre empresa/governo e Senac: - Pronatec - Novotec - Sebrae - Unimed - Minha casa minha vida Elaboração da proposta do curso Técnico em Informática para Internet, fazer parte de treinamentos, eventos e certificações: - Futurecom - Formação Socioeducacional - Integração Educacional - O Modelo Pedagógico Nacional no DR São Paulo - Avaliação do Processo de Desenvolvimento de Competências - Formação de Brigada contra Incêndio e Primeiros Socorros - Construindo competências por meio de projetos - Workshop

Diferenças entre design responsivo, adaptativo e fluído

Imagem
Houve um tempo em que um site era apenas isso: um site. Felizmente, web design e desenvolvimento têm evoluído ao longo dos anos capacitando os usuários a exigir conteúdo real, relevante e com layout não mais frustrante. A fim de manter seus visitantes felizes e se ajustar a sua resolução de tela, três tipos de diferentes soluções de web design vêm à mente: design fluido, design adaptável e design responsivo. Saiba agora a diferença entre os três: Design Fluído Os layouts fluídos utilizam uma porcentagem do espaço em vez de largura fixa, ou seja, eles acompanham o tamanho da tela do dispositivo que você está usando sem mudar a estrutura. O maior problema com design fluido é o fato de que os elementos na página não podem se ajustar em conformidade. Isto significa que quando você mover para um monitor widescreen, a página e seu conteúdo podem parecer esticados. Se mover para uma tela menor como a de um tablet ou um smartphone tudo vai se aglomerar no meio. Isso pode representar alguns pro

Como utilizar after e before do CSS

Imagem
Neste post vamos ver como utilizar os pseudo-elements ::after e ::before para estilizar o seu site sem a necessidade de adicionar novas tags no HTML. ::after (:after) Cria um pseudo-elemento que é o último filho do elemento selecionado. Muitas vezes é usado para adicionar e melhorar o conteúdo de um elemento como a propriedade content. É inline por padrão. ::before (:before) Cria um pseudo-elemento que é o primeiro filho do elemento atingido. É frequentemente utilizado para adicionar conteúdo decorativo à um element utilizando a propriedade content. Este elemento é inline por padrão. Digamos que você tem o seguinte HTML: <a href="#">Link</a> E nós adicionamos a seguinte classe: a::after { content : "→" ; } Resultado:   Link → Agora se removermos a classe anterior e fizermos assim: a::before { content : "«" ; } Resultado:   «Link Deseja ver mais, acesse: Mozilla: After Mozilla: Before

Aprenda 15 eventos do jQuery

Imagem
O JQuery é uma das bibliotecas javascript mais populares e amplamente usadas, desenvolvida e projetada para simplificar a arquitetura DOM baseada em HTML, ou seja, as propriedades do modelo de objeto de documento, como leitura, manipulação e passagem de árvore. As outras propriedades do jQueries, como manipulação de eventos, Ajax, estilo e animação CSS, também são simplificadas. É uma biblioteca de código-fonte aberto e gratuita, usada normalmente em 73% dos aprox. 10 milhões de sites que estão sendo usados hoje. Os principais recursos do Jquery incluem propriedades baseadas em elementos DOM, como seletores, manipulação e passagem em árvore, o que torna o trabalho no JQuery muito mais interessante, fácil e conveniente. Eventos do jQuery Aqui estão os seguintes eventos do jQuery com sintaxe fornecida abaixo 1. click() Este evento ocorre sempre que o elemento é clicado. Esse método click () é usado para acionar o elemento clicado, também conhecido como evento click, usado para anexar a