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.
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.
O documento apresenta os principais conceitos do framework AngularJS, incluindo diretivas, serviços, filtros, roteamento e ciclo de vida das aplicações. Demonstra como o AngularJS estende o HTML para permitir data binding de duas vias e componentes, e discute alguns mitos, prós e contras do framework. Por fim, apresenta uma breve prévia do Angular 2.0 e uma demonstração prática.
1. O documento discute abraçar o framework AngularJS para implementar arquitetura MVC no lado do cliente.
2. É explicado que frameworks como o Angular resolvem problemas como manipulação de dados e lógica nas views.
3. O framework AngularJS é então apresentado, com ênfase em sua abordagem declarativa usando diretivas e two-way data binding.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web que estrutura a aplicação em camadas bem definidas como View, Controller e Scope. Ele fornece recursos como componentes reusáveis, integração com back-end e facilitação de testes automatizados.
Vue.js é uma biblioteca JavaScript reativa para construção de interfaces web, que permite criar aplicações baseadas em componentes de forma simples. Ela oferece data binding, diretivas e opções como computed properties e methods para manipulação de dados de forma reativa. A versão 2.0 trará melhorias como virtual DOM e server-side rendering, mantendo a API simples e leve da biblioteca.
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Celso Fernandes
O documento discute estratégias para melhorar o desempenho de sites, incluindo otimização de requisições, uso de cache, escolha entre Nginx e Apache e ferramentas de análise e teste. O objetivo é reduzir tempo de resposta do servidor e melhorar a experiência do usuário.
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Leo Baiano
O documento discute vários tópicos relacionados ao desenvolvimento com WordPress, incluindo temas, plugins, queries, modelos, internacionalização, hooks, classes CSS e funções úteis como wp_mail(), wp_remote_get() e add_image_size().
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.
O documento apresenta os principais conceitos do framework AngularJS, incluindo diretivas, serviços, filtros, roteamento e ciclo de vida das aplicações. Demonstra como o AngularJS estende o HTML para permitir data binding de duas vias e componentes, e discute alguns mitos, prós e contras do framework. Por fim, apresenta uma breve prévia do Angular 2.0 e uma demonstração prática.
1. O documento discute abraçar o framework AngularJS para implementar arquitetura MVC no lado do cliente.
2. É explicado que frameworks como o Angular resolvem problemas como manipulação de dados e lógica nas views.
3. O framework AngularJS é então apresentado, com ênfase em sua abordagem declarativa usando diretivas e two-way data binding.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web que estrutura a aplicação em camadas bem definidas como View, Controller e Scope. Ele fornece recursos como componentes reusáveis, integração com back-end e facilitação de testes automatizados.
Vue.js é uma biblioteca JavaScript reativa para construção de interfaces web, que permite criar aplicações baseadas em componentes de forma simples. Ela oferece data binding, diretivas e opções como computed properties e methods para manipulação de dados de forma reativa. A versão 2.0 trará melhorias como virtual DOM e server-side rendering, mantendo a API simples e leve da biblioteca.
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Celso Fernandes
O documento discute estratégias para melhorar o desempenho de sites, incluindo otimização de requisições, uso de cache, escolha entre Nginx e Apache e ferramentas de análise e teste. O objetivo é reduzir tempo de resposta do servidor e melhorar a experiência do usuário.
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Leo Baiano
O documento discute vários tópicos relacionados ao desenvolvimento com WordPress, incluindo temas, plugins, queries, modelos, internacionalização, hooks, classes CSS e funções úteis como wp_mail(), wp_remote_get() e add_image_size().
O documento apresenta uma palestra sobre customização no WordPress. Resume os principais pontos sobre como usar o Customizer para personalizar temas de forma dinâmica e interativa, incrementando a experiência do usuário. O palestrante também mostra como criar controles customizados e garantir a segurança dos dados.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Gustavo Corrêa Alves
- O documento discute técnicas para melhorar o desempenho de sites, incluindo otimização de HTML, CSS, JavaScript, imagens e configurações no servidor;
- Recomenda-se minificar e concatenar arquivos, evitar manipulação excessiva do DOM, usar CDNs e gzip para reduzir tamanho de arquivos e tempo de carregamento;
- Cuidados com sprites, icon fonts, escala de imagens e otimização delas também são destacados para melhorar a performance.
O documento discute a evolução do HTML para a versão 5, propondo simplificar a estrutura e sintaxe do código. Ele apresenta exemplos de como estruturar páginas web usando novos elementos semânticos no HTML5 como section, nav e article. O documento também mostra como incorporar vídeos, áudio e estilos CSS3 nas páginas.
Este documento discute o desenvolvimento de aplicações web modernas com AngularJS. Ele aborda tópicos como criação de Single Page Applications, uso de componentes de terceiros, rotas com UI-Router e consumo de APIs REST. O documento também fornece instruções para construir uma aplicação Pokedex que lista, busca e exibe detalhes de Pokémons.
Construindo sites e sistemas com WordPressLeo Baiano
Este documento fornece orientações sobre planejamento e desenvolvimento de sites e sistemas com WordPress. Aborda tópicos como criação de um kickstarter padrão, utilização de plugins como ACF e Yoast SEO, definição de CPTs e taxonomias, desenvolvimento de sistemas, uso de loops múltiplos e shortcodes.
Descomplicando o JQuery - Introdução ao FrameworkPablo Garrido
O documento introduz o framework JQuery, permitindo escrever menos código e fazer mais. Explica o que é JQuery, como baixá-lo e usar seus principais recursos como seletores, eventos e manipulação do DOM para simplificar o desenvolvimento front-end.
Este documento descreve como construir uma aplicação usando Node.js, Socket.io e AngularJS para permitir que usuários enviem e recebam mensagens em grupos em tempo real. Explica como configurar os arquivos e código para criar grupos de mensagens, se conectar a eles e transmitir mensagens entre clientes e servidor.
Este documento apresenta as principais tecnologias do framework MEAN (MongoDB, Express, AngularJS e Node.js). Ele discute como construir uma aplicação utilizando essas tecnologias e mostra passo-a-passo a instalação e configuração do ambiente de desenvolvimento com essas ferramentas.
O documento resume o que é React, suas principais vantagens como ser fácil de aprender, reaproveitamento de código e comunidade ativa. Explica que React é rápido devido ao Virtual DOM e que utiliza componentes como base para construção de interfaces.
Este documento fornece uma introdução sobre como criar módulos para o Divi no WordPress de forma simples. Explica a estrutura básica de arquivos necessária, como criar funções e seções, e os principais tipos de campos disponíveis. Também mostra como renderizar os dados no frontend e incluir arquivos CSS e JS.
O documento discute como organizar o frontend de um site Java moderno, mencionando padrões de projeto como Factory Method e Singleton para o backend, e o framework BEM para estruturar CSS de forma modular. Também lista ferramentas como Sass, Angular, React e Bootstrap para o frontend, além de técnicas como pré-processadores e modularização via tags JSP e templates.
Este documento fornece diretrizes para melhorar o desempenho de sites web focando em otimização de código, imagens, cache e compactação de arquivos para reduzir o tempo de carregamento a menos de 400kb.
Palestra com introdução sobre o React e como integrar com uma diretiva angular para melhor a performance de renderização.
https://github.com/diegonarducci/react-exemples
O documento descreve a evolução do framework AngularJS, desde sua criação em 2009 até as mudanças trazidas pela versão 2.0. Apresenta os principais recursos de cada versão e explica como alguns conceitos foram modificados ou removidos para aproveitar melhorias na linguagem JavaScript.
SASS + COMPASS - Alta Produtividade no Front-endAnderson Aguiar
O documento apresenta as principais características e funcionalidades da linguagem Sass, incluindo variáveis, aninhamento, mixins, herança de seletores, compressão, cores, expressões matemáticas e imports. Também explica como instalar e usar o Sass, além de mencionar o framework Compass e suas funcionalidades como sprites, validação de CSS e estatísticas.
1. O documento descreve como criar diretivas no AngularJS, apresentando as propriedades e funcionalidades básicas para isso, como template, templateUrl, replace, restrict, scope e transclude.
2. Inclui exemplos de como usar essas propriedades para criar diretivas simples, como uma alerta, e também diretivas mais complexas, como um item de acordo.
3. Fornece detalhes sobre como utilizar a função link para interagir com a DOM dentro das diretivas.
How to create high scalable JavaScript apps for Java PortalsZeno Rocha
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.
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.
O documento apresenta uma palestra sobre customização no WordPress. Resume os principais pontos sobre como usar o Customizer para personalizar temas de forma dinâmica e interativa, incrementando a experiência do usuário. O palestrante também mostra como criar controles customizados e garantir a segurança dos dados.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Gustavo Corrêa Alves
- O documento discute técnicas para melhorar o desempenho de sites, incluindo otimização de HTML, CSS, JavaScript, imagens e configurações no servidor;
- Recomenda-se minificar e concatenar arquivos, evitar manipulação excessiva do DOM, usar CDNs e gzip para reduzir tamanho de arquivos e tempo de carregamento;
- Cuidados com sprites, icon fonts, escala de imagens e otimização delas também são destacados para melhorar a performance.
O documento discute a evolução do HTML para a versão 5, propondo simplificar a estrutura e sintaxe do código. Ele apresenta exemplos de como estruturar páginas web usando novos elementos semânticos no HTML5 como section, nav e article. O documento também mostra como incorporar vídeos, áudio e estilos CSS3 nas páginas.
Este documento discute o desenvolvimento de aplicações web modernas com AngularJS. Ele aborda tópicos como criação de Single Page Applications, uso de componentes de terceiros, rotas com UI-Router e consumo de APIs REST. O documento também fornece instruções para construir uma aplicação Pokedex que lista, busca e exibe detalhes de Pokémons.
Construindo sites e sistemas com WordPressLeo Baiano
Este documento fornece orientações sobre planejamento e desenvolvimento de sites e sistemas com WordPress. Aborda tópicos como criação de um kickstarter padrão, utilização de plugins como ACF e Yoast SEO, definição de CPTs e taxonomias, desenvolvimento de sistemas, uso de loops múltiplos e shortcodes.
Descomplicando o JQuery - Introdução ao FrameworkPablo Garrido
O documento introduz o framework JQuery, permitindo escrever menos código e fazer mais. Explica o que é JQuery, como baixá-lo e usar seus principais recursos como seletores, eventos e manipulação do DOM para simplificar o desenvolvimento front-end.
Este documento descreve como construir uma aplicação usando Node.js, Socket.io e AngularJS para permitir que usuários enviem e recebam mensagens em grupos em tempo real. Explica como configurar os arquivos e código para criar grupos de mensagens, se conectar a eles e transmitir mensagens entre clientes e servidor.
Este documento apresenta as principais tecnologias do framework MEAN (MongoDB, Express, AngularJS e Node.js). Ele discute como construir uma aplicação utilizando essas tecnologias e mostra passo-a-passo a instalação e configuração do ambiente de desenvolvimento com essas ferramentas.
O documento resume o que é React, suas principais vantagens como ser fácil de aprender, reaproveitamento de código e comunidade ativa. Explica que React é rápido devido ao Virtual DOM e que utiliza componentes como base para construção de interfaces.
Este documento fornece uma introdução sobre como criar módulos para o Divi no WordPress de forma simples. Explica a estrutura básica de arquivos necessária, como criar funções e seções, e os principais tipos de campos disponíveis. Também mostra como renderizar os dados no frontend e incluir arquivos CSS e JS.
O documento discute como organizar o frontend de um site Java moderno, mencionando padrões de projeto como Factory Method e Singleton para o backend, e o framework BEM para estruturar CSS de forma modular. Também lista ferramentas como Sass, Angular, React e Bootstrap para o frontend, além de técnicas como pré-processadores e modularização via tags JSP e templates.
Este documento fornece diretrizes para melhorar o desempenho de sites web focando em otimização de código, imagens, cache e compactação de arquivos para reduzir o tempo de carregamento a menos de 400kb.
Palestra com introdução sobre o React e como integrar com uma diretiva angular para melhor a performance de renderização.
https://github.com/diegonarducci/react-exemples
O documento descreve a evolução do framework AngularJS, desde sua criação em 2009 até as mudanças trazidas pela versão 2.0. Apresenta os principais recursos de cada versão e explica como alguns conceitos foram modificados ou removidos para aproveitar melhorias na linguagem JavaScript.
SASS + COMPASS - Alta Produtividade no Front-endAnderson Aguiar
O documento apresenta as principais características e funcionalidades da linguagem Sass, incluindo variáveis, aninhamento, mixins, herança de seletores, compressão, cores, expressões matemáticas e imports. Também explica como instalar e usar o Sass, além de mencionar o framework Compass e suas funcionalidades como sprites, validação de CSS e estatísticas.
1. O documento descreve como criar diretivas no AngularJS, apresentando as propriedades e funcionalidades básicas para isso, como template, templateUrl, replace, restrict, scope e transclude.
2. Inclui exemplos de como usar essas propriedades para criar diretivas simples, como uma alerta, e também diretivas mais complexas, como um item de acordo.
3. Fornece detalhes sobre como utilizar a função link para interagir com a DOM dentro das diretivas.
How to create high scalable JavaScript apps for Java PortalsZeno Rocha
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
O documento resume conceitos básicos sobre JavaScript, incluindo sua origem, funcionalidades, tipos de variáveis, operadores, estruturas de controle e mais.
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.
Web APIs you (probably) didn't know existedZeno Rocha
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.
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.
RubyConfBr 2015 - Rails & Javascript: faça isso direitoCezinha Anjos
O documento fornece dicas sobre como organizar o JavaScript em aplicações Rails não-SPA. As principais dicas incluem: (1) usar o Bower para gerenciar dependências front-end; (2) modularizar o código JavaScript usando módulos; (3) estabelecer um ponto de entrada único para execução do JavaScript.
Backbone.js é um framework JavaScript que separa as responsabilidades entre modelo, vista e roteador de forma semelhante a MVC. Ele é usado para estruturar projetos com maior responsividade, testabilidade e estabilidade dos componentes. O documento discute a estruturação de projetos com Backbone usando RequireJS para modularização, separação de código da aplicação e bibliotecas, além de testes de unidade com Jasmine.
O documento apresenta uma introdução ao framework JavaScript Backbone.js, discutindo seu propósito de separar as responsabilidades entre modelo, vista e roteador, e como ele pode ser usado para estruturar projetos com maior responsividade. Também aborda tópicos como estruturação de projetos com Backbone, uso de views, modelos, coleções e roteadores, além de testabilidade do framework.
Evento Front End SP - Arquitetura de FrontMichel Ribeiro
O documento discute arquitetura de front-end em aplicações de larga escala. É destacado que tais aplicações requerem organização, modularização e otimização de código. O HTML, CSS e JavaScript devem ser estruturados em módulos independentes para facilitar a manutenção.
Este documento fornece instruções para instalação e configuração do framework Ruby on Rails, incluindo como instalar Ruby, RubyGems, Rails, PostgreSQL e bibliotecas, criar banco de dados e tabelas, gerar scaffolds, configurar servidor web e mais.
O documento apresenta o framework PHP Zend Framework, descrevendo suas principais características como arquitetura MVC, componentes, vantagens e exemplos de uso. O autor é um engenheiro certificado pela Zend que discute como o framework torna o desenvolvimento web mais rápido e simplificado.
O documento discute princípios de segurança para aplicações web escritas em PHP, cobrindo tópicos como vulnerabilidades comuns, como SQL injection e XSS, e técnicas para preveni-las, como validação e filtragem de dados de entrada e saída. O documento também aborda segurança de sessão, uploads de arquivos e configurações de segurança do PHP.
JavaScript é uma linguagem de script que é interpretada pelo navegador para dar interatividade às páginas HTML. jQuery é um framework JavaScript que simplifica a manipulação do DOM HTML, tratamento de eventos e efeitos visuais. O documento apresenta os conceitos básicos de JavaScript e jQuery, incluindo seletores, manipulação do DOM, eventos e efeitos.
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
Este documento fornece diretrizes sobre a estruturação eficiente de um front-end, incluindo a organização de pastas para CSS, imagens e JavaScript, além de recomendações sobre modularização, semântica e escrita de HTML.
O documento discute a importância da performance no front-end de aplicações web. Ele destaca que a maior parte do tempo de carregamento de uma página é gasto com elementos front-end como imagens, CSS e JavaScript. Além disso, melhores tempos de resposta aumentam o tráfego e as vendas de sites como Yahoo!, Mozilla e Amazon.
Este documento discute otimizações para melhorar o desempenho do lado do cliente em sites. Algumas das principais dicas incluem agrupar arquivos CSS e JavaScript em arquivos únicos e cacheados, usar sprites CSS para imagens, reduzir o número de conexões HTTP desnecessárias e minimizar arquivos.
O que todos os developers devem saber sobre seointrofini
Este documento fornece informações sobre otimização de sites (SEO) em 3 frases:
1) SEO refere-se a estratégias para melhorar o posicionamento de sites nos resultados de pesquisa, como otimizar o conteúdo e links;
2) Fatores importantes incluem otimização interna da página, estrutura do site, links externos e métricas sociais e de tráfego;
3) Ferramentas como Drupal facilitam o SEO ao fornecer recursos como URLs amigáveis e tags semânticas
TDC 2015 - Rails & Javascript: faça isso direitoCezinha Anjos
Este talk propõe mostrar para você como construir um app Rails (não SPA) com uma estrutura organizada de Javascript. Você terá oportunidade de ver conceitos como injeção de dependência, single point entry, dispatcher, promises, IIFE, templates JS, Named Routes JS e muito mais? tudo isso aplicado na prática (e tudo junto). Chega de produzir brown fileds! Faça você também a coisa certa.
Desenvolvedores sempre buscaram escrever menos e fazer mais. Mas como aplicar a filosofia DRY com tecnologias que inicialmente não foram projetadas especificamente para desenvolver apps? Vamos aprender nessa talk quais são as boas práticas, metodologias e ferramentas para repetir menos e produzir mais!
A web é uma das principais plataformas de desenvolvimento de aplicações. Hoje (quase) tudo está conectado na internet. Apps cada vez mais dinâmicas aumentaram a complexidade do desenvolvimento de interfaces web. Em consequência desse crescimento, surgiram metodologias e ferramentas para repetir menos código, modularizar e criar componentes para a web. No passado trabalhamos com iframes e no futuro talvez teremos web components funcionando em todos os browsers. Mas e hoje, como podemos aplicar a filosofia DRY?
Programando para programadores: Desafios na evolução de um FrameworkPablo Dall'Oglio
O documento discute a evolução de um framework PHP chamado Adianti Framework ao longo dos anos. Ele aborda desafios como aderir a padrões da comunidade, acrescentar novos componentes, melhorar a estrutura de diretórios e substituir tecnologias incorporadas.
Hoje em dia quando o assunto é CSS muito se fala em modularização e arquitetura de código. Mas o que de fato é isso? Quais abordagens podemos utilizar para tornar o código do nosso CSS mais organizado?
Nessa apresentação procuro passar uma visão geral das técnicas mais populares, detalhando suas particularidades e a ideologia por traz de cada uma.
Também falo de técnicas mais recentes que abordam o desenvolvimento de CSS de perspectivas diferentes e algumas dicas gerais de como deixar seu código mais flexível a mudanças.
O documento apresenta um minicurso sobre o framework CakePHP. É dividido em seções sobre o que é CakePHP, por que usá-lo, preparando o ambiente, mão na massa criando páginas, layouts, helpers, rotas e um bônus sobre cadastro de notícias. O objetivo é introduzir os conceitos básicos do framework e iniciar a criação de uma aplicação simples.
O documento apresenta um mini curso sobre jQuery. Resume os principais pontos abordados no curso: 1) jQuery é um framework JavaScript que simplifica o desenvolvimento de scripts para interagir com HTML; 2) jQuery ajuda no controle do DOM, desenvolvimento facilitado de JavaScript, manipulação de CSS e efeitos visuais; 3) jQuery é compatível com os principais navegadores e possui uma grande comunidade de apoio.
O documento apresenta uma introdução ao framework jQuery, descrevendo seus principais recursos e funcionalidades para simplificar o desenvolvimento de aplicações web com JavaScript, como seleção e manipulação de elementos HTML, animações, interatividade e Ajax.
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.
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.
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.
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.
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.
Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...Faga1939
Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
Este certificado confirma que Gabriel de Mattos Faustino concluiu com sucesso um curso de 42 horas de Gestão Estratégica de TI - ITIL na Escola Virtual entre 19 de fevereiro de 2014 a 20 de fevereiro de 2014.
17. • Economizar 1kb significa:
• Em 1 hora = 180GB
Fonte: http://jaydson.org/talks/x-web-performance/
18. • Economizar 1kb significa:
• Em 1 dia = 4.2TB
Fonte: http://jaydson.org/talks/x-web-performance/
19.
20. • + 15.000.000 de acessos por dia
• De 3mb para 267kb
• De 7.5s para 4.3s
Fonte: http://www.slideshare.net/keppelen/performance-frontend-front-in-macei/
21. • Diminuir 3.2s resultou em:
• Redução de custo em servidores de
R$ 16.000,00 por dia
Fonte: http://www.slideshare.net/keppelen/performance-frontend-front-in-macei/
22. • Diminuir 3.2s resultou em:
• Aumento de receita de
R$ 1.000.000,00 por dia
Fonte: http://www.slideshare.net/keppelen/performance-frontend-front-in-macei/
33. normal
#25
<p>Lorem ipsum dolor sit amet.</p>
<!-- My List -->
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
34. comprimido
#25
<p>Lorem ipsum dolor sit amet.</
p><ul><li><a href="#"></a></li><li><a
href="#"></a></li><li><a href="#"></a></
li></ul>
59. key selector
header nav ul li * { /* Péssimo */ }
header nav ul li a { /* Muito Ruim */ }
nav a { /* Ruim */ }
nav a.nav-link { /* Bom */ }
nav .nav-link { /* Ótimo */ }
.nav-link { /* Excelente */ }
#19