Jump to content


WMO Notícias's Content

There have been 65 items by WMO Notícias (Search limited from 20/05/2023)



Ordernar por                Order  

#1021433 Facebook vai à Campus Party mostrar como desenvolvedores podem melhora

Posted by WMO Notícias on 03/02/2015, 16:52 in Teoria de Programação

 
22181728.jpg

O Facebook terá uma forte presença na Campus Party 2015, a grande festa da tecnologia que começa nesta terça-feira (3), em São Paulo. A começar pela palestra de abertura, que será comandada por Ime Archibong, líder da equipe de “aceleração estratégica” da empresa. Ele fortalece os elos do Facebook com desenvolvedores locais, e também lidera os esforços do Internet.org, projeto da empresa que trabalha para fazer avançar a conectividade pelo mundo, em áreas que ainda não têm acesso à internet. O projeto já foi lançado em cinco países, entre eles Zâmbia e Colômbia, e promete uma expansão agressiva para 2015.

Bacharel em engenharia eletrotécnica e de computadores pela universidade de Yale, Archibong chegou a São Paulo nesta segunda-feira, e recebeu a reportagem da INFO no escritório do Facebook na capital paulista. Sorridente, ele falou sobre os progressos colossais de seu time, adiantou o conteúdo de sua palestra, e também falou sobre a importância do Brasil e da Campus Party no projeto de conectar o mundo.

INFO: Por que o Facebook se envolveu com a Campus Party este ano? Qual o interesse de vocês no evento?

Ime Archibong: A resposta mais ampla é que o Facebook está muito empolgado com o Brasil. Este é um mercado em que nos concentramos nos últimos anos, tentando acelerar a parceria como um todo, e a Campus Party foi uma boa oportunidade de fazer isso. Primeiramente, porque o público é o mesmo com que trabalhamos há anos, o de desenvolvedores. Atualmente, há 90 milhões de pessoas usando o Facebook no Brasil, 70 milhões a partir de dispositivos móveis, o que oferece uma oportunidade enorme em nossa missão de tornar o mundo mais conectado.

O que as pessoas devem esperar da sua palestra na Campus Party?

Vou falar da minha primeira vinda ao Brasil, e o que mudou na forma como planejei minha viagem num intervalo de dez anos. E depois falarei das oportunidades que enxergamos e como podemos ajudar desenvolvedores locais a criar apps para o público brasileiro. Fazemos isso de algumas formas diferentes. Primeiro, por meio do programa FbStart, que terá eventos em São Paulo (9/2) e no Rio de Janeiro (11/2). Essas são ótimas oportunidades para que esses desenvolvedores estabeleçam uma relação com o Facebook, de uma forma que já funciona nos EUA e no mundo todo. Também falarei sobre a plataforma do Facebook, que já existe há cerca de sete anos, e seus pilares, as ferramentas e APIs que podem ajudá-los a fazer os apps crescerem, monetizá-los e transformá-los em um negócio. Falarei um pouco sobre o Internet.org e sobre a cultura do Facebook de uma forma geral.

E quais foram as diferenças no planejamento da sua viagem de dez anos para hoje?

Quando eu me preparei para vir ao Brasil, há quase uma década, as ferramentas que eu usei eram totalmente diferentes. Naquela época, usei meu guia Lonely Planet, mapas físicos. Eu reservei tudo pelo telefone dos Estados Unidos, com minha grande câmera. Na semana passada, basicamente usei meu smartphone. Pronto. Se eu precisar de um mapa, posso usar o Google Maps, se eu quiser sugestões de restaurantes, posso usar um app que não apenas recomenda, mas também faz as reservas para mim. E essa câmera é provavelmente melhor que a minha de dez anos atrás. Falarei então sobre as grandes mudanças que dispositivos móveis trouxeram às pessoas. Isso foi óbvio na semana passada, quando tive que me preparar e não precisei ir à livraria comprar um guia nem fazer um monte de ligações.

E o Facebook também tem seu papel nesse processo.

Sim, definitivamente. A mudança para o mobile e a quantidade de oportunidades para desenvolvedores locais construírem experiências que mudam a forma como experienciamos o mundo não é algo trivial. Há enormes oportunidades para quem for apaixonado por desenvolvimento mobile, como no caso de navegação de trânsito, algo que mudou muito aqui, certo? Eu e meu time nunca teremos conhecimento local suficiente para desenvolver as experiências corretas, por isso contamos com os desenvolvedores.

Como vocês medem o impacto desse tipo de evento com desenvolvedores?

Há algumas formas de fazer isso. Uma delas é acompanhar a plataforma e ver como essas ações se traduzem em acessos a ela. A Campus Party é um evento grande, e espero ver muitos IPs vindos do Brasil se conectando depois do evento. Outra coisa são os relatórios de impacto econômico do Facebook, nos quais a plataforma desempenha um papel importante. Mas o verdadeiro impacto deve ser medido em anos.

Gostaria que você falasse um pouco sobre o atual estágio do projeto Internet.org. Há algum plano de lançá-lo no Brasil?

Ainda não temos nada para anunciar no Brasil. Mas há uma visualização que mostrarei na palestra que mostra as conexões entre amigos, e as regiões em que não existem essas conexões. Isso não acontece porque as pessoas não sabem o que é o Facebook, mas porque há problemas, como falta de conexão. O Internet.org é a tentativa do Facebook de acelerar a solução disso. Dois terços da população mundial não tem acesso a internet, e seria fácil esperar que alguém resolvesse essa questão. Mas, em vez de esperar, tentamos resolver isso.

Gosto de dizer que o Internet.org faz duas promessas ao mundo. A primeira é técnica. Atualmente, 85% das pessoas vivem ao alcance de torres de celular 2G, 3G ou 4G, o que é bastante coisa. Claro que podemos usar balões, estamos avaliando coisas como satélites e drones para os 15%. Mas, para o resto, por que podemos usar a infraestrutura existente, e entender quais as barreiras que impedem que elas possam ser utilizadas?

Uma questão é do custo. Discutimos com operadoras para tentar resolver isso. A segunda é a de compreensão. Se você perguntar à muitas dessas pessoas se elas querem internet no seu celular, elas dirão que não. Mas se você perguntar se elas querem para usar o Facebook, a resposta muda. Então há esse problema de compreensão do que a internet no celular pode trazer. Isso é o que chamamos de promessa social. Quando elas tiverem tráfego de dados em seus aparelhos, terão acesso a conteúdo, serviços, ferramentas que as ajudarão a ter mais oportunidades.

A maior parte dos desenvolvedores está localizada em grandes cidades, e a falta de conectividade afeta regiões mais afastadas. Como vocês lidam com esse problema?

Tentamos conversar com aqueles usuários que utilizarão o Internet.org e entender suas necessidades. Isso é difícil de se fazer em escala, então a forma que atacamos o problema é a seguinte: fazemos pesquisa, temos um time que viaja o mundo todo que avalia onde podemos lançar o Internet.org e gastam tempo nessas comunidades entendendo suas necessidades. Também falamos com peritos locais, eles podem estar em grandes cidades com infraesturutra, mas passaram anos entendendo esses problemas. E empoderar esses desenvolvedores. Ao criarmos ferramentas que possibilitem a conexão deles sem que apareçamos, essa é a melhor forma de resolver esses problemas em escala.

Quais os principais problemas que o Facebook pode resolver nessas comunidades?

O menor denominador comum é a conectividade. Se olharmos para a conectividade daqui alguns anos, e concluirmos que colaboramos para a sua expansão no mundo, terá sido uma vitória para o Facebook. Mas é difícil falar sobre necessidades específicas. Por isso os desenvolvedores vão elaborar essas soluções. Não será algo centralizado. O Facebook tem ótimas ferramentas de comunicação, mas provavelmente não teremos recursos para resolver todas as necessidades locais, ainda que planejemos investir bilhões no projeto nos próximos anos. As necessidades na Colômbia são muito diferentes das que ouvimos em Zâmbia. Em Zâmbia, por exemplo, uma empreendedora de Lusaka criou um app sobre direitos das mulheres, problemas com os quais ela lidava em na comunidade e na família dela. Mas não sei qual a situação dos direitos das mulheres na Colômbia, na Índia, na África do Sul... Eu amaria lidar com todos, mas há um pragmatismo necessário para esse programa. Precisamos entender qual o mínimo denominador comum e ter a certeza de que estamos falando com as pessoas certas para que elas possam criar as ferramentas certas para melhorar as vidas das pessoas.

Quais os planos do Internet.org a partir de agora?

Nada que eu possa mencionar, mas há planos muito ambiciosos. Lançamos em cinco países, e aprendemos muito. O lançamento na Zâmbia foi diferente do lançamento na Colômbia. Em 2015, há metas ambiciosas e agressivas. O time que está trabalhando comigo nisso não está dormindo nesse momento, e eles não estão muito felizes (risos). Mas há metas abrangentes e ambiciosas. Vocês verão muitas coisas nos próximos meses e certamente até o final do ano.

 

Agenda completa do Facebook na Campus

Dia 03

21:00 Ime Archibong #CPBR8

Dia 04

14:30 - 15:20: FbStart Panel:
Developer Stage Moderator: Michael Hunag

10:30 - 11:30: Women Panel:
Social Media Stage: Mercúrio Moderator: Laura Gonzales

Dia 05

10:30 - 11:30 Internet.org: Entrepreneur stage: Francesca de Quesada Covey

Dia 07

10:30 - 11:30 Panel: Social Media Integration for E-commerces. Social Media Stage (Mercúrio):
Patrick D

Fonte:INFO



#1021434 Google revela o quanto pagou para pesquisadores que revelaram bugs de

Posted by WMO Notícias on 03/02/2015, 17:37 in Mercado de Trabalho

O Google revelou em seu blog nesse final de semana, que pagou 1,5 milhões de dólares para pesquisadores e hackers que participaram do programa "bug bounty" da empresam,que recompensa quem ajuda a encontrar bugs ou brechas em seus apps.

 

Foi postado o seguinte texto no blog:

Olhando para trás em 2014 nossos programas de recompensa de segurança continuam a crescer em ritmo veloz . Nós já pagamos mais de 4 milhões dólares em prêmios para pesquisadores de segurança desde 2010 em todos os nossos programas de recompensa , e estamos ansiosos para mais grandes anos que estão por vir.

 

Em 2014 :

  • Pagamos pesquisadores mais de US $ 1.500.000.
  • Nossa maior recompensa única foi de US $ 150.000. O pesquisador então se juntaram a nós para um estágio .
  • Nós recompensamos mais de 200 pesquisadores diferentes.
  • Nós recompensamos mais de 500 bugs. Para Chrome , mais da metade de todos os relatórios recompensados ​​para 2014 estavam em versões para desenvolvedores e beta . Fomos capazes de esmagar "insetos" antes que eles pudessem chegar a nossa população de usuários principal.

A empresa também anunciou mudanças no programa de recompensas, para aumentar o interesse dos pesquisadores.

Confira o texto:

Estamos anunciando duas adições aos nossos programas de hoje. Em primeiro lugar, os esforços dos pesquisadores por meio desses programas , combinados com o nosso próprio trabalho de segurança interna , torná-lo cada vez mais difícil encontrar bugs. É claro que isso é uma boa notícia , mas também pode ser desanimador quando os pesquisadores investem seu tempo e lutam para encontrar problemas . Com isto em mente , hoje estamos lançando um novo programa , experimental : Vulnerability Research Grants. Estes são prêmios que irão premiar aos investigadores antes mesmo de apresentar um bug.

 

Veja como o programa funciona:

  • Nós vamos publicar diferentes tipos de vulnerabilidades, produtos e serviços para os quais queremos apoiar a investigação para além das nossas recompensas vulnerabilidade normais.
  • Vamos subsidiar imediatamente antes do início da pesquisa, sem nenhum compromisso . Os pesquisadores então continuarão a investigação solicitada, como de costume.
  • Haverá vários níveis de subsídios, com um máximo de $ 3,133.70 USD .
  • No topo da premiação , os pesquisadores ainda são elegíveis para benefícios regulares para os erros detectados .

 

Caso queira saber as regras e como participar desse programa de recompensas(em inglês)  cliqueaqui.

 




#1021438 Empresa oferece oportunidades para profissionais de TI em Salvador

Posted by WMO Notícias on 04/02/2015, 17:00 in Vagas

ZCR Informática, companhia de TI instalada no Parque Tecnológico da Bahia, está recrutando profissionais para trabalhar em Salvador.

São nove oportunidades para profissionais de nível superior, que devem ocupar os seguintes cargos: desenvolvedor, analista de sistemas júnior, pleno e sênior, analista de OSM, web designer, gestor de AVA, analista de sistemas de qualidade e testes pleno e desenvolvedor .NET.

Alguns dos benefícios oferecidos para funcionários são assistência médica e odontológica, vale-transporte e vale-alimentação. O candidato deve informar a pretensão salarial ao se inscrever para o processo seletivo.

Para se candidatar a uma das oportunidades, é preciso enviar o currículo para o e-mailselecionatirh@gmail.com e especificar a vaga desejada no assunto da mensagem.

fonte:info




#1021499 Vagas de estagios e empregos em Fevereiro

Posted by WMO Notícias on 11/02/2015, 06:10 in Vagas

Para quem mira uma vaga de trainee ou estágio, confira as oportunidades disponíveis nos programas com inscrições abertas em ordem crescente de término do prazo.

Google - estágio
O programa Google Business Internship busca universitários que se formam em dezembro de 2015. A empresa oferece 26 vagas de estágio para atuar no seu escritório em São Paulo, em diversas áreas, como vendas, marketing e atendimento ao cliente.

Salário: não informado
Inscrições: até 15 de fevereiro pelo site da empresa

ZF Lenksysteme GmbH - trainee
A empresa tem vagas para profissionais formados entre julho de 2012 e julho de 2014. É preciso ter curso de graduação ou mestrado em engenharia (mecânica, mecatrônica, elétrica ou produção). Outros pré-requisitos são notas acima da média, fluência em inglês e alemão intermediário. O programa começa na Alemanha, continua em um segundo país estrangeiro e termina em Sorocaba (SP).

