HTML 5
•Transferir como PPT, PDF•
4 gostaram•1,051 visualizações
Acessibilidade em dispositivos móveis tem se tornado mais importante desde 2012. Normas e leis exigem que esses dispositivos sejam acessíveis para todos os usuários. Desenvolvedores devem seguir estas diretrizes para garantir que ninguém seja excluído do uso de tecnologias móveis.
Denunciar
Compartilhar
Denunciar
Compartilhar
Recomendados
Desbravando o HTML5 Boilerplate
La Unión Europea está considerando nuevas regulaciones para las empresas de tecnología. Estas regulaciones podrían requerir que las grandes compañías tecnológicas compartan datos con los competidores más pequeños. Los críticos argumentan que esto podría dañar la innovación, mientras que los partidarios dicen que promoverá la competencia en el mercado.
Construindo Projetos Robustos em HTML5
A União Europeia está enfrentando desafios sem precedentes devido à pandemia de COVID-19 e à invasão russa da Ucrânia. Isso destacou a necessidade de fortalecer a autonomia estratégica da UE em áreas como a segurança, defesa e energia. A Comissão Europeia propôs novas medidas para tornar a UE menos dependente de outros países nestas áreas vitais.
Web APIs you (probably) didn't know existed
Video: https://www.youtube.com/watch?v=NCGLPp778JY
You’ve probably heard about the amazing things that HTML5 can do. Maybe you already saved some data using Local Storage, fetched user coordinates using Geolocation, or even drew graphs and other objects using Canvas. But did you know there are many more new JavaScript APIs in the Web Platform? In this talk, we’ll see how to leverage the power of those APIs in order to create better experiences for your users.
Getting started with YUI3 and AlloyUI
This document provides an overview of YUI3 and AlloyUI frameworks. It discusses how YUI3 offers modules for DOM manipulation, events, effects, AJAX requests and more. AlloyUI is introduced as a set of UI components built on YUI3, including calendars, tabs and buttons. Examples are given of building a character counter and scheduler using AlloyUI. The benefits of YUI3 like performance, maintainability and loading from CDNs are also highlighted.
Introdução ao HTML4 e HTML5
O documento apresenta uma introdução ao HTML 4 e 5, descrevendo suas principais características e tags. É destacado que HTML não é uma linguagem de programação e sim de marcação, utilizando tags para estruturar conteúdo. Também são explicados conceitos como cabeçalhos, parágrafos, links, imagens e listas.
Como Perder Peso (no browser)
O documento discute técnicas para melhorar o desempenho de front-end de sites, destacando a importância de otimizar o front-end, onde a maior parte do tempo de resposta é gasto, e como pequenas melhorias podem gerar grandes economias e aumento de receita. Algumas dicas incluem comprimir arquivos, usar sprites de imagem, habilitar caches e gzip no servidor.
WTF Javascript - FrontInRio 2011
O documento discute vários tópicos sobre Javascript, incluindo padrões, anti-padrões, loops, escopo, tipos de dados e convenções de código. Ele fornece dicas sobre como melhorar as habilidades com a linguagem, como usar ferramentas de depuração e compartilhar código.
How to create high scalable JavaScript apps for Java Portals
The document discusses how to create high scalable JavaScript applications. It presents two main options - writing everything from scratch or using existing open source solutions. It then outlines several existing JavaScript libraries and frameworks that provide tools for DOM manipulation, events, animations, AJAX requests, templates, module loading, and testing. The document also discusses how these tools can be used to create an easy-to-maintain UI architecture for Java portals, highlighting the AlloyUI library and examples of its use.
Recomendados
Desbravando o HTML5 Boilerplate
La Unión Europea está considerando nuevas regulaciones para las empresas de tecnología. Estas regulaciones podrían requerir que las grandes compañías tecnológicas compartan datos con los competidores más pequeños. Los críticos argumentan que esto podría dañar la innovación, mientras que los partidarios dicen que promoverá la competencia en el mercado.
Construindo Projetos Robustos em HTML5
A União Europeia está enfrentando desafios sem precedentes devido à pandemia de COVID-19 e à invasão russa da Ucrânia. Isso destacou a necessidade de fortalecer a autonomia estratégica da UE em áreas como a segurança, defesa e energia. A Comissão Europeia propôs novas medidas para tornar a UE menos dependente de outros países nestas áreas vitais.
Web APIs you (probably) didn't know existed
Video: https://www.youtube.com/watch?v=NCGLPp778JY
You’ve probably heard about the amazing things that HTML5 can do. Maybe you already saved some data using Local Storage, fetched user coordinates using Geolocation, or even drew graphs and other objects using Canvas. But did you know there are many more new JavaScript APIs in the Web Platform? In this talk, we’ll see how to leverage the power of those APIs in order to create better experiences for your users.
Getting started with YUI3 and AlloyUI
This document provides an overview of YUI3 and AlloyUI frameworks. It discusses how YUI3 offers modules for DOM manipulation, events, effects, AJAX requests and more. AlloyUI is introduced as a set of UI components built on YUI3, including calendars, tabs and buttons. Examples are given of building a character counter and scheduler using AlloyUI. The benefits of YUI3 like performance, maintainability and loading from CDNs are also highlighted.
Introdução ao HTML4 e HTML5
O documento apresenta uma introdução ao HTML 4 e 5, descrevendo suas principais características e tags. É destacado que HTML não é uma linguagem de programação e sim de marcação, utilizando tags para estruturar conteúdo. Também são explicados conceitos como cabeçalhos, parágrafos, links, imagens e listas.
Como Perder Peso (no browser)
O documento discute técnicas para melhorar o desempenho de front-end de sites, destacando a importância de otimizar o front-end, onde a maior parte do tempo de resposta é gasto, e como pequenas melhorias podem gerar grandes economias e aumento de receita. Algumas dicas incluem comprimir arquivos, usar sprites de imagem, habilitar caches e gzip no servidor.
WTF Javascript - FrontInRio 2011
O documento discute vários tópicos sobre Javascript, incluindo padrões, anti-padrões, loops, escopo, tipos de dados e convenções de código. Ele fornece dicas sobre como melhorar as habilidades com a linguagem, como usar ferramentas de depuração e compartilhar código.
How to create high scalable JavaScript apps for Java Portals
The document discusses how to create high scalable JavaScript applications. It presents two main options - writing everything from scratch or using existing open source solutions. It then outlines several existing JavaScript libraries and frameworks that provide tools for DOM manipulation, events, animations, AJAX requests, templates, module loading, and testing. The document also discusses how these tools can be used to create an easy-to-maintain UI architecture for Java portals, highlighting the AlloyUI library and examples of its use.
Wordpress
O documento descreve a história e funcionalidades do WordPress, um sistema de gerenciamento de conteúdo open source. Começa explicando como o WordPress surgiu e foi desenvolvido por Matt Mullenweg, e descreve suas principais versões. Também explica o que é WordPress, como funciona sua hierarquia de arquivos e banco de dados, e quais são suas vantagens para clientes e desenvolvedores. Por fim, lista grandes empresas que usam WordPress em seus sites.
Super Trunfo - Case de Dados Abertos
O documento propõe um novo modelo de comunicação política usando jogos online para engajar os jovens de forma divertida e revelar informações sobre políticos, sugerindo o desenvolvimento de um jogo tipo "Super Trunfo" nas redes sociais para conscientizar as pessoas de forma leve.
Javascript Orientado a Objetos - Fisl12
Apresentação sobre Orientação a Objetos com Javascript feita no FISL 12. O Objetivo foi mostrar que Javascript é tão orientado a objetos quanto as linguagens baseadas em classes.
Augmented Reality in JavaScript
The document discusses augmented reality and how to create augmented reality experiences using JavaScript. It provides steps to access a user's camera, play the video stream, and track patterns or objects in the video using techniques like fiducial markers, face detection, and color tracking with libraries like tracking.js. Examples are given for single and multiple object tracking.
It's Javascript Time
O documento apresenta uma introdução ao JavaScript, destacando sua popularidade e aplicações tanto no frontend quanto no backend. Explica como o JavaScript evoluiu ao longo dos anos e ressalta a importância de se manter atualizado com as novas funcionalidades, frameworks e padrões de codificação. Também enfatiza a forte comunidade ao redor da linguagem e convida o leitor a participar dela.
Aula javascript
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
Javascript para adultos
O documento apresenta técnicas para melhorar o desempenho e acessibilidade de sites, incluindo renderização no navegador, sprites de CSS, combinação de JavaScript e CSS, carga sob demanda e uso de HTML semântico. Também discute template binding para manipulação de DOM no JavaScript.
Os mitos do desenvolvimento front-end
A empresa está enfrentando desafios financeiros devido à queda nas vendas e precisa cortar custos. O diretor financeiro recomenda demitir funcionários para economizar em folha de pagamento ou negociar reduções salariais para evitar demissões. Também sugere adiar investimentos não essenciais para preservar caixa.
Personal Kanban
Este documento fornece um guia sobre Personal Kanban, um framework para gerenciamento de trabalho baseado em fluxo visual. Ele explica os conceitos-chave do Kanban, como backlog, colunas "fazendo" e "pronto", limites de trabalho em andamento e fluxo contínuo de valor. Também fornece dicas sobre como implementar o Kanban para melhorar a produtividade e reduzir o estresse.
JavaScript for Beginners
1. O documento apresenta uma introdução ao JavaScript para iniciantes, abordando tópicos como sintaxe, boas práticas e informações úteis.
2. É apresentada uma sequência com três sessões: introdução ao JavaScript, conceitos básicos e manipulação do DOM.
3. Na sessão de conceitos básicos, são explicados tópicos como variáveis, operadores, estruturas de controlo, funções, objetos e eventos.
Introdução básica ao JavaScript
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
Introdução ao JavaScript
O documento resume conceitos básicos sobre JavaScript, incluindo sua origem, funcionalidades, tipos de variáveis, operadores, estruturas de controle e mais.
DOMinando JavaScript
Este documento apresenta uma introdução à linguagem JavaScript, cobrindo sua história, tipos, operações, strings, arrays, expressões, funções, objetos, strict mode, manipulação do DOM, eventos e o operador this. O documento também discute como rodar código JavaScript em sites e o futuro promissor de JavaScript.
Gamification: Future or Fail?
This deck is based on a paper we wrote for the SAMRA 2011 conference. It's a short introduction to some of the ideas underlying the concept of "gamification".
It also details the results from a simple experiment we conducted to measure the effectiveness of gamifying an online community. We were restricted by a tight deadline and the existing capabilities of the online platform we partnered with, but the results are still pretty clear (although small base sizes makes it difficult to draw solid conclusions). To follow up these tantalising results, we are writing another paper for ESOMAR Congress that collects more numbers describing the effectivness of gamification.
I had a lot of fun illustrating the deck. Hope you enjoy reading it.
Minicurso de JavaScript (Portuguese)
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
Desvendando a linguagem JavaScript
Este documento fornece um resumo da história e características da linguagem JavaScript em 3 frases:
1) JavaScript foi criada originalmente em 1995 para ser usada no navegador Netscape Navigator e teve influências de linguagens como Java, Scheme, Self e Perl.
2) A linguagem é interpretada, possui tipagem dinâmica e fraca, orientação a objetos baseada em protótipos e funções de primeira classe.
3) JavaScript evoluiu muito desde então e atualmente está na versão ECMAScript 6, sendo uma das linguagens de programação
Future of Web Development
The document discusses the future of web development and frameworks like jQuery, YUI, Backbone, React, and Angular. It also discusses technologies like HTML5, CSS preprocessors like LESS and SASS, and JavaScript alternatives like Dart, TypeScript, and CoffeeScript. The rest summarizes Liferay's goals to provide RESTful APIs, routing systems, dynamic storage, multi-device support, and improve developer workflow to attract new developers and industries.
Tracking.js
Nesta palestra serão apresentadas as novidades do tracking.js, um framework open source de visão computacional.
Liferay + Wearables
The document discusses wearable technology and Liferay's role in it. It notes that wearables have a history of success and their market value is projected to grow significantly by 2018. Liferay's mobile team works to enable integration of wearables and apps through their mobile SDK and screens technology. The presentation concludes by suggesting wearables may be the next big thing and that the future can be invented.
Como empreender em... você!
A empresa está enfrentando desafios financeiros devido à queda nas vendas e precisa cortar custos. Um plano de reestruturação é proposto para demitir funcionários e fechar lojas menos rentáveis para reduzir gastos e voltar ao lucro.
Liferay UI (R)evolution
This document summarizes the key features and updates of AlloyUI, an open source UI library for web applications. It highlights the improvements and advantages of version 2.0 compared to earlier versions, such as being easier and faster to use, having more documentation and community support, improved performance, and a redesigned component set. It also discusses AlloyUI's integration with Liferay Portal and support for responsive design, localization, and HTML5 features.
Um futuro chamado Web Components
O documento discute a evolução dos componentes web nativos (Web Components), incluindo seus principais conceitos como Custom Elements, Templates, Shadow DOM e Import. Apresenta exemplos de como criar e usar componentes personalizados hoje e destaca projetos open source que implementam esse padrão emergente.
Mais conteúdo relacionado
Destaque
Wordpress
O documento descreve a história e funcionalidades do WordPress, um sistema de gerenciamento de conteúdo open source. Começa explicando como o WordPress surgiu e foi desenvolvido por Matt Mullenweg, e descreve suas principais versões. Também explica o que é WordPress, como funciona sua hierarquia de arquivos e banco de dados, e quais são suas vantagens para clientes e desenvolvedores. Por fim, lista grandes empresas que usam WordPress em seus sites.
Super Trunfo - Case de Dados Abertos
O documento propõe um novo modelo de comunicação política usando jogos online para engajar os jovens de forma divertida e revelar informações sobre políticos, sugerindo o desenvolvimento de um jogo tipo "Super Trunfo" nas redes sociais para conscientizar as pessoas de forma leve.
Javascript Orientado a Objetos - Fisl12
Apresentação sobre Orientação a Objetos com Javascript feita no FISL 12. O Objetivo foi mostrar que Javascript é tão orientado a objetos quanto as linguagens baseadas em classes.
Augmented Reality in JavaScript
The document discusses augmented reality and how to create augmented reality experiences using JavaScript. It provides steps to access a user's camera, play the video stream, and track patterns or objects in the video using techniques like fiducial markers, face detection, and color tracking with libraries like tracking.js. Examples are given for single and multiple object tracking.
It's Javascript Time
O documento apresenta uma introdução ao JavaScript, destacando sua popularidade e aplicações tanto no frontend quanto no backend. Explica como o JavaScript evoluiu ao longo dos anos e ressalta a importância de se manter atualizado com as novas funcionalidades, frameworks e padrões de codificação. Também enfatiza a forte comunidade ao redor da linguagem e convida o leitor a participar dela.
Aula javascript
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
Javascript para adultos
O documento apresenta técnicas para melhorar o desempenho e acessibilidade de sites, incluindo renderização no navegador, sprites de CSS, combinação de JavaScript e CSS, carga sob demanda e uso de HTML semântico. Também discute template binding para manipulação de DOM no JavaScript.
Os mitos do desenvolvimento front-end
A empresa está enfrentando desafios financeiros devido à queda nas vendas e precisa cortar custos. O diretor financeiro recomenda demitir funcionários para economizar em folha de pagamento ou negociar reduções salariais para evitar demissões. Também sugere adiar investimentos não essenciais para preservar caixa.
Personal Kanban
Este documento fornece um guia sobre Personal Kanban, um framework para gerenciamento de trabalho baseado em fluxo visual. Ele explica os conceitos-chave do Kanban, como backlog, colunas "fazendo" e "pronto", limites de trabalho em andamento e fluxo contínuo de valor. Também fornece dicas sobre como implementar o Kanban para melhorar a produtividade e reduzir o estresse.
JavaScript for Beginners
1. O documento apresenta uma introdução ao JavaScript para iniciantes, abordando tópicos como sintaxe, boas práticas e informações úteis.
2. É apresentada uma sequência com três sessões: introdução ao JavaScript, conceitos básicos e manipulação do DOM.
3. Na sessão de conceitos básicos, são explicados tópicos como variáveis, operadores, estruturas de controlo, funções, objetos e eventos.
Introdução básica ao JavaScript
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
Introdução ao JavaScript
O documento resume conceitos básicos sobre JavaScript, incluindo sua origem, funcionalidades, tipos de variáveis, operadores, estruturas de controle e mais.
DOMinando JavaScript
Este documento apresenta uma introdução à linguagem JavaScript, cobrindo sua história, tipos, operações, strings, arrays, expressões, funções, objetos, strict mode, manipulação do DOM, eventos e o operador this. O documento também discute como rodar código JavaScript em sites e o futuro promissor de JavaScript.
Gamification: Future or Fail?
This deck is based on a paper we wrote for the SAMRA 2011 conference. It's a short introduction to some of the ideas underlying the concept of "gamification".
It also details the results from a simple experiment we conducted to measure the effectiveness of gamifying an online community. We were restricted by a tight deadline and the existing capabilities of the online platform we partnered with, but the results are still pretty clear (although small base sizes makes it difficult to draw solid conclusions). To follow up these tantalising results, we are writing another paper for ESOMAR Congress that collects more numbers describing the effectivness of gamification.
I had a lot of fun illustrating the deck. Hope you enjoy reading it.
Minicurso de JavaScript (Portuguese)
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
Desvendando a linguagem JavaScript
Este documento fornece um resumo da história e características da linguagem JavaScript em 3 frases:
1) JavaScript foi criada originalmente em 1995 para ser usada no navegador Netscape Navigator e teve influências de linguagens como Java, Scheme, Self e Perl.
2) A linguagem é interpretada, possui tipagem dinâmica e fraca, orientação a objetos baseada em protótipos e funções de primeira classe.
3) JavaScript evoluiu muito desde então e atualmente está na versão ECMAScript 6, sendo uma das linguagens de programação
Destaque (16)
Mais de Zeno Rocha
Future of Web Development
The document discusses the future of web development and frameworks like jQuery, YUI, Backbone, React, and Angular. It also discusses technologies like HTML5, CSS preprocessors like LESS and SASS, and JavaScript alternatives like Dart, TypeScript, and CoffeeScript. The rest summarizes Liferay's goals to provide RESTful APIs, routing systems, dynamic storage, multi-device support, and improve developer workflow to attract new developers and industries.
Tracking.js
Nesta palestra serão apresentadas as novidades do tracking.js, um framework open source de visão computacional.
Liferay + Wearables
The document discusses wearable technology and Liferay's role in it. It notes that wearables have a history of success and their market value is projected to grow significantly by 2018. Liferay's mobile team works to enable integration of wearables and apps through their mobile SDK and screens technology. The presentation concludes by suggesting wearables may be the next big thing and that the future can be invented.
Como empreender em... você!
A empresa está enfrentando desafios financeiros devido à queda nas vendas e precisa cortar custos. Um plano de reestruturação é proposto para demitir funcionários e fechar lojas menos rentáveis para reduzir gastos e voltar ao lucro.
Liferay UI (R)evolution
This document summarizes the key features and updates of AlloyUI, an open source UI library for web applications. It highlights the improvements and advantages of version 2.0 compared to earlier versions, such as being easier and faster to use, having more documentation and community support, improved performance, and a redesigned component set. It also discusses AlloyUI's integration with Liferay Portal and support for responsive design, localization, and HTML5 features.
Um futuro chamado Web Components
O documento discute a evolução dos componentes web nativos (Web Components), incluindo seus principais conceitos como Custom Elements, Templates, Shadow DOM e Import. Apresenta exemplos de como criar e usar componentes personalizados hoje e destaca projetos open source que implementam esse padrão emergente.