Posição Frontend Engenharia na equipe de estratégia de abertura Yahoo!

26 de maio de 2009 às 12:32 por Eric Miraglia | Em Engenharia Frontend em Yahoo | Comments Off

Notamos algumas posições frontend poucos engenharia disponíveis no Yahoo! na semana passada, e temos outro para compartilhar com vocês hoje. Esta posição é um papel F2E sênior foco em Yahoo! 's plataformas para desenvolvedores - a nossa "estratégia de abertura", ou Yos .

Sobre Yos

O Yahoo! equipe de estratégia de abertura está a construir a próxima geração de plataformas abertas e integrá-las em cada parte do Yahoo!. De plataformas que adicionam um elemento social de todos os aspectos da Yahoo!, a uma plataforma de aplicativos e desenvolvedores focados ofertas, a equipe Yos é encarregado de transformar as obras Yahoo! maneira. Na construção de todas as componentes do Yos, a equipe está focada na implementação de sistemas distribuídos que são altamente escalável e de alto desempenho para que possam servir de forma confiável centenas de milhões de usuários do Yahoo! e desenvolvedores de todos os dias.

Definição do trabalho

Você fará parte da equipe de engenharia que se concentra na plataforma Yahoo! aplicação (YAP), que permite aos desenvolvedores criar aplicações web que estão disponíveis em todo Yahoo! - a maior audiência no mundo. Você vai contribuir para a arquitetura, design e implementação de funcionalidades e serviços inovadores para esta plataforma. Você vai trabalhar em estreita colaboração com o resto da equipe de engenharia, gerentes de produto, engenheiros de controle de qualidade e parceiros externos que constroem aplicações nesta plataforma.

Qualificações mínimas

  1. 7 + anos de experiência na indústria trabalhando diretamente com a pilha cheia tecnologia web: navegadores, servidores web e bancos de dados
  2. Comando forte de tecnologias navegador do lado do cliente, incluindo Ajax, XHTML, DHTML, CSS, JavaScript, JSON DOM, as questões de compatibilidade cross-browser, técnicas de otimização e questões de internacionalização
  3. Experiência com desenvolvimento de aplicações utilizando Java ou PHP
  4. Comando forte de cliente / servidor programação com AJAX
  5. Excelente escrita e habilidades de comunicação verbal
  6. Ampla experiência com as técnicas de projeto orientado a objetos e desenvolvimento
  7. A familiaridade com o ciclo de vida de desenvolvimento e melhores práticas
  8. Bacharel em Ciência da Computação ou equivalente. MS em Ciência da Computação preferido

Qualificações preferidos

  1. Conhecimento do uso de toolkits de Javascript, como YUI ou jQuery
  2. Experiência com JSP compilador implementação
  3. Experiência com aplicação social ou Shindig Aberto

Você pode ver a postagem de emprego e aplicar na seguinte URL: http://careers.yahoo.com/jdescription.php?oid=22173 . Yahoo! Inc. é uma empregadora de oportunidades iguais. Para mais informações ou para pesquisar todas as nossas aberturas visite http://careers.yahoo.com .

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

In the Wild para 26 de maio de 2009

26 de maio de 2009 às 9:36 pm por Eric Miraglia | Em In the Wild | 2 Comentários

Aqui está um resumo de notícias e notas do mundo YUI nas últimas semanas. Por favor, use os comentários abaixo para deixar-nos saber o que perdemos.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

YUI Theater - Todd Kloots: "Desenvolvimento de um Accessible Web 2.0 Widget Framework"

22 de Maio de 2009 às 02:50 por Eric Miraglia | Em YUI Theater | Comments Off

Todd Kloots, Engenheiro, YUI Equipe

À medida que continuamos a trabalhar em YUI 3 , estamos pensando seriamente sobre a acessibilidade. E ninguém aqui está pensando mais sobre esse assunto do que Todd Kloots, que foi o autor de uma série de posts sobre o assunto , bem como apresentar uma palestra técnica abrangente sobre a arte e Ciência e do desenvolvimento acessível .

Todd falou com engenheiros frontend Yahoo! recentemente sobre as lições aprendidas no desenvolvimento dos recursos de acessibilidade para YUI 3, e estamos felizes em compartilhar essa sessão com você aqui. Para técnicas diretas para usar em seu próprio desenvolvimento, referem-se ao vídeo anterior de Todd ; esta sessão irá levá-lo para as considerações de nível superior que a estratégia guia de acessibilidade em um sistema complexo.

Slides da palestra de Todd estão disponíveis como um arquivo zipado Keynote aqui .

A incorporação do Yahoo Video segue; uma versão de alta resolução, junto com uma transcrição, está disponível a partir do site Theater YUI .