Salário: 5 mil reais
Inscrições: até 18 de fevereiro pelo Vagas.com

MV - trainee
Para participar, é preciso ter formação superior concluída entre dezembro de 2012 e janeiro de 2015 em administração de empresas, economia, contabilidade, ciências da computação, sistemas da informação ou em cursos de saúde (enfermagem, fisioterapia, farmácia, etc.) É preciso ter disponibilidade para viagens e mudança de cidade, além de conhecimento das ferramentas Office (Word, Excel e PowerPoint), Windows e uso da internet. Espanhol é desejável.

Salário: não informado
Inscrições: até 20 de fevereiro pelo site do programa

Lojas Americanas - estágio
Podem se candidatar estudantes de todo o país nas áreas de administração, ciências contábeis, relações internacionais, comunicação social, economia e engenharia de produção, com previsão de formatura de julho a dezembro de 2015.

Salário: não informado
Inscrições: até 20 de fevereiro pelo Vagas.com

BNP Paribas Cardif - trainee
Os pré-requisitos para participar são ter inglês fluente, conhecimentos avançados no pacote Office. Também é preciso ter no máximo dois anos de formado Espanhol é diferencial.

Salário: não informado
Inscrições: até 23 de fevereiro pelo site do programa

Petrobras – estágio
O processo seletivo é para formar cadastro reserva de estudantes de nível superior, médio e técnico. Para se candidatar, é preciso ter pelo menos 16 anos de idade. Estudantes dos níveis médio e técnico precisam estar matriculados e ter frequência regular numa instituição de ensino reconhecida pelo MEC.
Já os candidatos para as vagas de nível superior devem estar cursando, no mínimo, o 3º período de um curso de bacharelado ou de licenciatura ou curso tecnólogo de uma instituição também reconhecida pelo MEC. Só valem os cursos aceitos pelo PCAC (Plano de Classificação e Avaliação de Cargos), da Petrobras, como requisito de formação para o cargo correlato. As oportunidades são para os seguintes estados: Amazonas, Bahia, Ceará, Distrito Federal, Espírito Santo, Maranhão, Mato Grosso do Sul, Minas Gerais, Pará, Paraná, Pernambuco, Rio de Janeiro, Rio Grande do Norte, Rio Grande do Sul, Santa Catarina, São Paulo e Sergipe.

Salário: de 473,97 reais a 1.853,27 reais, dependendo do local de trabalho e da carga horária.
Inscrições: até 26 de fevereiro pelo site da Petrobras. Cada candidato pode se inscrever em até três vagas, definindo sua ordem de preferência 

Grupo Protege – trainee

As inscrições estão abertas para recém-formados ( entre dezembro de 2009 e dezmbro de 2014) nos cursos de administração de empresas, ciências contábeis, engenharia e economia. Conhecimentos de inglês e/ou espanhol são desejáveis e é preciso ter total disponibilidade para viajar e mudar de cidade. Outro requisito é o domínio do Pacote Office.

Salário: não informado
Inscrições: até 28 de fevereiro pelo site Vagas.com

Vivara/Etna – trainee
São 10 oportunidades para trabalhar em São Paulo (SP) e o programa dura 12 meses. Aprovados passarão por vivência em loja e nas áreas de interface com o setor de interesse e também vão desenvolver um projeto.

Salário: não informado
Inscrições: até 5 de março pelo Vagas.com

Esmaltec - estágio
As 56 oportunidades são para trabalhar em Maracanaú, no Ceará. Podem se candidatar estudantes a partir do 2º semestre de cursos técnicos da área de mecânica, elétrica, eletromecânica, eletrotécnica, automação, ambiental, química e segurança do trabalho. Também há oportunidades de estágio para alunos a partir do 4º semestre de cursos superiores de administração, economia, ciências contábeis, psicologia, nutrição, publicidade e propaganda, comércio exterior, ciência da computação, rede de computadores e engenharias (elétrica, mecânica, automação, produção, química e ambiental).

Salário: não informado. Assistência médica; transporte; refeição no local, ticket alimentação, 13º salário, férias remuneradas, certificados de cursos emitido pela Esmaltec e Unifor.
Inscrições: até 5 de março de 2015 pelo Vagas.com

TIM – estágio
As oportunidades são para as cidades de Rio de Janeiro, São Paulo, Santo André, Belo Horizonte, Curitiba, Salvador, Recife e Belém, mas estudantes de outras cidades podem participar e aguardar por novas oportunidades no banco de talentos da operadora. Podem se candidatar universitários dos cursos de administração, análise de sistemas, ciências atuariais, ciências contábeis, ciência da computação, ciências econômicas, comunicação social (publicidade e propaganda ou jornalismo), direito, engenharia civil, engenharia da computação, engenharia de produção, engenharia de telecomunicações, engenharia elétrica, engenharia eletrônica, estatística, informática, marketing, matemática, psicologia e sistemas de informação. A TIM informada que estudantes dos cursos de engenharia, TI e estatística devem ter entre um e três anos até a formatura e os demais, entre um e dois anos. Conhecimentos de inglês e informática são requisitos para participar.

Salário: não informado. Além da bolsa -auxílio, os estudantes recebem smartphone com linha funcional e internet ilimitada, vale-refeição, vale-transporte e assistência médica e odontológica.

Inscrições: até o dia 10 de março pelo site da TIM 

AZ Futurainvest – estágio trainee
Podem se candidatar estudantes dos cursos de administração, ciências econômicas, comunicação, relações públicas e contabilidades que estejam matriculados a partir do 4º semestre. As oportunidades são para as cidades de Salvador (4 vagas), São Paulo (4 vagas), Campinas (3 vagas ), Recife (3 vagas ) e Aracaju (6 vagas).

Salário. Não informado. De acordo com a empresa, há plano de bônus. Estagiários recebem vale-refeição e auxílio transporte.
Inscrições: até 10 de março pelo Vagas.com

Subsea 7 - estágio
São 20 oportunidades de estágio no Rio de Janeiro (RJ). Para participar, é preciso estar matriculado em curso de graduação, com conclusão prevista para o período entre julho de 2016 e maio de 2017. Para participar, o aluno deve estar ativamente matriculado em curso de graduação, com conclusão prevista para julho de 2016 a maio de 2017.

Salário: não informado
Inscrições: até 13 de março pelo site Vagas.com

Nielsen - estágio/trainee
O programa de estágio-trainee é voltado para estudantes dos cursos de administração de empresas, ciências sociais, ciências atuariais, comunicação social, economia, engenharia, estatística, matemática, marketing, publicidade, relações internacionais e afins. Os aprovados serão estagiários durante 8 meses. Depois desse período, cada um passará pela avaliação de seu gestor, que poderá indicá-los ou não para a fase seguinte do programa. Uma vez indicados, os estagiários tornam-se analistas e iniciam a segunda etapa do desenvolvimento. Nesse momento do programa, com média de três meses de duração, haverá treinamentos intensivos e os aprovados passam a atuar como executivos de atendimento júnior. A empresa prorrogou o período de incrições para março.

Salário: durante a primeira etapa, 1,6 mil reais para penúltimo ano e 1,8 mil reais para último ano. Na segunda fase, a remuneração passa para 2,7 mil reais para todos, independentemente do ano cursado na faculdade.
Inscrições: até 15 de março pelo site do programa

BTG Pactual - trainee
A empresa busca profissionais com formação entre junho de 2013 e julho de 2015. Os cursos de interesse são administração, ciências contábeis, ciências econômicas, matemática, engenharias e demais ciências exatas e de tecnologia. É preciso ter inglês fluente e disponibilidade para mudanças.

Salário: não informado
Inscrições: até 22 de março pelo site do programa

PwC - trainee
As áreas são auditoria, consultoria de negócios e consultoria tributária e societária. Alguns dos cursos demandados são administração, ciências atuariais, ciências contábeis e ciências econômicas, direito, estatística, física, gestão ambiental, matemática, relações internacionais, psicologia, entre vários outros, dependendo da área de atuação.

Salário: não informado
Inscrições: os prazos variam, podendo ir até março de 2015 em algumas cidades. As datas de acordo com cada localidade podem ser acessadas no site da empresa. As inscrições podem ser feitas no site do programa

Flytour – trainee
Podem se candidatar universitários dos cursos de administração, eventos, turismo, hotelaria, comércio exterior, comunicação social, marketing, publicidade e propaganda, jornalismo, qualidade, relações internacionais e relações públicas, entretenimento, história, geografia, entre outros. O estudante deve estar matriculado no período noturno e deve ter disponibilidade para trabalhar em Barueri (SP) e/ou São Paulo (SP). Conhecimentos do Pacote Office, noções básicas de geografia e de idiomas são diferenciais.

Salário: 1.100,00 reais. Benefícios: assistência médica e odontológica, vale refeição, vale transporte, plano de previdência privada, desconto na compra de pacotes de viagens, seguro de vida.
Inscrições: até 3 de abril pelo Vagas.com

Leroy Merlin - trainee
A empresa busca candidatos com graduação entre dezembro de 2010 e dezembro de 2014.A s vagas estão divididas em duas áreas de atuação: comercial e gestão. A área comercial é a principal área da empresa e envolve o planejamento (mercado, mix de produtos, exposição, preço) de uma seção de produtos, além de gestão e desenvolvimento de pessoas. Gestão envolve a área administrativo-financeira da loja, responsável por acompanhar objetivos econômicos ao lado do núcleo comercial. 

Salário: não informado
Inscrições: até 12 de abril pelo site do programa

EY - trainee
O programa é destinado a universitários a partir do 2º ano de graduação ou recém-formados (até 2 anos) dos cursos de administração de empresas, ciências atuariais, ciências contábeis, direito, economia, engenharia (todas), estatística, física, cursos de TI, matemática e relações internacionais. Inglês intermediário é pré-requisito.As oportunidades são para as cidades de Belo Horizonte (MG), Blumenau (SC), Brasília (DF), Campinas (SP), Curitiba (PR), Fortaleza (CE), Goiânia (GO), Porto Alegre (RS), Recife (PE), Rio de Janeiro (RJ), Salvador (BA) e São Paulo (SP).

Salário: não informado
Inscrições: pelo Vagas.com. Segundo o site do programa, as inscrições se iniciaram em dezembro de 2014 e o processo se estende até setembro e outubro de 2015, quando as admissões das últimas turmas são finalizadas. O programa tem diferentes datas de contratação mas, quanto mais cedo a inscrição for feita, mais chances o candidato terá.

Rexam - estágio
A fábrica da empresa em Extrema (MG) tem quatro vagas de estágio destinadas a alunos dos cursos técnicos de mecânica ou mecatrônica e segurança do trabalho, matriculados no 1º ou 2º período, e a estudantes de nível superior nas áreas ambiental ou de segurança, com formação técnica em segurança do trabalho. Também há uma vaga para alunos de engenharia, cursando o 6º período.

Salário: não informado
Inscrições: prazo não informado. Currículos devem ser enviados para o e-mail curriculo@rexam.com

Ambev - estágio
O programa de estágio 2015 é direcionado a estudantes no penúltimo ou último ano de diversos cursos. É exigido nível intermediário de inglês.

Salário: não informado 
Inscrições: o ano todo pelo site do programa

Sanofi - estágio
O processo de seleção acontece o ano inteiro e, mensalmente, há abertura de oportunidades de estágio nas áreas de administração, biologia, bioquímica, ciências da computação, ciências contábeis, comunicação social, contabilidade, direito, economia, enfermagem, engenharias, farmácia, marketing, psicologia, publicidade e propaganda, relações internacionais, secretariado e sistemas de informação. Selecionados vão trabalhar em São Paulo (SP), bairro do Morumbi.

Salário: de 1.630 reais (6 horas diárias) a 2.171 reais (8 horas diárias).
Inscrições: o ano todo pelo site da Sanofi ou da Page Talent

Hypermarcas - trainee
Podem participar recém-formados ou alunos que estejam cursando o último ano nos cursos de engenharia, administração, economia, marketing e áreas correlatas.

Salário: não informado
Inscrições: o ano todo pelo site Vagas.com

Nestlé –  estágio
A empresa busca candidatos com formação prevista entre dezembro de 2015 e dezembro de 2016. São aceitos todos os cursos de graduação de acordo com o setor de atuação. Ter inglês no mínimo intermediário é pré-requisito.

Salário: não informado
Inscrições: o ano todo no site da Cia de Talentos.

Unicasa Móveis - trainee 
Os candidatos devem ter graduação entre 2009 e 2015 e disponibilidade para viajar e residir em qualquer região do Brasil. O programa acontece em Bento Gonçalves (RS), sede da empresa.

Salário: 3 mil reais
Inscrições: até 10 de março pelo site do programa

Deloitte - trainee 
Podem se candidatar universitários a partir do 2º ano de graduação ou recém-formados nos cursos de administração de empresas, ciências atuariais, ciências contábeis, comércio exterior, direito, economia, estatística, relações internacionais, biologia, engenharia (todas), informática, matemática, sistemas de informação, ciência da computação, processamento de dados, análise de sistemas e física. É preciso ter nível ao menos básico de inglês para candidatos na área de outsourcing e nível intermediário para candidatos às demais áreas. A área de outsourcing também requer, no mínimo, 6 meses de experiência para contábil, financeiro e fiscal. É necessário ter disponibilidade para trabalhar em período integral e para viagens.

Salário: não informado. A empresa oferece vale-transporte, ticket alimentação, plano de saúde, previdência privada, seguro de vida em grupo, PLR.
Inscrições: ano todo pelo Vagas.com

Gemalto – estágio
O programa de estágio é destinado a universitários de antepenúltimo, penúltimo e último ano de graduação dos seguintes cursos: administração, ciências da computação, comércio exterior, economia, engenharia da computação, engenharia elétrica, sistema da informação, marketing, psicologia, recursos humanos, relações internacionais e relações públicas. O programa tem duração de até dois anos e carga horária flexível entre 20 e 40 horas semanais.

 

Salário: não informado
Inscrições: o ano todo pelo site da Gemalto

P&G - estágio
Há 150 oportunidades em todo o país, incluindo São Paulo (SP), Manaus (AM), Rio de Janeiro e Queimados (RJ), , e as fábricas localizadas em Manaus, Rio de Janeiro e Queimados (RJ), Salvador, Via Anchieta, em São Paulo, e Louveira (SP). É necessário ter inglês fluente. Quem se candidata precisa se formar entre julho de 2015 e julho de 2016, nas áreas de marketing, vendas, tecnologia da informação, finanças e logística.

Salário: não informado
Inscrições: o ano todo pelo site da P&G

Ipiranga- estágio
Para se candidatar é preciso estar no penúltimo ou o último ano da graduação nas áreas de engenharias, administração, economia, contabilidade, direito, ciência da computação, química, comunicação social, propaganda e marketing, direito, psicologia, arquitetura, educação física e nutrição.Ao todo são 160 oportunidades e metade delas é para trabalhar no Rio de Janeiro.

Salário: entre 1000 reais e 1.300 reais
Inscrições: o ano todo pelo site Ipiranga

Itaú BBA - estágio
A empresa recruta estudantes com formação prevista entre dezembro de 2015 e julho de 2016. É exigido inglês avançado ou fluente, além de bons conhecimentos em Pacote Office. Os cursos mirados são administração de empresas, ciências contábeis, comunicação social, direito, economia, engenharia, física, estatística, marketing, matemática, pedagogia, propaganda, psicologia, publicidade e relações públicas.

Salário: 2 mil reais
Inscrições: o ano todo pelo site da Cia de Talentos 

Santander - estágio
As oportunidades são para estudantes de diversas áreas, tais como administração, ciências contábeis, comunicação social, marketing, psicologia e relações internacionais. É preciso se formar entre julho de 2015 e dezembro de 2016.

Salário: não informado
Inscrições: o ano todo no site do Vagas.com

Citi - estágio 
No programa de estágio da empresa, há vagas para estudantes de qualquer área com previsão de formatura entre julho de 2015 e dezembro de 2016. É preciso inglês a partir de nível intermediário e disponibilidade para estagiar em São Paulo (SP). 

Salário: 1,6 mil reais 
Inscrições: o ano todo pelo site do 99jobs

Henkel - estágio
Há vagas para trabalhar em três cidades do estado de São Paulo: Diadema, Itapevi e Jundiaí. Para se candidatar, é preciso estar entre o 2º e o penúltimo ano da graduação. A empresa busca estudantes de administração de empresas, ciências contábeis, direito, economia, engenharias, marketing, publicidade e propaganda, química e relações internacionais. Outro pré-requisito é ter inglês intermediário.

Salário: não informado
Inscrições: o ano todo pelo site da empresa

 

 

Fonte: Info




#1021519 Rússia oferece bolsas de estudo de 100% para estrangeiros

Posted by WMO Notícias on 13/02/2015, 02:01 in Cursos e Certificações

Se você não tem medo do frio, aí vai uma boa notícia: a Rússia está oferecendo bolsas de estudo para quem deseja fazer graduação, mestrado ou doutorado no país. 

As inscrições vão até o dia 20 de março. Para obter mais informações e se inscrever, os candidatos devem mandar um email para o endereço bolsas@cbr.tur.br. 

Segundo o site Conexão Brasil-Rússia (CBR), o governo russo não informou qual é o número de bolsas disponíveis - e, por isso, é bom fazer a inscrição o quanto antes.  

A bolsa contempla 100% das despesas com o curso de graduação, que pode custar até 10 mil dólares por ano dependendo do curso.

Não é pré-requisito falar russo, porque o beneficiário também terá um ano gratuito de faculdade preparatória, em que terá aulas do idioma, além de disciplinas ligadas à sua área de formação.

Os cursos de graduação normalmente são ministrados em russo, mas algumas universidades oferecem aulas em inglês. Dependendo da instituição, o mestrado e o doutorado podem ser estudados em russo, inglês ou até espanhol.

A seleção se baseia na análise do histórico escolar e de atividades extracurrículares do candidato, além de cursos de línguas estrangeiras e competições físicas. 

 

Fonte: Info




#1021585 WideImage – Classe PHP que manipula Imagens

Posted by WMO Notícias on 26/02/2015, 15:14 in Artigos, Dicas e Tutoriais de PHP

Nesse post, vou mostrar como a classe WideImage pode ajudar com a manipulação de imagens. Quem nunca precisou manipular uma imagem? Todos sabem que é uma tarefa comum em um website, e que não é muito agradável, mas com a classe WideImage facilita bastante.

Com o WideImage pode-se:

  • Redimensionar imagens
  • Inserir marca d´agua
  • Converter imagem em escala de cinza
  • Converter imagem para negativa
  • Cortar imagem
  • Entre outras…

A utilização da classe requer alguns pré-requisitos, como, PHP 5.2 ou superior, GD2 do PHP ativado (que na versão 5 do PHP já vem ativado por padrão) e memória suficiente para carregar os arquivos de imagens.

  • Baixe o WideImage no link
  • Após baixar o arquivo WideImage, salve-o em uma pasta dentro do seu projeto, neste caso, será nomeado como “_wideimagem”, mas nada impede de escolher outro nome, portanto que lembre na hora de requerer a classe.
  • O código a seguir mostrará como redimensionar e salvar uma imagem:
  1. <?php
  2. // Chama o arquivo com a classe WideImage
  3. require('_wideimage/WideImage.php');
  4. // Carrega a imagem a ser manipulada
  5. $image = WideImage::loadFromFile('_imagem/img.jpg');
  6. // Redimensiona a imagem
  7. $image = $image->resize(400, 300);
  8. // Salva a imagem em um arquivo
  9. $image->saveToFile('_imagem/imgred.png');
  10. // Mostra a imagem na tela
  11. $image->output('jpg', 90);
  12. ?>

Existem três tipos de redimensionamento, inside, outsidefill:

  • Inside — Redimensiona a imagem para caber na largura e altura especificada, não distorcendo a imagem.
  • Outside — Redimensiona a imagem para preencher a largura e altura especificada, não distorcendo a imagem.
  • Fill — A imagem será redimensionada por completo, distorcendo a imagem.

No código anterior modifique a linha onde é redimensionado a imagem e coloque a seguinte linha.

  1. $image = $image->resize(400, 300,'inside');

Altere das três formas para ver a diferença entre insideoutrside e fill.

Cortando a imagem

Existe um método na classe WideImage muito legal, o crop(), que tem quatro parâmetros, coordenada X onde o corte se inicia, coordenada Y onde o corte se inicia, largura e altura do corte.
Veja o código de exemplo:

  1. <?php
  2. // Chama o arquivo com a classe WideImage
  3. require('_wideimage/WideImage.php');
  4. // Carrega a imagem a ser manipulada
  5. $image = WideImage::loadFromFile('_imagem/img.jpg');
  6. // faz o recorte da imagem
  7. $image = $imagecrop->crop(0,0,247, 190);
  8. // Salva a imagem em um arquivo
  9. $imagecrop->saveToFile('_imagem/imgred.png');
  10. // Mostra a imagem na tela
  11. $imagecrop->output('jpg', 90);
  12. ?>

Na maioria dos casos ninguém corta no canto da imagem, com isso vemos o poder do crop().

Altere a linha onde recorta a imagem pelo código abaixo:

  1. $image = $imagecrop->crop('50% - 50', '50% -40',247, 190);

Se a imagem for muito grande, pode-se pegar um pedaço da imagem. Mas como fazer isso? Usando a função resize() em conjunto com o crop().

Adicione a seguinte linha no arquivo:

  1. $image = $image->resize(100, 80);
  2. $image = $imagecrop->crop('50% - 50', '50% -40',100, 80);

OBS: lembrando que aqui nos códigos são somente exemplos, você terá que pegar a dimensão correta de suas imagens.

Marca d'água (watermark)

Para aplicar marca d'água em uma imagem com a classe WideImage, basta usar o método merge().

O método merge() da classe WideImage tem quatro parâmetros, primeiro a imagem que irá ser a marca d'água, segundo posição X, terceiro posição Y e o quarto opacidade da imagem.

Veja abaixo o código:

  1. <?php
  2.     $img = wideimage::load('_imagem/img.jpg');
  3.     $marca = wideimage::load('_imagem/img2.jpg');
  4.     $novaImagem = img->merge($marca, 10, 10, 30);
  5.     $novaImagem->saveToFile('_imagem/ImagemMarca.jpg');
  6.     $novaImagem->output('jpg', 90);
  7. ?>

Note que a imagem ficou com uma marca d'água.
Mais informações sobre a classe podem ser vistas em http://wideimage.sourceforge.net/

Gostou do artigo? Ficou com dúvidas? Tem outras sugestões?
Deixe um comentário.
Forte Abraço e até a próxima!

 

 

Fonte:www.ideiasprogramadas.com.br




#1021586 Construindo um Pimple/Container a partir de um arquivo YAML

Posted by WMO Notícias on 26/02/2015, 15:52 in Artigos, Dicas e Tutoriais de PHP

Em maio, eu assisti à excelente conferência deSymfony day, em Barcelona. No jantar do orador, tive uma ótima conversa com Máximo Cuadros sobre Containers de injeção de dependência. Discutimos sobre a personalização de contêineres. Eu disse que prefiro DIC do Symfony em vez de Pimple, principalmente por causa dos seus arquivos de configuração com YAML (ou mesmo xml). Mas, na verdade, nós podemos personalizar Pimple/Containers com arquivos YAML de forma semelhante ao que fazemos com DIC do Symfony. Neste exemplo, vamos ver uma forma de fazer isso.

Não é difícil estender Pimple/Container e adicionar uma função para carregar alguns arquivos YAML, analisá-los e construir o container. Mas, fazendo isso, estamos violando diversos princípios SOLID. Primeiro, violamos o princípio Open-Close, porque para estender nosso Pimple/Container com a nova funcionalidade estamos adicionando novo código dentro de uma classe existente. Estamos violando também o princípio da inversão de dependências, e o nosso novo Pimple/Container vai ser mais difícil de manter. E, finalmente, nós estamos obviamente violando o princípio da responsabilidade única, porque nosso novo Pimple/Container não é apenas um DIC, é também um parser YAML.

Existe outra maneira de realizar essa operação sem prejudicar os princípios SOLID. Podemos usar ocomponente de configuração do Symfony.

A ideia é simples. Imaginar este aplicativo simples:

use Pimple\Container;
 
$container = new Container();
$container['name'] = 'Gonzalo';
 
$container['Curl'] = function () {
return new Curl();
};
$container['Proxy'] = function ($c) {
return new Proxy($c['Curl']);
};
 
$container['App'] = function ($c) {
return new App($c['Proxy'], $c['name']);
};
 
$app = $container['App'];
echo $app->hello();

Nós definimos as dependências com o código. Mas queremos definir dependências usando um arquivo yml:

parameters:
name: Gonzalo

services:
App:
class: App
arguments: [@Proxy, %name%]
Proxy:
class: Proxy
arguments: [@Curl]
Curl:
class: Curl

Como podemos ver, estamos usando uma sintaxe semelhante à dos arquivos de dicionário YAML do Symfony. Agora, com a nossa nova biblioteca, podemos usar o seguinte código:

use Pimple\Container;
use G\Yaml2Pimple\ContainerBuilder;
use G\Yaml2Pimple\YamlFileLoader;
use Symfony\Component\Config\FileLocator;

$container = new Container();

$builder = new ContainerBuilder($container);
$locator = new FileLocator(__DIR__);
$loader = new YamlFileLoader($builder, $locator);
$loader->load('services.yml');

$app = $container['App'];
echo $app->hello();

Agora, o nosso Pimple/Container é apenas um Pimple/Container, e nada mais. Ele não sabe nada sobre yaml, parsers e coisas assim. E não tem qualquer responsabilidade extra. A responsabilidade do parser recai sobre YamlFileLoader.

Você pode ver a biblioteca na minha conta do GitHub. É só um exemplo de uso do componente de configuração do Symfony. Ele permite apenas arquivos YAML, mas pode ser estendido com arquivos XML, adicionando um XmlFileLoader.

 

 

Fonte:imasters.com.br




#1021587 SEO para ASP.NET 4.0 - Melhorias para o Básico de SEO

Posted by WMO Notícias on 26/02/2015, 16:03 in Artigos, Dicas e Tutoriais de ASP

Ao longo de todo o tempo trabalhando com SEO, encontrei diversos sites desenvolvidos emASP.NET, que por vezes apresentavam os mesmos problemas acerca de sua otimização e que, por vezes, os desenvolvedores dos sites não sabiam como resolver ou passavam por dificuldades para implementar uma solução.

Com o aumento incontestável da importância do SEO para um site, os desenvolvedores do ASP.NET implementaram novas funcionalidades para a versão 4 do produto, a fim de facilitar a aplicação de algumas atividades básicas de SEO, tornando o ASP.NET mais amigável ao processo de otimização.

 

Conforme anunciado pelo ScottGu’s Blog, as novidades em SEO são:

  • Nova propriedade Page.MetaKeywords
  • Nova propriedade Page.MetaDescription
  • Suporte a URLs Amigáveis
  • Novo método Response.RedirectPermanent()

Page.MetaDescription e Page.MetaKeywords

Obviamente, essas propriedades servem para facilitar a otimização individual de meta description e meta keywords para as páginas de um site. Um exemplo de código com o controlador Page_Load:

void Page_Load(object sender, EventArgs e){
Page.Title = "Título Otimizado da Página";
Page.MetaDescription = "Campo para meta description específica de uma página";
Page.MetaKeywords = "insira,as,keywords,relevantes,da,página,aqui";
}