Todd Kloots: "Desenvolvimento de um Accessible Web 2.0 Widget Framework" @ Yahoo! Vídeo

baixar (m4v)

Caso você tenha perdido ...

Alguns outros vídeos recentes da série Teatro YUI :

Inscrevendo-se na YUI Theater:

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Dois Frontend cargos de engenharia do Yahoo!

22 de maio de 2009 às 9:41 pm por Eric Miraglia | Em Engenharia Frontend em Yahoo | Comments Off

Quando postar anúncios de emprego na Yahoo!, que muitas vezes prefaciar-los com o passo seguinte:

Pense sobre impacto de 1 em cada 2 pessoas on-line de forma inovadora e criativa que são exclusivamente do Yahoo!. Fazemos apenas que a cada dia, e você poderia também. Afinal, é grandes pensadores como você, que irá criar a próxima geração de experiências na Internet para consumidores e anunciantes de todo o mundo. Agora é a hora de mostrar ao mundo o que você tem. Coloque suas idéias para o trabalho por mais de meio bilhão de pessoas.

Este passo não é mais verdadeiro do que com as posições em engenharia frontend / desenvolvimento web do Yahoo!, onde os produtos e plataformas têm um alcance único e impacto. E estamos sempre à procura de engenheiros cujo talento e paixão é tão única como a oportunidade. Aqui estão algumas das posições que estamos procurando para preencher agora - posições construção no Yahoo! 's grande tradição na disciplina de engenharia frontend, utilizando e melhorando ferramentas como YUI, e ajudando a tornar a Internet mais agradável e poderoso para Yahoo ! 's de meio bilhão de usuários.

Javascript Desenvolvedor Plataforma

Localização: Sunnyvale, CA.

O Grupo Presentation Framework está construindo novas estruturas, a criação de bibliotecas e ferramentas que permitirão que outros desenvolvedores e editores para construir sites de forma rápida e eficiente. Você estará trabalhando com os gerentes de produtos e desenvolvedores para entender os requisitos e necessidades. Você vai ser a criação de especificações, concepção, implementação de ferramentas e APIs. Você estará usando bibliotecas YUI para criar a interface do usuário extensível.

Qualificações mínimas de trabalho:

  • Especialista em JavaScript.
  • Proficiente em escrever compatível com os padrões HTML, CSS, Ajax, DOM
  • 3-4 anos de experiência em desenvolvimento de cruz navegador da aplicação
  • A experiência com PHP
  • Bem versado com XML
  • Experimente usar YUI
  • Auto partida com a capacidade de trabalhar sob pressão e lidar com múltiplas tarefas simultâneas.
  • Fortes verbal e escrita habilidades de comunicação.

Para se candidatar a esta posição, por favor clique no link a seguir: http://careers.yahoo.com/jdescription.php?oid=21972 .

Yahoo! Inc. é uma empregadora de oportunidades iguais. Para mais informações ou para pesquisar todas as nossas aberturas, visite http://careers.yahoo.com .

Front-End Engineer

Localização: Sunnyvale, CA.