Também, os valores para meta description e meta keywords podem ser determinados direto no código fonte de um arquivo aspx:

<%@ Page Title = "Título Otimizado da Página"
Description = "Campo para meta description específica de uma página"
Keywords = "insira,as,keywords,relevantes,da,página.aqui"
MasterPageFile = "~/Site.Master"
CodeBehind = "paginaX.aspx.cs"
Inherits = "WebApplication1.pagina" %>

Especialmente no caso de meta keywords, essa melhoria na implemetação de meta tags em páginas ASP.NET é tardia, uma vez que todas Search Engines anunciaram que não consideram meta keywords como fator de rankeamento. Para o uso de meta description, essa propriedade será bem útil, já que esta meta tag ainda tem um importante papel no desempenho de um site em SERPs.

Suporte a URLs Amigáveis no ASP.NET

Este é um problema bastante comum em sites ASP.NET: na maior parte dos casos, as URLs são sobrecarregadas de parâmetros, normalmente recebendo valores numéricos (e não palavras – keywords), o que pode causar problemas com conteúdo duplicado (quando os parâmetros são escritos em uma ordem diferente), dificultam o entendimento da URL e não agregam valor semântico para Search Engines.

O ASP.NET 4 conta com a URL Routing Engine, que visa fazer o mapeamento de URLs amigáveis. Tipicamente, uma URL tem o seguinte formato:

  1. http://www.site.com/categoria.aspx?id=3339

A URL Routing Engine vai permitir que URLs amigáveis sejam mapeadas para suas versões não-amigáveis, ou seja, uma URL:

  1. http://www.site.com/categoria/eletronicos

Será mapeada para a versão não-amigável e seu conteúdo carregado normalmente. Resta validar questões como redirecionamento da versão não-amigável para a amigável e a possibilidade de acesso do conteúdo via URL não-amigável – para evitar conteúdo duplicado.

Método Response.RedirectPermanent()

O redirecionamento em ASP.NET normalmente é realizado com o método Respose.Redirect(), mas existe um problema: este método retorna o código 302, indicando um redirecionamento temporário, o que não é o quadro ideal para SEO.

O novo método Response.RedirectPermanent() do ASP.NET 4 resolve esta questão respondendo com código 301, redirecionamento permanente, uma indicação de mudança de URL:

  1. Response.RedirectPermanent("nova/url.aspx");

Outros 2 novos métodos também entram para tratar redirecionamentos:

//Redirecionamento 302:
Response.RedirectToRoute("Categorias", new { category = "categoria1" } )
//Redirecionamento 301
Response.RedirectToRoutePerm
anent("Categorias", new { category = "categoria1" } )

SEO com ASP.NET

Como disse no início do artigo, as novidades no ASP.NET 4 resolvem questões básicas de SEO. Considerando o tempo de vida e importância de SEO para o desempenho de um site, essas novidades chegam atrasadas para os desenvolvedores de websites. São questões já muito debatidas, mas que agora estão facilitadas.

Por fim, convido os desenvolvedores que utilizam o ASP.NET para seus comentários e impressões. Até a próxima!

 

Fonte: www.agenciamestre.com




#1021594 CSS vs Animação JS: qual é o mais rápido?

Posted by WMO Notícias on 27/02/2015, 01:21 in Tutoriais e Artigos de (X)HTML e CSS

Como pode a animação baseada em JavaScript ser secretamente sempre tão rápida – ou mais rápida – do que as transições CSS? E como é possível que Adobe e Google lancem, consistentemente, sites mobile com rich-media que rivalizam com o desempenho dos apps nativos?

Este artigo serve como um passo a passo de como as bibliotecas de animação DOM baseadas em JavaScript, como Velocity.js e GSAP, são mais eficazes do que jQuery e bibliotecas de animação baseadas em CSS.

jQuery

Vamos começar com o básico: JavaScript e jQuery são falsamente confundidos. A animação de JavaScript é rápida. A do jQuery é mais lenta. Por quê? Porque nunca fez parte dos objetivos de design do jQuery ser um motor performático para animação:

  • O jQuery não pode evitar o layout thrashing devido à sua base de código, que serve a muitos propósitos além de animação.
  • O consumo de memória do jQuery desencadeia frequentemente coletas de lixo que, momentaneamente, congelam as animações.
  • jQuery usa setInterval em vez de requestAnimationFrame (RAF), a fim de proteger novatos de si mesmos.

Note-se que layout thrashing é o que causa travamento (stuttering) no início das animações, a coleta de lixo é o que causa stuttering durante as animações, e a ausência de RAF é o que geralmente produz baixa taxas de frames.

Exemplos de implementação

Evitar o layout thrashing consiste simplesmente em juntar as consultas e as atualizações DOM:

  1. var currentTop,
  2. currentLeft;
  3.  
  4. /* With layout thrashing. */
  5. currentTop = element.style.top; /* QUERY */
  6. element.style.top = currentTop + 1; /* UPDATE */
  7.  
  8. currentLeft = element.style.left; /* QUERY */
  9. element.style.left = currentLeft + 1; /* UPDATE */
  10.  
  11. /* Without layout thrashing. */
  12. currentTop = element.style.top; /* QUERY */
  13. currentLeft = element.style.left; /* QUERY */
  14.  
  15. element.style.top = currentTop + 1; /* UPDATE */
  16. element.style.left = currentLeft + 1; /* UPDATE */

As consultas que ocorrem após uma atualização forçam o navegador a recalcular os dados de estilo computadorizado da página (enquanto levam efeitos da nova atualização em consideração). Isso produz uma sobrecarga significativa para animações que estão sendo executadas ao longo de pequenos intervalos de apenas 16ms.

Da mesma forma, implementar RAF não precisa de uma reformulação significativa de sua base de código existente. Vamos comparar a implementação básica de RAF contra a de setInterval:

  1. var startingTop = 0;
  2.  
  3. /* setInterval: Runs every 16ms to achieve 60fps (1000ms/60 ~= 16ms). */
  4. setInterval(function() {
  5. /* Since this ticks 60 times a second, we divide the top property's increment of 1 unit per 1 second by 60. */
  6. element.style.top = (startingTop += 1/60);
  7. }, 16);
  8.  
  9. /* requestAnimationFrame: Attempts to run at 60fps based on whether the browser is in an optimal state. */
  10. function tick () {
  11. element.style.top = (startingTop += 1/60);
  12. }
  13.  
  14. window.requestAnimationFrame(tick);

RAF produz o maior boost possível para o desempenho de animação que você pode fazer com uma única alteração em seu código.

Transições CSS

As transições CSS superam jQuery ao descarregar a lógica de animação para o próprio navegador, que é eficiente em 1) otimizar a interação DOM e o consumo de memória para evitar stuttering, 2) alavancar os princípios de RAF nos bastidores e 3) forçar a aceleração de hardware (aproveitando o poder da GPU para melhorar o desempenho da animação).

A realidade, contudo, é que essas otimizações também podem ser realizadas diretamente no JavaScript. GSAP vem fazendo isso há anos. Velocity.js, um novo mecanismo de animação, não só alavanca essas mesmas técnicas, mas também vai vários passos além – como veremos em breve.

Chegar a um acordo com o fato de que a animação JavaScript pode rivalizar com bibliotecas de animação CSS é só o primeiro passo em nosso programa de reabilitação. O segundo passo é perceber que a animação JavaScript pode realmente ser mais rápida do que eles.

Vamos começar analisando os pontos fracos das bibliotecas CSS de animação:

  • As transições forçam as taxas de aceleração do hardware do GPU, resultando em stuttering e banding em situações de alto estresse. Esses efeitos são agravados em dispositivos móveis (em específico, o sttutering é um resultado da sobrecarga que ocorre quando os dados são transferidos entre a thread principal do navegador e a thread do compositor. Algumas propriedades CSS, como transforms e opacidade, são imunes a essa sobrecarga). A Adobe fala sobre esse assunto aqui.
  • As transições não funcionam para versões abaixo do Internet Explorer 10, causando problemas de acessibilidade para sites de desktop, já que IE8 e IE9 continuam sendo muito populares.
  • Pelo fato de as transições não serem nativamente controladas pelo JavaScript (elas só são desencadeadas por JavaScript), o navegador não sabe como otimizar em sincronia as transições com o código JavaScript que as manipula.

Em contrapartida, as bibliotecas de animação baseadas em JavaScript podem decidir por si mesmas quando permitir a aceleração de hardware, elas funcionam inerentemente em todas as versões do IE, e são perfeitamente adequadas para otimizações de animação em lote.

Minha recomendação é usar as transições brutas de CSS quando você estiver desenvolvendo exclusivamente para celular e suas animações forem compostas exclusivamente de mudanças de estado simples. Em tais circunstâncias, as transições são uma solução nativa de alto desempenho e que lhe permitem manter toda a lógica de animação dentro de suas folhas de estilo e evitar inchaço da sua página com bibliotecas JavaScript. Entretanto, se você estiver projetando uma interface de usuário complexas, cheia de floreios, ou se estiver desenvolvendo uma aplicação com informações de estado, sempre utilize uma biblioteca de animação para que as suas animações continuem com bom desempenho e seu fluxo de trabalho permaneça controlável. A Transit é uma biblioteca que faz um trabalho fantástico na gestão das transições brutas de CSS.

Animação em JavaScript

Ok, então o JavaScript pode levar vantagem quando se trata de desempenho. Mas quão mais rápido exatamente ele pode JavaScript ser? Bem, para começar, rápido o suficiente para construir uma intensa demonstração de animação em 3D que você normalmente só vê construída com WebGL. E rápido o suficiente para construir um teaser multimídia que você costuma ver construído com Flash ou After Effects. E também rápido o suficiente para construir um mundo virtual que você normalmente só ver construído com canvas.

Para comparar diretamente o desempenho das principais bibliotecas de animação, incluindo Transit (que usa transições CSS), tenha em mente a documentação do Velocity em VelocityJS.org.

A dúvida continua: como exatamente o JavaScript atinge seus altos níveis de desempenho? Abaixo está uma pequena lista do que as otimizações baseadas em animação JavaScript são capazes de realizar:

  • Sincronizar o DOM entre a pilha de toda a cadeia de animação para minimizar o layout thrashing.
  • Fazer cache nos valores de propriedade entre as chamadas encadeadas, a fim de minimizar a ocorrência de consulta de DOM (que é o calcanhar de Aquiles do desempenho de animação DOM).
  • Fazer cache de taxas de conversão de unidades (por exemplo, px a%, em, etc.) por meio de elementos irmãos na mesma chamada.
  • Ignorar a atualização do estilo quando as atualizações seriam imperceptíveis visualmente.

Revendo o que aprendemos anteriormente sobre o layout thrashing, o Velocity.js aproveita essas melhores práticas para armazenar em cache os valores finais de uma animação para serem reutilizados como os valores de início da animação subsequente, evitando assim fazer um novo query do DOM para os valores iniciais do elemento:

  1. $element
  2. /* Slide the element down into view. */
  3. .velocity({ opacity: 1, top: "50%" })
  4. /* After a delay of 1000ms, slide the element out of view. */
  5. .velocity({ opacity: 0, top: "-50%" }, { delay: 1000 });

No exemplo acima, a segunda chamada do Velocity sabe que deve iniciar automaticamente com um valor de opacidade de 1 e um valor superior a 50%.

O navegador, em última instância, poderia realizar ele mesmo muitas dessas otimizações, mas fazer isso implicaria agressivamente em reduzir as maneiras pelas quais o código de animação poderia ser trabalhado pelo desenvolvedor. Assim, pela mesma razão que jQuery não usa RAF (veja acima), os navegadores nunca impõem otimizações que têm uma pequena chance de quebrar a especificação ou de se desviar do comportamento esperado.

Finalmente, vamos comparar as duas bibliotecas de animação JavaScript (Velocity.js e GSAP) uma contra a outra.

  • GSAP é uma plataforma de animação rápida e rica em recursos. A velocidade é uma ferramenta leve para melhorar drasticamente o desempenho de animação UI e o fluxo de trabalho.
  • GSAP exige uma taxa de licenciamento para vários tipos de empresas. Velocity é gratuito e open source por meio da licença MIT ultrapermissiva.
  • Em termos de performance, GSAP e Velocity são indistinguíveis em projetos do mundo real.

Minha recomendação é usar GSAP quando você necessitar de um controle preciso sobre over timing (por exemplo remapeamento, pausa/resumo/procurar), movimento (por exemplo, caminhos da Curva de Bezier), ou agrupamento/sequenciamento complexos. Essas características são fundamentais para o desenvolvimento do jogo e certos aplicativos de nicho, mas são menos comuns nas UI de web apps.

Velocity.js

Fazer referência ao rico conjunto de recursos do GSAP não quer dizer que o Velocity é fraca em recursos. Pelo contrário. Em apenas 7Kb quando compactados, Velocity não só reproduz todas as funcionalidades do $.animate() do jQuery, mas também empacota em animação colorida, transforms, loops, easings, animação classe e rolagem.

Em suma, Velocity é o melhor do que jQuery, jQuery UI e as transições CSS combinadas.

Além disso, do ponto de vista de conveniência, Velocity usa internamente o método do jQuery$.queue(), e assim interage perfeitamente com as funções $.animate()$.fade() e $.delay do jQuery. E, uma vez que a sintaxe do Velocity é idêntica à do $.animate(), nenhum código da sua página precisa mudar.

Vamos dar uma rápida olhada em Velocity.js. Em um nível básico, Velocity funciona de forma idêntica ao $.animate():

  1. $element
  2. .delay(1000)
  3. /* Use Velocity to animate the element's top property over a duration of 2000ms. */
  4. .velocity({ top: "50%" }, 2000)
  5. /* Use a standard jQuery method to fade the element out once Velocity is done animating top. */
  6. .fadeOut(1000);

Em seu nível mais avançado, podem ser criados cenários de rolagem complexos com animações 3D – com apenas duas linhas simples de código:

  1. $element
  2. /* Scroll the browser to the top of this element over a duration of 1000ms. */
  3. .velocity("scroll", 1000)
  4. /* Then rotate the element around its Y axis by 360 degrees. */
  5. .velocity({ rotateY: "360deg" }, 1000);

Conclusão

O objetivo do Velocity é permanecer líder no desempenho de animação do DOM. Dê uma olhada emVelocityJS.org para saber mais sobre o último.

Antes de terminarmos, lembre-se de que uma interface performática vai além de escolher a biblioteca de animação certa. O resto da sua página também deve ser otimizado. Saiba mais a partir destas palestras fantásticas do Google:

 

Fonte:imasters.com.br

 



#1021595 Entendendo o Event Delegation da função on() no jQuery

Posted by WMO Notícias on 27/02/2015, 01:26 in Tutoriais e Artigos de Javascript, Ajax e Metodologias

14957482.png

 

 

 

Geralmente uma “delegação”, que seria a uma tradução livre para delegation, significa definir um evento para um elemento pai, que será disparado para todos os seus filhos. O evento vai funcionar para qualquer elemento filho que já existir e também para os que forem adicionados posteriormente na árvore do DOM.

Para exemplificar, entenda o código abaixo. Ele apenas muda o texto do parágrafo quando clicamos em alguma opção do menu. É um uso simples da função on('click') do jQuery:

 

Veja um Exemplo

 

Para entender como isso funciona, você precisa saber o que é o event propagation (ou event bubbling): toda vez que você clica em um elemento, esse clique é propagado para toda a árvore do DOM, iniciando pelo elemento onde o evento aconteceu e chegando até o root do documento, que no nosso caso é a tag HTML.

Além disso, você faz seu browser ouvir o click em todos os elementos desse nosso menu, se considerarmos o exemplo acima. Nesse nosso caso, não chega a ser um problema, mas imagine em uma tabela que tem muitas células e que você precisa executar alguma coisa quando alguma das td é clicada. A performance começa a ser prejudicada.

Quando usamos o event delegation ao nosso favor, podemos definir o evento no elemento pai e então, quando esse evento acontecer, delegamos para o seu filho. No nosso exemplo acima, nós vamos atrelar o evento de click no ul.menu, mas delegando esse evento para os links. A função em si nem muda tanto, ela fica assim:

  1. $('.menu').on('click', 'a', function(evt){
  2. // Seu código...
  3. });

 

 

 

Perceba que a função on() recebe dois parâmetros: o primeiro é o evento e o segundo é o elemento filho que esse evento deve ser aplicado.

 

Veja um exemplo

 

Suponha que você tenha alguma função que adiciona mais filhos ao seu elemento pai. A propagação continua funcionando, já que o evento está atrelado ao pai e não aos seus filhos.

Lembrando que a função on() foi adicionada no jQuery 1.7, para juntar as vantagens das funções delegate() e live().

Há uma análise de performance no JSPerf comparando o várias maneiras para você delegar os eventos aos filhos de um elemento. O delegate() tem quase a mesma performance que o on(), mesmo assim é melhor usar o on(), já que ele tem mais vantagens.

 

Fonte: tableless.com.br




#1021597 Empresa de Ti esta recrutando mais de 30 profissionais para trabalhar

Posted by WMO Notícias on 27/02/2015, 01:37 in Vagas

O Centro de Inovação Tecnológica Venturus está oferecendo 36 vagas de emprego na área de TI em Campinas, no estado de São Paulo.

As oportunidades são tanto para profissionais efetivos quanto para estagiários. Para concorrer aos cargos, é necessário ter conhecimento técnico e formação ou conclusão prevista em cursos relacionados à Tecnologia da Informação e Telecomunicações.

Entre as formações admitidas estão engenharia da computação, engenharia elétrica, ciências da computação e engenharia mecatrônica.

Também há uma vaga na área de comunicação para trabalhar como redator técnico. Nesse caso, o candidato pode ser formado tanto em cursos de comunicação, como línguas ou tradução. Além disso, é preciso ter inglês avançado ou fluente.

Veja as posições em aberto na lista abaixo:

- Analista de Desenvolvimento Web Pleno

- Data Scientist

- Analista de Desenvolvimento Objective-C e C

- Analista de Desenvolvimento .NET Júnior

- Analista de Desenvolvimento .NET Pleno

- Estagiário em Desenvolvimento .NET/ C#

- Analista de Desenvolvimento C/C++ PL e SR

- Analista de Desenvolvimento Java SE JR, PL e SR

- Analista de Testes JR e PL

- Assistente Técnico C++/Java

- Estagiário de Desenvolvimento C++/ Java

- Analista de Desenvolvimento Android Júnior

- Analista de Desenvolvimento Android Pleno

- Redator Técnico

Além da remuneração, a empresa oferece benefícios como vale refeição, convênio médico e odontológico, ônibus fretado, ticket alimentação, cooperativa de crédito, celular corporativo e horário flexível.

A companhia chegou a ser considerada como uma das melhores empresas para trabalhar em 2014 pela pesquisa ‘Great Place to Work’. Ela também possui o programa Vida com Qualidade, que tem o objetivo de promover a qualidade de vida e integração entre as áreas da organização por meio de atividades culturais e esportivas.

Para saber mais detalhes sobre as vagas e se candidatar a uma das oportunidades acesse o site da Venturus.




#1021607 Mostrando como funciona expressão regular no Python

Posted by WMO Notícias on 27/02/2015, 16:38 in Tutoriais & Artigos de Python

 

05478378.png

Nesse post, irá mostrar expressões regulares para validar telefones, CEP e placas de veículos em Python.

Expressão regular Python

No Python não tem sintaxe literal para expressões regulares, as funções do modulo re aceitam uma String representando uma expressão regular.

Exemplo de expressão regular:

Primeiro validar um numero de telefone:

  1. >>> import re
  2. >>> telefone = re.compile('(d{2}) d{4,5}-d{4}')
  3. >>> telefone.match('(49) 8437-6819')
  4. <_sre.SRE_Match object; span=(0, 14), match='(49) 8437-6819'>
  5. >>> telefone.match('(49) 8437-691') is None
  6. True

O que cada linha de código faz?

Na primeira linha importa-se as funções do modulo “re”

  1. >>> import re

Construa-se um objeto usando a função re.compile

  1. >>> telefone = re.compile('(d{2}) d{4,5}-d{4}')

O objeto que foi devolvido acima tem métodos e recebe as funções do mesmo nome, usando o método match, confere o que foi se o que foi passado está batendo com a expressão regular.

  1. >>> telefone.match('(49) 8437-6819')

Após isso aparece um retorno

  1. <_sre.SRE_Match object; span=(0, 14), match='(49) 8437-6819'>

Isso mostra que o que foi passado para o método é compatível com a expressão regular.

No próximo teste coloca-se um número que não corresponde a expressão regular logo após informa-seis None que retorna True ou False.

  1. >>> telefone.match('(49) 8437-691') is None

Nesse caso retorna True, relatando que a String informada não bate com a expressão regular.

Comparando CEP com expressão regular:
  1. >>> cep = re.compile('d{5}-d{3}')
  2. >>> cep.match('89900-000')
  3. <_sre.SRE_Match object; span=(0, 9), match='89900-000'>
  4. >>> cep.match('89900-00') is None
  5. True
Comparando placas de veículos com expressão regular:
  1. >>> placa = re.compile('([a-z]{3}|[A-Z]{3})-d{4}')
  2. >>> placa.match('AAA-1234')
  3. <_sre.SRE_Match object; span=(0, 8), match='AAA-1234'>
  4. >>> placa.match('aaa-1234')
  5. <_sre.SRE_Match object; span=(0, 8), match='aaa-1234'>

Veja que retornou corretamente, tanto para letras maiúsculas como para minúsculas.

Esses são alguns exemplos que podemos usar em expressão regulares em Python.

Obrigado.

 

 




#1021619 Enviando E-Mail com ASPMail

Posted by WMO Notícias on 02/03/2015, 03:43 in Artigos, Dicas e Tutoriais de ASP

 

Script pronto e comentado!

  1. <%
  2. set aspMail = server.CreateObject("SMTPsvg.Mailer")
  3. ' Use o SMTP ou o MAIL da sua conta de Hospedagem.
  4. aspMail.RemoteHost = "smtp.dominio.com.br"
  5. ' Essa linha é opicional.
  6. aspMail.FromName = "Nome do Remetente"
  7. ' Remetente do E-Mail.
  8. aspMail.FromAddress = "remetente@dominio.com.br"
  9. ' Nome e Destinatário do E-Mail.
  10. aspMail.AddRecipient "Nome do Destinatário", "destinatario@dominio.com.br"
  11. ' Assunto do E-Mail.
  12. aspMail.Subject = "Assunto do E-Mail"
  13. ' Tipo de Texto que será enviado.
  14. aspMail.ContentType = "text/html"
  15. ' Texto em HTML ou Normal.
  16. aspMail.BodyText = "<b>Esse texto vai em negrito</b>"
  17. ' Linha que envia o E-Mail.
  18. aspMail.SendMail
  19. set aspMail = nothing
  20.  
  21. response.write("E-Mail Enviado com Sucesso!")
  22. %>


Fonte: tedk.com.br




#1021620 Expressões regulares na linguagem de programação JAVA

Posted by WMO Notícias on 02/03/2015, 03:45 in Artigos, Dicas e Tutoriais de JAVA/JSP

 

12865394.png

Expressão regular em JAVA

As expressões regulares são formas concisas e flexíveis de identificar cadeias de caracteres de interesse, como caracteres particulares, palavras ou padrões de caracteres.

Esse post irá mostrar como validar algumas questões importante com , telefone, CEP e placas de veículos.

Código Java:

  1. public class ExpresoesRegularesJava{
  2.    public static void main(String[] args){
  3.        Scanner ler = new Scanner(System.in);
  4.          
  5.        System.out.println("Infrome o seu telefone.");
  6.        System.out.println("Dica, colocar o DDD entre parênteses");
  7.        String telefone = ler.nextline();
  8.  
  9.        if(telefone.matches("\(\d{2}\)\d{4,5}-\d{4}")){
  10.              System.out.println("O telefone" + telefone + "está correto");
  11.        } else {
  12.              System.out.println("O telefone" + telefone + "está incorreto");
  13.           }
  14.      }
  15. }
  16.  

O que cada linha de código faz?

Cria-se um objeto do tipo Scanner na seguinte linha de código:

  1. Scanner ler = new Scanner(System.in);

Na linha seguinte serve para mostrar uma mensagem para o usuário informar o numero de seu telefone, com algumas instruções para ele, depois disso o resultado é guardado em uma variável do tipo String:

  1. System.out.println("Infrome o seu telefone.");
  2.                System.out.println("Dica, colocar o DDD entre parênteses");
  3.                String telefone = ler.nextline();

Na linha do if compara com a função matches a expressão regular com a String, se está correto o que o usuário informou vai retornar a mensagem para o usuário “O telefone “tal” está correto” se não está correto irá retornar “O telefone “tal” está incorreto”.

Lembrando que para validar o telefone deve ser informado dessa forma (99)9999-9999 ou desta forma nos casos de estados que contem o digito 9 na frente (99)99999-9999.

  1. if(telefone.matches("\(\d{2}\)\d{4,5}-\d{4}")){
  2.     System.out.println("O telefone" + telefone + "está correto");
  3.     } else {
  4.     System.out.println("O telefone" + telefone + "está incorreto");
  5.     }
  6. }

A função matches verifica expressões regulares no Java, basta colocar a expressão regular entre aspas duplas na função, que ele ira retornar true ou false.

Fazer a validação de CEP:
  1. public class ExpressoesRegularesCEP {
  2.   
  3.   public static void main(String[] args) {
  4.     
  5.     Scanner ler = new Scanner(System.in);
  6.     
  7.     System.out.println("Informa o seu CEP.");
  8.     String cep = ler.nextLine();
  9.     
  10.     if(cep.matches("\d{5}-\d{3}")){
  11.       System.out.println("O CEP " + cep + " está correto!");
  12.     }else{
  13.       System.out.println("O CEP " + cep +" não está correto!");
  14.     }  
  15.   }
  16.  
  17. }