Quer trabalhar em uma aplicação com uma base de usuários medido em milhões e não milhares? Você está interessado em Mapas ou tecnologia Geo? Apaixonada por Front-End de Engenharia? Se sim, então nós queremos falar com você. Estamos à procura de um engenheiro motivada e experiente para se juntar à equipe Yahoo! Maps. Nesta função, você estaria trabalhando no destino Mapas ( http://maps.yahoo.com ) e ajudando a suportar mapas internos relacionados com os esforços sobre as propriedades Yahoo! outros. O candidato ideal tem fortes habilidades em tecnologias de frontend, mas é bastante confortável com a Shell Scripting
Configuração (Perl / Bash) e Apache. Você é um jogador da equipe que está focada na experiência do usuário com um grande olho do laser afiada para o detalhe. Soar como você? Vamos ouvi-lo!

Qualificações mínimas:

  • BS / MS em Ciência da Computação ou equivalente
  • Fortes habilidades em PHP, JavaScript / AJAX, CSS e HTML
  • Capacidade para escrever limpo, código cross-browser concisa
  • A experiência anterior como Engenheiro de Front-End
  • Confortável em desenvolvimento em um ambiente UNIX
  • Sólidos orais e escritas habilidades de comunicação
  • Experimente trabalhar com XML e / ou JSON

Desejado:

  • 2-4 anos de experiência em desenvolvimento de aplicações web
  • Experimente configurar o Apache
  • Experiência com software de controle de versão (CVS ou SVN)
  • Experiência com o Yahoo! APIs (especificamente YUI e Mapas AJAX API)
  • Conhecimento em qualquer dos seguintes é um plus: REPOUSO / Web Services, i18n, l10n

Para se candidatar a esta posição, por favor clique no link a seguir: http://careers.yahoo.com/jdescription.php?oid=21920 .

Yahoo! Inc. é uma empregadora de oportunidades iguais. Para mais informações ou para pesquisar todas as nossas aberturas, visite http://careers.yahoo.com .

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

YUI Theater - Satyen Desai: "YUI 3: Metas de design e arquitetura"

12 de maio de 2009 às 01:31 por Eric Miraglia | Em YUI Theater | Comments Off

Satyen Desai, Sr. Engenheiro, YUI Equipe

A equipe aqui continua a trabalhar arduamente no codeline YUI de próxima geração, YUI 3, que é disponível como uma versão pré-lançamento hoje documentado e que está já a alimentação alguns da próxima geração do Yahoo projetos . À medida que se aproxima a versão beta neste verão, estamos gastando mais tempo falando sobre YUI 3 de características distintas. Satyen Desai, um Engenheiro Sênior na equipe YUI e um dos principais YUI 3 desenvolvedores, deu uma palestra na semana passada aqui no Yahoo sobre os objetivos do projeto do YUI 3 e as decisões de arquitetura que foram conduzidos por essas metas. Estamos felizes por partilhar o vídeo daquele evento aqui em YUI Theater.

Slides da palestra Satyen estão disponíveis como um arquivo zipado PowerPoint aqui .

A incorporação do Yahoo Video segue; uma versão de alta resolução, junto com uma transcrição, está disponível a partir do site Theater YUI .


Satyen Desai: "YUI 3: Metas de design e arquitetura" @ Yahoo! Vídeo

baixar (m4v)

Caso você tenha perdido ...

Alguns outros vídeos recentes da série Teatro YUI :

Inscrevendo-se na YUI Theater:

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

In the Wild para 11 de maio de 2009

11 de maio de 2009 às 11:43 am por Eric Miraglia | Em In the Wild | 2 Comentários

Notícias e notas da comunidade YUI no último par de semanas. Por favor, use os comentários para que possamos saber o que perdemos.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Draggable DataTable Linhas

Maio 8, 2009 at 2:50 pm por Gonzalo Cordero | Em Desenvolvimento | 4 Comentários

Sobre o Autor: Gonzalo Cordero é um engenheiro de front-end da equipe Força Yahoo! Flex. Ele está atualmente trabalhando na próxima geração da página inicial do Yahoo!. Ele também é um ex- Juku de pós-graduação, onde recentemente se tornou um instrutor bem. Neste artigo ele nos conduz através do processo de adição de arrastar e soltar funcionalidade a um widget de DataTable .

Introdução

Um projeto recente da mina necessária uma implementação de DataTable onde as linhas podem ser movimentados com arrastar e soltar. Depois de olhar através da galeria de exemplos YUI , eu percebi que a característica que eu estava tentando implementar foi um pouco diferente dos que eu vi. Então eu decidi implementar minha própria solução. Neste artigo vou explicar como eu combinei YUI DataTable e Drag and Drop componentes, algumas soluções para os desafios que encontrei, e como eu era capaz de melhorar a minha solução inicial usando o codeline YUI3 novo (que está atualmente disponível na visualização de modo).

Screenshot de linhas arrastáveis ​​DataTable.

Considerações iniciais e algumas possíveis soluções

A primeira pergunta que me veio à mente era como fazer com que cada linha da tabela arrastável e um destino de soltar ao mesmo tempo da maneira mais eficiente. Eu também sabia que instanciar um objeto DDTarget Arrastar e ao mesmo tempo em um elemento não estava indo trabalhar. Depois de ler o Arrastar e Soltar documentação da API , descobri que a propriedade isTarget fica definido por padrão como true para cada objeto arrastar criamos, fazendo com que um objeto de destino de soltar também. Então, com isso, eu defini um costume DDRows classe para definir os manipuladores momento interessante e também adicionar um pouco de estilo CSS para o objeto de proxy de arrastar para diferenciar visualmente-la das linhas regulares. Um objeto de arrastar proxy é apenas um recipiente que é exibido uma vez que o arrastamento começa e serve como um marcador / guia para o que está sendo arrastado. 

 YAHOO.example.DDRows = function (id, sGroup, config) {
     YAHOO.example.DDRows.superclass.constructor.call (este, id, sGroup, config);
     Dom.addClass (this.getDragEl (), "tipo proxydrag");
 };

 YAHOO.extend (YAHOO.example.DDRows, YAHOO.util.DDProxy, {
	 / / Manipuladores definida aqui
 });

Após a definição da classe DDRows, eu ouça o DataTable initEvent para configurar cada linha como um objeto arrastar DDRows: 

 myDataTable.subscribe ("initEvent", function () {
     var i, id,
     allRows = this.getTbodyEl () linhas.;

     for (i = 0; i <allRows.length; i + +) {
         id = allRows [i] id.;

         / / Limpar todas as instâncias existentes Arraste
         if (myDTDrags [id]) {
             myDTDrags [id] unreg ().;
             excluir myDTDrags [id];
         }

         / / Cria uma instância de arrasto para cada linha
         myDTDrags [id] = new YAHOO.example.DDRows (id);
     }
 });

Então, em vez de usar a classe DDTarget, eu olho para o isTarget propriedade do objeto Arraste para validar o elemento de destino. Desta forma, certifique-se que apenas mover as linhas da tabela em outras linhas da tabela: 

 OnDragDrop: function (e, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / Somente se cair sobre um alvo válido
     if (destDD && destDD.isTarget this.srcEl &&) {
             ...
     }
 }

Uma consideração importante é que o DOM é redesenhada a cada vez que mover uma linha, então não só o objeto de arraste na linha original precisa ser limpo quando se é excluído, arrastar um objeto novo precisa ser criado para a linha que é criado na nova posição. Aqui está toda a onDragDrop função que limpa e move uma linha: 

 OnDragDrop: function (e, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / Somente se cair sobre um alvo válido
     if (destDD && destDD.isTarget this.srcEl &&) {
         var srcEl = this.srcEl,
             srcIndex = srcEl.sectionRowIndex,
        	 destEl = Dom.get (id),
        	 destIndex = destEl.sectionRowIndex,
             srcData = myDataTable.getRecord (srcEl) getData ().;

         this.srcEl = null;

         / Limpeza / instância arrastar existente
         myDTDrags [srcEl.id] unreg ().;
         excluir myDTDrags [srcEl.id];

         / / Move a linha para sua nova posição
    	 myDataTable.deleteRow (srcIndex);
         myDataTable.addRow (srcData, destIndex);
    	 YAHOO.util.DragDropMgr.refreshCache ();
     }
     }
 }