Fazer validação de placas de automóveis:
  1. public class ExpressoesRegularesPlacas {
  2.   
  3.   public static void main(String[] args) {
  4.     
  5.     Scanner ler = new Scanner(System.in);
  6.     
  7.     System.out.println("Informe a placa do seu veiculo.");
  8.     
  9.     String placa = ler.nextLine();
  10.     
  11.     if(placa.matches("([a-z]{3}|[A-Z]{3})-\d{4}"){
  12.       System.out.println("A placa " + placa + " está correta!");
  13.     }else{
  14.       System.out.println("A placa " + placa +" não está correto!");
  15.     }  
  16.   }
  17.  
  18. }

No código acima o usuário poderá digitar letras minúsculas tanto como letras maiúsculas, existe um conjunto de instruções com o | (pipe o famoso OU), que determina que pode ser na maiúsculas de “A-Z” ou minusculas de “a-z”.

Veja como ficou: “([a-z] | [A-Z]){3}-\d{4}”

Esses são alguns exemplos que podem ser usados expressões regulares em Java.

Obrigado…


Fonte: www.ideiasprogramadas.com.br




#1021621 Swift: sintaxe moderna para codigo moderno

Posted by WMO Notícias on 02/03/2015, 04:04 in Artigos, dicas e tutoriais

Sendo uma nova linguagem, o Swift se esforça para ter uma sintaxe moderna que melhora a legibilidade do código, e também trabalha contra maus hábitos de programação. Uma das mais significativas alterações de sintaxe é a eliminação do uso de ponto e vírgula no final de cada declaração. Para aqueles que não estão familiarizados com a sintaxe de programação, uma declaração é essencialmente, uma ação a ser executada. Por exemplo, a afirmação

  1. X = 5;

significaria que a variável X toma como valor o número cinco. Em muitas linguagens como C, Java, Flash ActionScript, e claro Objective-C da própria Apple cada declaração deve ser terminado com um ponto e vírgula. Na Swift a Apple tem uma abordagem semelhante a linguagens como Python, onde não é necessário declarações com um ponto e vírgula fim. Embora isso possa ser uma mudança difícil de se acostumar para programadores habituados a programação em Objective-C, mas irá reduzir muito a frustrações causadas por erros como por exemplo o programador simplesmente se esquecer de inserir o ponto e vírgula no final de cada afirmação.

 Outra grande melhoria vem na forma de novas declarações e definições de variáveis. Tradicionalmente em linguagens de programação uma variável é definida chamando-a uma variável, definir um nome, estabelecendo um tipo, e definir um valor. Por exemplo, a linha

  1. var ano: = int 2014”;

indica que uma variável chamada ano está sendo criada e que é um inteiro com um valor de 2014.

Em Swift a Apple incluiu suporte para o tipo de inferência. Significa que já não é necessário ao programador indicar que tipo de variável é que está a declarar. Uma vez que Swift é capaz de inferir o tipo de variável que deve ser. Isto significa que a linha anteriormente mencionada pode ser encurtada para apenas

  1. var ano: = 2014

Isto aplica-se a todos os tipos de variáveis ​​e estende-se também às estruturas de dados, tais como matrizes, onde uma variedade de nomes pode ser simplesmente definido assim var nomes= [“Elaine”, “Daniel”, “Jash”] e Swift vai saber que ela é um array de strings.

Agora é claro, a palavra variável significa que o programa vai fazer o seu valor mudar. Mas e se o programador está declarando por exemplo um inteiro que deve permanecer sempre constante? Em Swift o programador é capaz de definir uma constante imutável utilizando a definição “let” em vez de “var“. Esta é grande parte da nova swift sintaxe. Immutability é o melhor para os valores que não se vão alterar. Do ponto de vista do leitor a definição de uma constante deixa muito claro para quem lê o código quais os valores que estão sendo alterados e quais não são. Do ponto de vista do desempenho, declarando valores como constantes permite que o compilador possa otimizar o código, pois sabe que valores são alterados e quais não serão. Há também benefícios de segurança para que falaremos mais á frente.

Há uma última coisa relativa à swift sintaxe. Com Swift um programador pode atribuir essencialmente qualquer caractere Unicode para ser o nome de uma variável. Isso permite o uso de símbolos como a letra grega theta para representar um ângulo que melhora ainda mais a legibilidade do que cada variável pode ser. Além disso também suporta emoji e por isso os programadores podem atribuir um emoticon de uma banana para representar a palavra de banana que eles decidirem.

 


Fonte: www.swift.pt




#1021628 7 empresas que estão contratando na area de Ti

Posted by WMO Notícias on 04/03/2015, 04:15 in Vagas

1. Sensedia

A empresa de TI especializada em API (Application Programming Interface e SOA, Sensedia, está com 10 vagas abertas para profissionais da área.

As oportunidades são para trabalhar em Campinas (SP), São Paulo (SP) e Rio de Janeiro (RJ). Os cargos são para arquiteto de software, desenvolvedor, desenvolvedor Oracle SOA, desenvolvimento e sucesso de clientes e especialista em APIs.

Os interessados em se candidatar para o processo seletivo devem enviar o currículo para o e-mail rh@sensedia.com com o cargo desejado no assunto da mensagem. Veja mais detalhes sobre as vagas e seus pré-requisitos no site da Sensedia.

2. Venturus

O Centro de Inovação Tecnológica Venturus está oferecendo 36 vagas de emprego na área de TI em Campinas, no estado de São Paulo. Veja as posições em aberto na lista abaixo:

- Analista de Desenvolvimento Web Pleno

- Data Scientist

- Analista de Desenvolvimento Objective-C e C

- Analista de Desenvolvimento .NET Júnior

- Analista de Desenvolvimento .NET Pleno

- Estagiário em Desenvolvimento .NET/ C#

- Analista de Desenvolvimento C/C++ PL e SR

- Analista de Desenvolvimento Java SE JR, PL e SR

- Analista de Testes JR e PL

- Assistente Técnico C++/Java

- Estagiário de Desenvolvimento C++/ Java

- Analista de Desenvolvimento Android Júnior

- Analista de Desenvolvimento Android Pleno

- Redator Técnico

Para saber mais detalhes sobre as vagas e se candidatar a uma das oportunidades acesse osite da Venturus.

3. Capgemini

A Capgemini, empresa de tecnologia presente em mais de 40 países, está com 200 vagas em aberto para profissionais de TI. As oportunidades são para trabalhar no Centro Global de Serviços e Aplicações, em Salvador (BA), nos cargos de analista de sistemas Java, Cobol, .Net e consultor de SAP/ ABAP.

Os interessados podem consultar as oportunidades no site da companhia, indicando no local de busca o nome da vaga de interesse. Para se candidatar, basta enviar o currículo para o e-mail curriculoti.br@capgemini.com.

4. ZCR

ZCR Informática, companhia de TI instalada no Parque Tecnológico da Bahia, está recrutando profissionais para trabalhar em Salvador. As vagas são para redator, analista de sistemas e programador web. Saiba mais sobre cada cargo.

Para se candidatar a uma das oportunidades, é preciso enviar o currículo para o e-mailselecionatirh@gmail.com e especificar a vaga desejada no assunto da mensagem.

5. Encripta

A companhia especializada em soluções e serviços para distribuição de conteúdo digital protegido está com quatro vagas abertas para trabalhar em São Paulo. Todas elas são indicadas para programadores, sendo uma para Aplicativos Android, Aplicativos iOS, programador .Net C#, e outra para desenvolvedor PHP.

Os candidatos interessados devem enviar o currículo para o e-mail vagas@encripta.com.br até 13 de março. Veja os requisitos para cada posição em aberto.

Os interessados devem enviar e-mail com currículo para vagas@encripta.com.br até 13 de março. O processo seletivo inclui a análise do currículo, realização de entrevista e teste. O início das atividades está previsto para meados de março.

6. Simpress

A fornecedora de outsourcing de impressão e gestão de documentos Simpress está com mais de 40 vagas abertas para trabalhar em São Paulo e Santana do Parnaíba.

As posições em aberto são para supervisores e analistas nas áreas técnica, administrativa e financeira. Na área de TI, há cargos para supervisor de serviços, analista de projetos, analista de soluções e analista de suporte hardware. Saiba mais sobre cada vaga neste link.

Para se candidatar a uma das oportunidades é preciso enviar o currículo pelo site da Simpress.

7. IMAP

O Instituto Municipal de Administração Pública (IMAP) está procurando um programador/ desenvolvedor .NET com experiência em desenvolvimento de sistemas na linguagem e em banco de dados.

Para concorrer ao cargo é preciso estar cursando o ensino superior em análise de sistemas, sistemas da informação, ciência da computação ou processamento de dados. Os interessados devem enviar currículo para o e-mail rh@portalimap.org.br.




#1021631 Anotações sobre Material Design do Google

Posted by WMO Notícias on 04/03/2015, 04:30 in Tutoriais e Artigos de (X)HTML e CSS

 

59784569.png

O Material Design nasceu com a necessidade de melhorar o design do Google. Não é segredo que o design do Google era quase inexistente, pra não dizer um lixo. O Google é uma empresa de programadores e muito por causa disso não havia uma essência clara de que o design é algo importante. Mas isso tem mudado desde 2011, que foi quando Larry Page teve controle total da empresa e decidiu mudar esse quadro. Até então a empresa tinha a mania ruim de se forcar apenas nos testes A/B para decidir a interface. Como o The Verge comentou, eles testavam tipo umas 41 versões de azul nos links em vez de confiar nos próprios designers. Uma pena, porque eu vejo muito disso em diversas empresas que eu conheço, inclusive na que eu trabalho.

O Material Design então veio para tentar mudar a bagunça que é a interface dos produtos do Google. O Matias Duarte, Vice-Presidente de design do Android, encabeçou essa mudança toda.

Aqui na Locaweb estamos fazendo algo parecido, um pouco menos grandioso, mas bastante desafiador: estamos mudando a interface dos produtos para algo totalmente diferente. Nós temos o nosso framework (opensource) chamado Locaweb Style, totalmente mobile first, com cada módulo sendo pensado em conjunto entre equipe de UX e Front. Uma coisa é certa: adequar um padrão entre vários produtos diferentes é bastante interessante. Um dos problemas que temos é manter a documentação do framework inteiro. Dá trabalho, bastante trabalho. A documentação do Material Design é bem impressionante e bastante simples.

Anotações do Podcast

Eu ouvi o podcast que o pessoal do Tecnoblog fez sobre Material Design e tomei a liberdade de anotar algumas coisas. Abaixo seguem essas anotações e vamos ver como essa coisa se desenrola.

  • O Google não tinha um design uniforme. Haviam telas de logins diferentes e principalmente produtos com o visual e experiências totalmente diferentes.
  • O Material Design foi uma cria dos produtos Google Now e do Google Plus.
  • O Google criou uma equipe para definir um padrão de design em NY. Eles desenhavam padrões e design e depois evangelizavam o pessoal na California.
  • Material Design é um framework para produzir a experiência Google.
  • O Guideline é muito detalhada, desde font até animação.
  • Ter uma Guideline detalhada é decisiva para que os programadores e outros designs consigam implementar o Material Design nos produtos do Google.
  • Tendo um framework visual, você consegue agilizar e manter um padrão uniforme entre os produtos.
  • Não ter restrições não é design, é arte.
  • Nas novas APIs, os desenvolvedores não precisam ter trabalho com animações ou componentes. O Google já criou padrões de animações e elementos para que o sistema tenha uma identidade
  • A maior analogia do Material Design é uma mesa com papéis jogados na mesa. Quando você tem muitos papéis na mesa, estes papéis se comportam da mesma maneira.
  • Animação é algo bastante difícil, você precisa fazer algo orgânico, rápido, que seja “invisível” e não faça o usuário “enjoar” dessas animação.
  • As animações do Material Design não são gratuitas, elas sempre tem um sentido, elas sempre tem uma ação por trás, mostrando uma continuidade no comportamento.
  • Efeitos de profundidade trazem uma naturalidade entre os elementos e a interface global do sistema.
  • O esqueumorfismo da Apple era muito sobre textura. O Android adota um esqueumofirmos mais ligado a interação e não à interface.
  • Você consegue entender como um módulo funciona não pelo seu visual, mas pelo seu comportamento.
  • O uso de elementos sobre outros elementos é também uma estratégia importante.
  • O Material Design nasceu dos cards do Google Now e do Google Plus. Ele nasceu de uma pergunta: O que teria embaixo desses cards? O que aconteceria se eu mexesse nesse card?
  • nas convenções do Google, eles dão um bloquinho com todos os princípios do Material Design e todos os princípios são explicados com camadas de papel. Um jeito interessante de mostrar como a sobreposição dos elementos funciona.
  • Contextualização através de Camadas
  • Float Action Button: um botão circular no canto inferior direito em cada App
  • É um botão que executa uma ação principal. Dependendo do contexto ele muda a ação principal.

Ouça o podcast aqui:


Fonte: tableless.com.br




#1021632 Reduza agora o peso de páginas web: Métodos básicos

Posted by WMO Notícias on 04/03/2015, 04:45 in Criação Web

Obesidade não é um problema que afeta apenas pessoas. As páginas web também engordaram e muito de uns anos para cá. No final de 2013, uma página média tinha impressionantes 1,7MB e realizava absurdas 96 requisições HTTP, um exagero sustentado pela difusão da banda larga, mas oneroso em uma época de acesso móvel limitado onde o usuário paga por dados transferidos.

 

O resultado desta epidemia de páginas colossais é:

  1. Quanto maior o tamanho, maior a demora na experiência, maior o tempo de download e menor a paciência do usuário. Se o visitante não estiver navegando em alta velocidade, ele irá embora, com certeza.
  2. O acesso móvel hoje é responsável por 1 em cada 4 conexões. Em um país como o Brasil, onde 4G é privilégio para poucos, impera a conexão 3G e uma página de 1,7MB demora quase um minuto para carregar completamente. De que adianta o layout ser responsivo se o visitante não vai ficar para ver?
  3. O Google mede a velocidade de carga do seu site e pune as páginas lentas, prejudicando sua estratégia de SEO.

Com um pouco de esforço é possível reverter esse quadro. Apresentamos aqui algumas técnicas básicas para se obter uma redução de peso automática, técnicas avançadas e técnicas mais radicais para quem quer espremer aqueles últimos quilobytes a qualquer custo. Nada disso importaria se você não tivesse como medir a eficácia de seu trabalho e, para isso, terminaremos o guia com uma seleção de ferramentas de medição.

Métodos básicos

72392930.jpg

As seguintes técnicas são o mínimo que você deveria se preocupar para garantir uma economia de quilobytes em suas páginas.

 

1. Ative a compressão GZIP

 

De acordo com dados do W3Techs.com, quase metade de todos os sites do mundo não habilita a compressão no servidor. Em condições normais, seu servidor de hospedagem ou seu webmaster deveria ter feito isso desde o primeiro dia, então cobre deles. Mas não se empolgue e saia comprimindo todos os arquivos: a perda de performance não irá compensar o ganho de banda.

 

2. Habilite o cache

 

Se o navegador consegue armazenar o arquivo, ele não irá baixá-lo outra vez. Mantenha as datas doExpires header e do Last-Modified corretas no cabeçalho da página.

Outras vezes, você pode determinar o uso do cache a nível de servidor, instruindo o navegador do usuário a reaproveitar cópias locais de imagens, CSS, Javascript, PDFs e outros formatos.

 

3. Utilize uma CDN (Content Delivery Network)

 

A grosso modo, navegadores tem um limite de 4 a 8 requisições HTTP do mesmo domínio rodando simultaneamente. Com uma média de 96 requisições diferentes por página, são necessárias mais de 12 interações com o servidor para carregar tudo (é uma simplificação do processo para que você possa entender melhor – mas as limitações existem).

Ao requisitar arquivos estáticos de outro domínio, você está efetivamente dobrando o número de requisições HTTP simultâneas que o navegador suporta. Dependendo do arquivo, se ele for bastante comum, isso significa também que o usuário já pode ter aquele arquivo armazenado em cache e irá pular a requisição. Por que recarregar toda vez a mesma biblioteca jQuery ou botão do Facebook?

Felizmente, usando a inteligência, é possível ter alternativas econômicas às custosas soluções de CDN disponíveis no mercado.

 

4. Remova conteúdo desnecessário

 

Páginas mudam, é de sua natureza. Então, é bem provável que classes e IDs deixem de ser usados, códigos Javascript terceirizados ou nativos não sejam mais necessários. Se você não está mais utilizando uma parte da página, procure remover o CSS e o Javascript vinculados a ele para que o usuário não faça um download inútil. Não é uma tarefa fácil, principalmente se os elementos removidos estão integrados a arquivos que estão sendo de fato usados. Felizmente, existem algumas ferramentas que podem ajudar nesse trabalho: JSLint(para Javascript) e Dust-Me SelectorsCSS Usage e unused-css.com (para CSS).

 

5. Combine e reduza seu CSS

 

Em um mundo ideal, o CSS que você mantém em desenvolvimento não é o mesmo arquivo que você usa no ambiente de produção. Aceite isso e você poderá utilizar essa dica.

Embora seja conveniente manter diferentes arquivos CSS para diferentes necessidades (ou navegadores), você estará aumentando o número de requisições HTTP. Na hora de subir para o servidor, entregue para o usuário um único arquivo, unificado e reduzido.

Pré-processadores como SassLESS ou Stylus podem automatizar o método para você. Mas, se você não é adepto de nenhuma delas, a boa e velha linha de comando do Windows já pode unir dois CSS em um só:

copy file1.css+file2.css file.css
Ou Mac/Linux:

cat file1.css file2.css > file.css
O arquivo resultante precisa em seguida ser reduzido (removendo espaços desnecessários, redundâncias etc) através de ferramentas como o CSS Compressor.

Não custa lembrar que é uma boa prática carregar sua folha de estilo antes do fechamento da tag<head> para que o navegador não precise recarregar o layout.

 

6. Combine e reduza seu JavaScript

 

Uma página média carrega 18 arquivos de script individuais. É muito, é um exagero. Bibliotecas como o jQuery devem ser terceirizadas para CDNs e os demais arquivos devem receber o mesmo tratamento que você deu para seus CSS na dica de cima: serem unificados e reduzidos no servidor de produção.

Neste caso, um ponto e vírgula fora do lugar ou uma concatenação fechada incorretamente pode quebrar o arquivo inteiro, então tome cuidado durante a unificação. Para comprimir o arquivo final (e checar por erros que possam aparecer), recomendamos o uso do JSCompress.

A boa prática determina que a melhor posição para carregar seu arquivo Javascript é no final da página, antes do fechamento da tag <body>. Isso assegura que o conteúdo de sua página é carregado mais rapidamente e está legível antes que alterações sejam executadas.

 

7. Use o formato correto de imagem

 

O formato errado de imagem pode aumentar e muito o tamanho de sua página. Guarde essa regra de ouro:

  1. Utilize JPG para fotografias
  2. Utilize PNG para tudo mais

Se você tem um gráfico bem pequeno com poucas cores, pode ser que o GIF comprima melhor. Teste primeiro.

Lembrando que o JPG é um formato onde acontece perda. Quanto menor o arquivo, pior a qualidade. Encontrar o equilíbrio é o que diferencia um bom webdesigner. Na maioria dos casos, 70% de qualidade é imperceptível de 90% em termos visuais e já economiza nos quilobytes.

Em contrapartida, PNGs estão disponíveis em 256 cores ou 24-bits. O segundo modo permite transparência, mas é consideravelmente maior. Se não for utilizar transparências, prefira o modo de 256 cores e vá reduzindo a paleta para um valor aceitável.

 

8. Redimensione imagens grandes

 

De nada adianta utilizar o formato certo de imagem se você está tentando publicar uma foto de 4K no espaço onde deveria entrar um thumbnail. Com as câmeras modernas se gabando de tirarem fotos com resolução cada vez maior e com botões de publicação automática, vemos uma profusão de imagens colossais, inapropriadas para a web, sendo usadas sem critério algum.

Por via de regra, as dimensões da sua imagem não devem exceder o tamanho máximo do espaço que irão ocupar. Se o seu layout tem uma largura de 800px, não publique uma foto com mais de 800px de largura. Se você precisa forçar a largura da imagem através do HTML para ela “caber”, não tenha dúvidas de que está errando.

Redimensione as imagens que irá utilizar em um editor de imagens e perceba a economia significativa de peso. Uma alternativa leve e barata é o Prish Image Resizer.

 

9. Comprima ainda mais suas imagens

 

Se você está usando o formato correto e o tamanho correto de suas imagens, ainda é possível extrair alguns quilobytes a mais com ferramentas específicas de compactação e otimização.

Para compactar e reduzir o tamanho de seus arquivos PNG, recomendamos aqui o PNGGauntlet. Outras alternativas: OptiPNGPNGOUT. Para JPGs, você pode utilizar jpegtran e jpegoptim. Uma ferramenta multiuso interessante é o RIOT (Radical Image Optimization Tool) Estas ferramentas são leves e práticas e podem ser instaladas no seu desktop. Se você está procurando por uma opção online que nem precisa de instalação, o Smush.it pode resolver o seu problema.

 

10. Remova fontes desnecessárias

 

Fontes web revolucionaram o designe e libertaram os criadores de páginas de ter que usar um editor de imagens para criar títulos. Com títulos e outros elementos agora escritos em forma de texto, o SEO agradece. Até mesmo o número de requisições HTTP diminui se não é mais necessário baixar meia dúzia de GIFs de títulos e elementos gráficos.

Mas, como sempre, ocorrem exageros. Se você está usando mais de duas ou três fontes no seu projeto, não apenas ele virou uma salada tipográfica, como também você acabou aumentando o peso da página uma vez que uma única fonte completa com todos os seus caracteres pode chegar a 200KB.

Reavalie o uso de fontes web, veja se não seria melhor terceirizar a distribuição usando somente fontes do Google, por exemplo, ou repense a ideia de forçar um download deste porte na máquina do usuário para exibir um único título.

 

Fonte: codigofonte.uol.com.br




#1021649 Semana da Mulher na Tecnologia promovera eventos para mulheres

Posted by WMO Notícias on 06/03/2015, 04:24 in Teoria de Programação

ada-lovelace.png

Ada Lovelace

Na semana do dia internacional das mulheres 8 de março, a cidade de São Paulo vai oferecer uma série de eventos gratuitos para promover a participação feminina na área de tecnologia. O nome da iniciativa é Semana da Mulher na Tecnologia.

Veja abaixo a programação dos eventos. Para se inscrever, basta acessar a página da Semana da Mulher na Tecnologia

Segunda-feira, 9 de março
Seminário “Mulheres na Tecnologia: Passado, Presente e Futuro!” , às 17h30, na sede da TOTVS

Terça-feira, 10 de março
Hackday Mulheres e Meninas, às 19h00, na FIAP

Quarta-feira, 11 de março
Workshop: “Como a tecnologia pode ajudar as empreendedoras?”, às 08h30 na Microsoft

Quinta-feira, 12 de março
Hackday Technovation: Paraisópolis no Twitter, às 14h00, na sede do Twitter

Sexta-feira, 13 de março
Encontro de Gerações de Mulheres em TI, às 09h30, na UolDiveo




#1021664 Empresas recrutam profissionais na área de TI

Posted by WMO Notícias on 11/03/2015, 02:01 in Vagas

1. GFT

O Grupo GFT, provedor global de TI especializado no setor financeiro, está procurando 100 profissionais da área para trabalhar em suas duas unidades no país, nas cidades de Sorocaba e Alphaville, em São Paulo.

As oportunidades são para gerente de projetos, arquiteto sênior, desenvolvedores de todos os níveis e consultores.

Para concorrer a uma das oportunidades, o candidato precisa ser formado em cursos como ciência da computação, TI, engenharia, matemática, além de ter inglês com nível médio a fluente.

Veja mais detalhes sobre as vagas e inscreva-se pelo site da companhia.

2. Escriba

A Escriba, empresa especializada em software de gestão para cartórios, está com vagas abertas para executivo de negócios, analista contábil, testador de sistemas, consultor de O&M (CI), consultor de O&M (Atualização), analista de sistemas pleno, consultor de O&M (atendimento), instalador de sistemas e programador júnior e pleno.

As oportunidades são para trabalhar no Paraná, Mato Grosso, Rio de Janeiro, Santa Catarina, Minas Gerais, Amazonas e Mato Grosso do Sul. Saiba mais sobre as vagas e candidate-se pelo site da empresa.
3. eWave

A empresa de soluções em TI, eWave, está com mais de 80 oportunidades em aberto para profissionais de TI nas áreas de suporte, desenvolvimento, gestão de projetos, integração de sistemas, processos, infraestrutura, BI e marketing.

Há oportunidades para estagiários e profissionais de nível júnior, pleno e sênior. Os candidatos selecionados poderão trabalhar nas cidades de Curitiba (PR), Porto Alegre (RS), São Paulo (SP), Rio de Janeiro (RJ) e Brasília (DF).

Além da remuneração, benefícios, programas de capacitação, incentivo à certificações e cursos de idiomas também são oferecidos pela companhia. Os interessados podem se candidatar pelo site da eWave ou entrar em contato pelo e-mail recrutamento@ewave.com.br.

4. Sensedia

A empresa de TI especializada em API (Application Programming Interface e SOA, Sensedia, está com 10 vagas abertas para profissionais da área.

As oportunidades são para trabalhar em Campinas (SP), São Paulo (SP) e Rio de Janeiro (RJ). Os cargos são para arquiteto de software, desenvolvedor, desenvolvedor Oracle SOA, desenvolvimento e sucesso de clientes e especialista em APIs.

Os interessados em se candidatar para o processo seletivo devem enviar o currículo para o e-mail rh@sensedia.com com o cargo desejado no assunto da mensagem. Veja mais detalhes sobre as vagas e seus pré-requisitos no site da Sensedia.

5. Venturus

O Centro de Inovação Tecnológica Venturus está oferecendo 36 vagas de emprego na área de TI em Campinas, no estado de São Paulo. Veja as posições em aberto na lista abaixo:

- Analista de Desenvolvimento Web Pleno

- Data Scientist

- Analista de Desenvolvimento Objective-C e C

- Analista de Desenvolvimento .NET Júnior

- Analista de Desenvolvimento .NET Pleno

- Estagiário em Desenvolvimento .NET/ C#

- Analista de Desenvolvimento C/C++ PL e SR

- Analista de Desenvolvimento Java SE JR, PL e SR

- Analista de Testes JR e PL

- Assistente Técnico C++/Java

- Estagiário de Desenvolvimento C++/ Java

- Analista de Desenvolvimento Android Júnior

- Analista de Desenvolvimento Android Pleno

- Redator Técnico

Para saber mais detalhes sobre as vagas e se candidatar a uma das oportunidades acesse osite da Venturus.

6. Capgemini

A Capgemini, empresa de tecnologia presente em mais de 40 países, está com 200 vagas em aberto para profissionais de TI. As oportunidades são para trabalhar no Centro Global de Serviços e Aplicações, em Salvador (BA), nos cargos de analista de sistemas Java, Cobol, .Net e consultor de SAP/ ABAP.

Os interessados podem consultar as oportunidades no site da companhia, indicando no local de busca o nome da vaga de interesse. Para se candidatar, basta enviar o currículo para o e-mail curriculoti.br@capgemini.com.

7. ZCR

ZCR Informática, companhia de TI instalada no Parque Tecnológico da Bahia, está recrutando profissionais para trabalhar em Salvador. As vagas são para redator, analista de sistemas e programador web. Saiba mais sobre cada cargo.

Para se candidatar a uma das oportunidades, é preciso enviar o currículo para o e-mailselecionatirh@gmail.com e especificar a vaga desejada no assunto da mensagem.

8. Encripta

A companhia especializada em soluções e serviços para distribuição de conteúdo digital protegido está com quatro vagas abertas para trabalhar em São Paulo. Todas elas são indicadas para programadores, sendo uma para Aplicativos Android, Aplicativos iOS, programador .Net C#, e outra para desenvolvedor PHP.

Os candidatos interessados devem enviar o currículo para o e-mail vagas@encripta.com.br até 13 de março. Veja os requisitos para cada posição em aberto.

Os interessados devem enviar e-mail com currículo para vagas@encripta.com.br até 13 de março. O processo seletivo inclui a análise do currículo, realização de entrevista e teste. O início das atividades está previsto para meados de março.

9. Simpress

A fornecedora de outsourcing de impressão e gestão de documentos Simpress está com mais de 40 vagas abertas para trabalhar em São Paulo e Santana do Parnaíba.

As posições em aberto são para supervisores e analistas nas áreas técnica, administrativa e financeira. Na área de TI, há cargos para supervisor de serviços, analista de projetos, analista de soluções e analista de suporte hardware. Saiba mais sobre cada vaga neste link.

Para se candidatar a uma das oportunidades é preciso enviar o currículo pelo site da Simpress.

10. IMAP

O Instituto Municipal de Administração Pública (IMAP) está procurando um programador/ desenvolvedor .NET com experiência em desenvolvimento de sistemas na linguagem e em banco de dados.

Para concorrer ao cargo é preciso estar cursando o ensino superior em análise de sistemas, sistemas da informação, ciência da computação ou processamento de dados. Os interessados devem enviar currículo para o e-mail rh@portalimap.org.br.




#1021670 Mansory

Posted by WMO Notícias on 12/03/2015, 04:41 in Tutoriais e Artigos de Javascript, Ajax e Metodologias

 

Masonry usado com o class .masonry como container e .masonry-item como os itens. Já para quem usa o front-end framework bootstrap grid é recomendado usar o class .container-fluidpara um melhor resultado. Veja o exemplo usando grade do bootstrap:

  1. <div class="container-fluid">
  2. /* attribute id just used for targeting if you use masonry with feature(s) */
  3. <div class="row masonry" id="masonry-sample">
  4. <div class="col-md-6 masonry-element">...</div>
  5. <div class="col-md-3 masonry-element">...</div>
  6. <div class="col-md-3 masonry-element">...</div>
  7. <div class="col-md-3 masonry-element">...</div>
  8. <div class="col-md-3 masonry-element">...</div>
  9. <div class="col-md-6 masonry-element">...</div>
  10. </div>
  11. </div>

Alguns recursos também são possíveis através do mosonry (organização, filtros e pesquisa) e isso é fácil.

Organizando por

O melhor é usar o elemento input (recomendado usar input radio), é necessario usar os atributos e seus valores name="masonry-sort", data-masonry-target="#masonry-id", data-sort-attr="attr-name" e value="ValorOp" (ValorOp: false, asc, desc). É recomendado que o valor do atributo data-sort-attr seja .masonry-item.

  1. <div class="btn-group" data-toggle="buttons">
  2. <label class="btn btn-default">
  3. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" value="false" checked> View all
  4. </label>
  5. <label class="btn btn-default">
  6. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" data-sort-attr="data-name" value="asc"> Large
  7. </label>
  8. <label class="btn btn-default">
  9. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" data-sort-attr="data-name" value="desc"> Medium
  10. </label>
  11. </div><!--/btn-group-->
  12.  
  13. <div class="container-fluid">
  14. <div class="row masonry" id="masonry-sample">
  15. <div class="col-md-6 masonry-element" data-name="lorem">...</div>
  16. <div class="col-md-3 masonry-element" data-name="ipsum">...</div>
  17. <div class="col-md-3 masonry-element" data-name="dolor">...</div>
  18. </div>
  19. </div>
Filtrando por

É melhor, neste caso, usar o elemento input (recomendado usar input radio), e é necessário os atributos e seus valores name="masonry-filter", data-masonry-target="#masonry-id" e value="filter-value". Também é recomendado usar o valor .masonry-item no atributo data-filter="filter-value".

  1. <div class="btn-group" data-toggle="buttons">
  2. <label class="btn btn-default">
  3. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" value="all" checked> View all
  4. </label>
  5. <label class="btn btn-default">
  6. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" value="filter1"> Large
  7. </label>
  8. <label class="btn btn-default">
  9. <input type="radio" name="masonry-filter" data-masonry-target="#masonry-sample" value="filter2"> Medium
  10. </label>
  11. </div><!--/btn-group-->
  12.  
  13. <div class="container-fluid">
  14. <div class="row masonry" id="masonry-sample">
  15. <div class="col-md-6 masonry-element" data-filter="filter1">...</div>
  16. <div class="col-md-3 masonry-element" data-filter="filter2">...</div>
  17. <div class="col-md-3 masonry-element" data-filter="filter1">...</div>
  18. </div>
  19. </div>
Pesquisando por

Veja o exemplo do template abaixo usando masonry para pesquisas (os atributos existentes são suficientes).

  1. <form action="#" role="form" name="masonry-search">
  2. <div class="input-group input-group-in">
  3. <input type="text" class="form-control" name="masonry-search" data-search-attr="data-tags" data-masonry-target="#masonry-sample" placeholder="Search item..." >
  4. <span class="input-group-btn">
  5. <button class="btn btn-default" data-toggle="masonry-search-submit"><i class="fa fa-picture-o"></i></button>
  6. <button class="btn btn-default hide" data-toggle="masonry-search-clear" data-masonry-target="#masonry-sample"><i class="fa fa-times"></i></button>
  7. </span>
  8. </div>
  9. </form>
  10.  
  11. <div class="container-fluid">
  12. <div class="row masonry" id="masonry-sample">
  13. <div class="col-md-6 masonry-element" data-tags="lorem, ipsum, dolor">...</div>
  14. <div class="col-md-3 masonry-element" data-tags="sit, amet">...</div>
  15. <div class="col-md-3 masonry-element" data-tags="dolor, amet">...</div>
  16. </div>
  17. </div>

 

Via wrapui.com




#1021693 8 instituições e orgãos oferecem bolsas e intercambio

Posted by WMO Notícias on 16/03/2015, 06:17 in Cursos e Certificações

A equipe da Fundação Estudar preparou uma lista com o “caminho das pedras” para interessados em participar das seleções de bolsas por lá e também em mais outras 8 instituições e órgãos. Confira:

1. Fundação Estudar

Oferece bolsas que cobrem de 5% a 95% do valor de graduações, pós e intercâmbios acadêmicos. As inscrições estão abertas até o dia 31 de março.

Podem participar das seleções candidatos entre 16 anos e 34 anos matriculados ou em processo de admissão em cursos de graduação e pós (MBA, mestrado, doutorado e pós-doutorado) no Brasil ou no exterior. No ano passado, foram 30 mil inscritos e 28 selecionados. Boas notas são essenciais, já que as bolsas são concedidas por mérito.

2. Fundação Lemann

A fundação mantém o programa Lemann Fellowship que dá bolsas de pós-graduação para cursos específicos em universidades parceiras no exterior como, por exemplo, Yale, Stanford, Harvard, MIT, Columbia e Oxford.

Os bolsistas são selecionados pelas próprias universidades, por isso é preciso já ter sido aprovado por meio do processo regular de admissão.

3. Governo Brasileiro

Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES) e o Conselho Nacional de Desenvolvimento Científico e Tecnológico (CNPq) são dois dos órgãos governamentais que selecionam para bolsas de graduação, mestrado e mestrado profissional, doutorado e pós-doutorado no exterior.

Mas a maior oferta de bolsas de estudos concedidas pelo governo parte do programa Ciência Sem Fronteiras. A meta é chegar a 101 mil bolsas concedidas até o fim do ano nas áreas de ciências exatas e biológicas. Na página do programa é possível verificar o valor das bolsas nas diferentes modalidades de estudo.

4. Santander Universidades

O forte do programa de bolsas de estudo do Banco Santander são os intercâmbios acadêmicos para estudantes de universidades brasileiras conveniadas. Há opções para cursos na China, Portugal, Espanha. Interessados em temporadas de intercâmbio na China ou na Espanha podem se inscrever até o dia 29 de março. Já o programa para intercâmbio em Portugal aceita inscrições até o dia 10 de maio, mas é apenas para alunos de faculdades públicas conveniadas.


5. Fundação Carolina

 A fundação oferece bolsas para cursos rápidos (de verão), pós-graduação (especialização, mestrado e doutorado) na Espanha. Neste ano, já foram oferecidas mais 540 de bolsas, mas as inscrições foram encerradas no começo do mês. Foram mais 48 mil candidatos interessados

Mas, até o dia 9 de abril, ainda dá tempo de concorrer às chamadas bolsas de mobilidade para interessados em complementar a formação acadêmica em instituição espanhola de ensino.

6. Fundação Fulbright

Oferece bolsas de estudo para alunos de pós-graduação, jovens profissionais e artistas interessados em estudar nos Estados Unidos. A fundação é parceira do programa Ciência sem Fronteiras, do governo federal.

Os prazos para as seleções variam conforme o programa escolhido, por isso o ideal é ficar de olho no site da Fulbright, ou na página da fundação no Facebook, onde sempre são publicadas as novidades.

7. Orange Tulip Scholarship Brazil

É um programa de bolsas de estudo promovido pelo governo da Holanda e tem 76 bolsas destinadas exclusivamente a brasileiros, em 22 instituições de ensino. As inscrições estão abertas até o dia 1º de abril.

As bolsas são para graduação, MBA ou mestrado, em cursos ministrados em inglês, ou seja, não é preciso falar holandês. Há opções para diversas áreas, de artes a negócios, passando por ciências e saúde. O valor da bolsa pode chegar a 32,5 mil euros (107,5 mil reais) e o valor da ajuda de custo, até 24 mil euros (79,3 mil reais).

8. Chevening

As bolsas Chevening são para estudar em universidades do Reino Unido, por iniciativa do governo de lá. A última edição do programa (para 2014/2015) teve a oferta de 600 bolsas de estudo.

A próxima seleção (para 2016/2017) deve começar em agosto. Não há área específica. Entre as instituições participantes estão as universidades de Cambridge, Oxford, Exeter, Durham, entre outras. O valor da bolsa é de 13 mil libras esterlinas (60,39 mil reais).

9. Erasmus Mundus

O programa Erasmus Mundus é financiado pela União Europeia e oferece bolsas integrais para mestrado e doutorado, além de opções de intercâmbio para estudantes de graduação e pós em universidades de países europeus.




#1021694 Estrutura básica de uma página HTML5

Posted by WMO Notícias on 16/03/2015, 06:28 in Tutoriais e Artigos de (X)HTML e CSS

Para muitos editores a criação de uma nova página em HTML5 já é automática, basta criar um novo documento baseado em um modelo e pronto. Pra mim, que sou da “velha escola” do editor de texto puro, nada como começar uma página HTML do zero, na munheca mesmo.

Para facilitar um pouco a minha nossa vida, apresento abaixo 2 modelos que considero base para a criação de um novo documento em HTML 5, um bem simples somente com a estrutura padrão e um outro um pouco mais completo já com tags como: header, nav, section, article, aside e footer.

Escolha a que te atende melhor no momento e boa codificação.
Lembrete: Caso precise alterar a codificação da página de utf-8 para iso-8859-1, basta alterar na meta tag charset.

Estrutura HTML5 Básica

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8"/>
    <title>Título da Página (Estrutura básica de uma página com HTML 5)</title>
    <link href="css/seu-stylesheet.css" rel="stylesheet"/>
    <script src="scripts/seu-script.js"></script>
</head>
<body>
 
    ...
 
</body>
</html>

Estrutura HTML5 Completa

​<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title>Título da Página (Estrutura básica de uma página com HTML 5)</title>
<link href="css/seu-stylesheet.css" rel="stylesheet"/>
<script src="scripts/seu-script.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<li>Home</li>
<li>Contato</li>
</ul>
</nav>
</header>
 
<section>
<article>
<header>
<h2>O título do artigo é aqui</h2>
<p>Publicado em <time datetime="2015-03-09T13:00:24+01:00">09 de Março de 2015</time> por <a href="#">Author</a> - <a href="#comments">30 comentários</a></p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
 
<article>
<header>
<h2>O título do artigo é aqui</h2>
<p>Publicado em <time datetime="2015-03-09T13:00:24+01:00">09 de Março de 2015</time> por <a href="#">Author</a> - <a href="#comments">15 comentários</a></p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</section>
 
<aside>
<h2>Entre em contato</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</aside>
 
<footer>
<p>Copyright 2015 Código Fonte©</p>

fonte: CodigoFonte




#1021771 Google quer ajudar empreendedores a criar sites para dispositivos móve

Posted by WMO Notícias on 24/03/2015, 05:59 in Artigos, dicas e tutoriais

As equipes de Search Quality e Webmaster Relations do Google querem ajudar empresários a alavancar seus negócios na plataforma mobile. Por isso, a empresa está lançando a campanha chamada #MobileMadness no Brasil.

A iniciativa faz parte do programa Google para Seu Negócio, plataforma disponível no Google+ que foi criada para ajudar empreendedores a conquistar maior presença digital com ferramentas, produtos, dicas e anúncios.

Com a campanha, que será realizada entre 18 de março e 21 de abril, o Google promete fazer com que donos de negócios e empreendedores tenham sites facilmente acessados por dispositivos móveis.

Nesse período, serão transmitidos cinco Hangouts ao vivo apresentados pelo responsável da equipe de Search Quality do Google, Diogo Botelho. Durante as chamadas, serão compartilhadas noções básicas e melhores práticas para a criação de websites mobile. Ao final, haverá uma sessão de perguntas e respostas para tirar dúvidas.

Confira abaixo as datas e os temas de cada Hangouts:

30/03 - Conheça as Ferramentas

01/04 - Melhore a Visualização

06/04 - Concentre-se no Usuário

08/04 - Configure corretamente

Nos dias em que não houver Hangouts, os participantes poderão acompanhar conteúdos informativos e dicas adicionais pela página do Google para Seu Negócio ou no Twitter do Google Brasil.

Ao final da campanha, o Google irá ampliar a compatibilidade com dispositivos móveis como um sinal de classificação nos resultados de busca mobile, algo que impactará significativamente nas pesquisas feitas por esses aparelhos em todo o mundo.

Para esclarecer mais sobre os benefícios da mudança, em 15 de abril haverá uma sessão dePerguntas & Respostas. Além disso, para facilitar a migração de sites para o ambiente mobile, o Google também oferece um Teste de Compatibilidade, que permite verificar se um website é realmente compatível com aparelhos móveis.

 

fonte:info




#1021785 Empresa desenvolvedora de aplicativos busca profissionais em sp

Posted by WMO Notícias on 26/03/2015, 15:50 in Vagas

A Movile, empresa desenvolvedora de aplicativos móveis, está procurando profissionais de TIpara trabalhar em Campinas (SP), São Paulo (SP). São seis vagas para a área de tecnologia, e outras duas para produção e marketing. Confira:

• Analista de Desenvolvimento Android

• Analista de Desenvolvimento iOS

• Analista Desenvolvedor Sênior

• Analista Fiscal Jr.

• Analista de Produto PlayKids – Analytics

• Analista de Business Development e M&A

• Analista de Vídeo

• Analista de Marketing Pós-Vendas

Confira os detalhes e requisitos para cada cargo na página de carreira da companhia. Para se candidatar a uma das oportunidades, clique no botão Candidatar via e-mail e anexe seu currículo na mensagem, informando a vaga desejada.





IPB Skin By Virteq