Aqui está o exemplo de trabalho completo utilizando YUI 2.7.0 .

Aumentar o nosso exemplo usando YUI 3,0 PR2

Na página inicial do Yahoo!, nós estamos usando YUI 3 a desenvolver a nossa experiência de próxima geração , e quanto mais eu uso, mais eu percebo o quão poderoso e extensível que é. Então eu decidi ir em frente e confira o Drag and Drop componente da mais recente versão prévia YUI 3,0 para este exercício.

Não foi nenhuma surpresa quando descobri que com esta nova versão que eu poderia tirar proveito de algumas das novas propriedades e métodos para fazer a minha solução mais limpa e eficiente. Por exemplo, arrastar e soltar no YUI 3 fornece uma forma eficiente de criar os objetos de arrasto / Target que precisamos: 

 myDTDrags [id] = new Y.DD.Drag ({
     nó: "#" + id,
     constrain2node: "# tabela de dados",
     moveOnEnd: false,
     proxy: verdade,
     alvo: true
 });

Não temos mais para definir a nossa própria subclasse ou se preocupar em validar o elemento antes de trocar linhas, como o drophit evento só será acionado quando aplicados aos elementos que temos definidos como destinos de soltar.

A versão de outra grande característica novo 3 nos traz é subida do evento personalizado (que traz o poder da DOM eventos borbulhando para os eventos personalizados que orientam API da biblioteca). Graças a isso, podemos agora para ouvir todos os eventos de arrastar e soltar no nível de documento usando o Arrastar e Soltar Gestor, ao invés de ter que anexar vários eventos para cada linha da tabela individual. Nosso código personalizado delegação evento parecido com este: 

 Y.DD.DDM.on ('arrastar: start', startDrag);
 Y.DD.DDM.on ('arrastar: final', endDrag);
 Y.DD.DDM.on ('arrastar: drophit', dragDrop);

Aqui está o exemplo de trabalho completo utilizando YUI 3,0 PR2 .

Conclusão

Espero que você encontre esses exemplos um recurso útil sobre como adicionar a funcionalidade de arrastar e soltar para DataTables e de como você pode facilmente integrar YUI YUI 2.7.0 e 3 componentes na mesma página. Serve também como uma pré-visualização rápida de todos os recursos novos e emocionantes que estão vindo com a próxima geração de YUI.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Hospedado por Yahoo!

Copyright © 2006-2012 Yahoo! Inc. Todos os direitos reservados. Política de Privacidade - Termos de Serviço

Alimentado por WordPress em Yahoo! Web Hosting .