Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Bruno Rodrigo S. Souza
Instruções de como configurar um Servidor para WordPress com o EasyEngine da RTCamp.
Veja o vídeo da configuração no link: https://youtu.be/kiAKyDHlHiM
Técnicas de frontend para aplicações django - PythonBrasil[9]Rael Max
O frontend de aplicações web tem importância tão grande quanto o backend para o sucesso do projeto, veremos aqui algumas dicas básicas de otimização de frontend em aplicações django.
Não é fácil escrever uma biblioteca confortável de usar. É difícil agradar a todos. Mas também é difícil agradar até quem acha que a nossa biblioteca faz algo útil. Não é fácil nem mesmo quando fazemos algo reusável só para nós mesmos.
Ainda bem que muitos outros programadores já erraram antes de nós. E existem em Python e fora dele diversos exemplos de boas libs nas quais podemos nos inspirar.
Essa palestra resumirá o que torna uma biblioteca boa, de acordo com nossa experiência e com a experiência de outros programadores que já escreveram sobre isso. Algumas características de boas bibliotecas são:
- Alta Consistência
- Muitos dados puros
- Baixa Verbosidade
- Respeito ao Principle of Least Astonishment
- Alta Extensibilidade
- Baixa Retenção
- Vários níveis de abstrações
- Alta granularidade
- Interesses claros e separados
- Pythonica
Como você pode ver, alguns aspectos acima são similares ao Zen of Python. Por isso também mostraremos funcionalidades do Python que ajudam a programar boas interfaces. Além disso, para resumir tudo definiremos um checklist que você poderá usar sempre que for escrever um módulo reusável. Esperamos que isso ajude você a programar melhor, o que certamente agradará seus parceiros de trabalho e a comunidade.
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Bruno Rodrigo S. Souza
Instruções de como configurar um Servidor para WordPress com o EasyEngine da RTCamp.
Veja o vídeo da configuração no link: https://youtu.be/kiAKyDHlHiM
Técnicas de frontend para aplicações django - PythonBrasil[9]Rael Max
O frontend de aplicações web tem importância tão grande quanto o backend para o sucesso do projeto, veremos aqui algumas dicas básicas de otimização de frontend em aplicações django.
Não é fácil escrever uma biblioteca confortável de usar. É difícil agradar a todos. Mas também é difícil agradar até quem acha que a nossa biblioteca faz algo útil. Não é fácil nem mesmo quando fazemos algo reusável só para nós mesmos.
Ainda bem que muitos outros programadores já erraram antes de nós. E existem em Python e fora dele diversos exemplos de boas libs nas quais podemos nos inspirar.
Essa palestra resumirá o que torna uma biblioteca boa, de acordo com nossa experiência e com a experiência de outros programadores que já escreveram sobre isso. Algumas características de boas bibliotecas são:
- Alta Consistência
- Muitos dados puros
- Baixa Verbosidade
- Respeito ao Principle of Least Astonishment
- Alta Extensibilidade
- Baixa Retenção
- Vários níveis de abstrações
- Alta granularidade
- Interesses claros e separados
- Pythonica
Como você pode ver, alguns aspectos acima são similares ao Zen of Python. Por isso também mostraremos funcionalidades do Python que ajudam a programar boas interfaces. Além disso, para resumir tudo definiremos um checklist que você poderá usar sempre que for escrever um módulo reusável. Esperamos que isso ajude você a programar melhor, o que certamente agradará seus parceiros de trabalho e a comunidade.
Provavelmente se você trabalha com desenvolvimento já deve ter ouvido falar em Grunt e Bower. Mas você sabe qual a função de cada um? Pra que servem? Nessa rápida talk iremos abordar os conceitos e diferenças entre ambos, além de dicas de uso para que você e seu time não caiam em pegadinhas que podem atrapalhar o desenvolvimento.
Node.js: 5 razões para começar a utilizarFilipe Falcão
5 razões para te convencer a adicionar o Node a sua stack back-end. Nessa talk, mostro as principais características que tornam o Node uma escolha bastante interessante para sua aplicação.
Um bom fluxo de trabalho para desenvolvimento web passa por 3 etapas: montar um servidor local adequado, usar ferramentas que te ajudem a escrever código de qualidade e saber como encontrar bugs de forma ágil e precisa. Nessa palestra vou demonstrar as ferramentas open-source que uso todos os dias para desenvolver com rapidez, qualidade e segurança: WP Local Docker, Xdebug e os padrões de projeto da 10up.
Desenvolver um projeto não se trata apenas de escrever código funcional. Legibilidade, modularização, acoplamento, portabilidade, complexidade e documentação são todas métricas importantíssimas para se produzir código de qualidade. Respondendo perguntas como:
Como organizar os arquivos no projeto?
Quais bibliotecas podem ajudar a tormar sua aplicação mais robusta e melhorar seu código?
Como organizar seu ambiente de desenvolvimento, staging e produção?
O que são boas e más práticas de desenvolvimento?
vamos debater como e quais ferramentas e padrões podem nos ajudar a desenvolver código de qualidade, sem que seja preciso muito esforço.
Palestra feita na Season por mim, Priscila Sato, em nome do grupo PHPSP.
Palestra sobre Windows Azure e como começar a trabalhar com ele e uns exemplos de código usando o SDK oficial.
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.
This lightning talk was gave on Meetup Ionic Mato Grosso.
This app was developed for demo purposes using Ionic and PouchDB for offline first apps. So I'm sharing the code for those who are interested in studying.
Na estréia da série sobre Node.js, vamos falar sobre a história e as principais caraterísticas da plataforma como o V8, event loop e thread pool.
Vamos mostrar por meio de diversos exemplos como o Node.js funciona e quais são os aspectos importantes em termos de escalabilidade e performance.
https://www.youtube.com/watch?v=KtDwdoxQL4A
Home viva do design da interface até a programação do sistemaLeo Baiano
Home viva é aquela em que o desenho da interface e a gestão do conteúdo são integradas e altamente customizáveis permitindo à equipe de editores ampla liberdade para criar conteúdos com diferentes estruturas visuais.
Nesta apresentação vamos demonstrar como funciona o processo de criação gráfica e o desenvolvimento do sistema utilizando o customizer e criando de widgets que permitem à equipe de conteúdo atualizar a página inicial em tempo real, e ainda, com a integração do google analytics, avaliar quais estruturas visuais dão os melhores resultados.
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosValério Souza
Essa palestra terá como foco o uso do WordPress para a criação de conteúdo. Plugins, dicas e funcionalidades extras de como trabalhar no Painel do WordPress com um foco especial para Jornalistas, Publicitários, Blogueiros e Redatores em geral.
Provavelmente se você trabalha com desenvolvimento já deve ter ouvido falar em Grunt e Bower. Mas você sabe qual a função de cada um? Pra que servem? Nessa rápida talk iremos abordar os conceitos e diferenças entre ambos, além de dicas de uso para que você e seu time não caiam em pegadinhas que podem atrapalhar o desenvolvimento.
Node.js: 5 razões para começar a utilizarFilipe Falcão
5 razões para te convencer a adicionar o Node a sua stack back-end. Nessa talk, mostro as principais características que tornam o Node uma escolha bastante interessante para sua aplicação.
Um bom fluxo de trabalho para desenvolvimento web passa por 3 etapas: montar um servidor local adequado, usar ferramentas que te ajudem a escrever código de qualidade e saber como encontrar bugs de forma ágil e precisa. Nessa palestra vou demonstrar as ferramentas open-source que uso todos os dias para desenvolver com rapidez, qualidade e segurança: WP Local Docker, Xdebug e os padrões de projeto da 10up.
Desenvolver um projeto não se trata apenas de escrever código funcional. Legibilidade, modularização, acoplamento, portabilidade, complexidade e documentação são todas métricas importantíssimas para se produzir código de qualidade. Respondendo perguntas como:
Como organizar os arquivos no projeto?
Quais bibliotecas podem ajudar a tormar sua aplicação mais robusta e melhorar seu código?
Como organizar seu ambiente de desenvolvimento, staging e produção?
O que são boas e más práticas de desenvolvimento?
vamos debater como e quais ferramentas e padrões podem nos ajudar a desenvolver código de qualidade, sem que seja preciso muito esforço.
Palestra feita na Season por mim, Priscila Sato, em nome do grupo PHPSP.
Palestra sobre Windows Azure e como começar a trabalhar com ele e uns exemplos de código usando o SDK oficial.
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.
This lightning talk was gave on Meetup Ionic Mato Grosso.
This app was developed for demo purposes using Ionic and PouchDB for offline first apps. So I'm sharing the code for those who are interested in studying.
Na estréia da série sobre Node.js, vamos falar sobre a história e as principais caraterísticas da plataforma como o V8, event loop e thread pool.
Vamos mostrar por meio de diversos exemplos como o Node.js funciona e quais são os aspectos importantes em termos de escalabilidade e performance.
https://www.youtube.com/watch?v=KtDwdoxQL4A
Home viva do design da interface até a programação do sistemaLeo Baiano
Home viva é aquela em que o desenho da interface e a gestão do conteúdo são integradas e altamente customizáveis permitindo à equipe de editores ampla liberdade para criar conteúdos com diferentes estruturas visuais.
Nesta apresentação vamos demonstrar como funciona o processo de criação gráfica e o desenvolvimento do sistema utilizando o customizer e criando de widgets que permitem à equipe de conteúdo atualizar a página inicial em tempo real, e ainda, com a integração do google analytics, avaliar quais estruturas visuais dão os melhores resultados.
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosValério Souza
Essa palestra terá como foco o uso do WordPress para a criação de conteúdo. Plugins, dicas e funcionalidades extras de como trabalhar no Painel do WordPress com um foco especial para Jornalistas, Publicitários, Blogueiros e Redatores em geral.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.Nícholas André
Palestra Apresentada no WordCamp Salvador 2014, ensinando como desenvolver Portais com sites interligados utilizando Multisite.
https://github.com/nicholasio
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Nancy Thanki
There are over 20 million blind adults in the United States, approximately 10% of whom use screen readers to access the internet. Likewise, roughly 8% of men and 0.5% of women have some form of color blindness. Many government contracts are beginning to require websites to be accessible and many companies who are not legally required to build accessible websites are starting to do it regardless. What goes into making a website accessible? How can you determine whether or not your website is? This presentation will discuss both tools and techniques that can help you build accessible websites.
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...Chipway
Comment fonctionnent le projet et la communauté open source Drupal ?
Présentation du fonctionnement de la communauté Drupal qui développe le logiciel libre Drupal : son organisation, modèle économique, revue de projet et transmission entre mainteneurs, ... pour lancer la discussion avec la communauté WordPress.
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016Sylvie Clément
Retours d'expérience sur la réalisation de 4 sites communautaires différents avec WordPress et son extension BuddyPress : un site participatif, un site associatif, une plateforme de mise en relation et un réseau social.
Conférence faite au WordCamp Paris 2016
WordPress em sua estratégia de marketingGuga Alves
O que todo desenvolvedor WordPress deve saber para utilizar estrategias de marketing durante a fase de planejamento e implementação de projetos de sucesso
Todos os recursos mais interessantes incluídos no painel administrativo do CMS serão explorados a fundo, mostrando na prática os benefícios trazidos por cada um deles para quem não sabe programar.
Startups com WordPress - Tirando a sua ideia do papelLeonardo Velozo
Palestra apresentada no WordCampBH e RJ 2016 pelo Léo Velozo. Dicas de otimização e plugins para o WordPress. Também foi citado as ferramentas Hotjar e Autopilot.
Tire a sua ideia do papel!
O conteúdo das suas postagens pode alavancar páginas principais com conversões importantes. Essa apresentação foi uma small-talk de 15 minutos no WordCamp RJ 2015 onde dei algumas dicas valiosas de como criar uma estratégia de conteúdo com foco nas suas palavras-chave mais importantes.
Wordcamp paris 2016 - La REST API, une review techniqueNicolas Juen
La WP REST API est là ! Mais quelles sont les implications techniques ?
Nous allons faire le tour de la partie technique qui se cache derrière /wp-json/ mais aussi les possibilités en Javascript pour rendre son site plus dynamique et rapide !
Découvrons ensemble les mutiples facettes et possibilités de la WP API qui attend le/la dev en embuscade.
Architecture de l'information pour WordPressBenjamin LUPU
Organisez vos contenus avec WordPress pour que vos utilisateurs trouvent ce qu'ils cherchent et que vo contenus soient pérennes. Une présentation du WordCamp Paris 2016.
Em 15 minutos procurei abordar dois tópicos importantes no Design Responsivo a estrutura e o uso condicional de imagens.
Quanto a estrutura o foco foi o uso de uma grid para facilitar a divisão de regiões.
Para as imagens falei um pouco sobre a recursos do HTML 5 que permitem carregar imagens de acordo com o dispositivo do usuário.
Por fim exibi alguns bons exemplos de sites responsivos.
Desenvolvendo Sistema Cloud e Web Full-stack DeveloperCesar Romero
TDC 2018 - Trilha Delphi
Repositório https://github.com/cesarliws/full-stack-tdc-poa
Introdução as plataformas web e cloud.
Como criar um servidor back-end cloud com Delphi MVC Framework simples, eficiente, alto desempenho e de fácil manutenção.
Como criar front-end web rapidamente com a biblioteca React.js, para consumir o back-end criado com Delphi MVC Framework.
* Introdução a Plataforma Web e Cloud
* Servidor RESTful com DMVC Framework e FireDAC
* Introdução ao Desenvolvimento front-end JavaScript com React.js
Reinventar a roda a cada novo framework js, vale a pena?Fernanda Bernardo
Frameworks JS são criados a todo momento no mundo Front End. Mas como tomar a decisão de qual framework escolher, ou até mesmo não utilizar nenhum framework e desenvolver tudo internamente?
Nessa talk contarei como foi o processo de optar pela construção de uma arquitetura isomórfica no Elo7, utilizando o mínimo de frameworks possíveis, construindo tudo de forma pura em um projeto usando conceitos presentes em diversos frameworks como por exemplo: server side rendering, DOM diffing, reutilização de código com isomorfismo, web components, entre outros. Compartilharei também as descobertas e aprendizados nesse processo.
Apresentação das novidades do Entity Framework 5.0, incluindo: novo modelo de mapeamento Code First, DbContext API, melhorias de performance e como contribuir
para o projeto.
O titulo é click bait mas a talk não. Todo mundo que se encanta pelo WordPress, e quer começar a desenvolver, principalmente se vem de outras linguagens, fica na dúvida; posso usar namespaces? Autoload? Usar WordPress Coding Standards ou PSRs?
Quando usar um Plugin e quando fazer meu código? O que é do tema e o que é do Plugin?
CSS en los últimos años, fuera de la red CSS, no ha traído muchas características nuevas. Pero durante el año pasado, surgieron docenas de nuevas características para CSS, abriendo una nueva posibilidad para el diseño de aplicaciones web. Y WordPress no quedó al margen de estas novedades.
¿Cómo afectan las nuevas características como consultas de contenedores, capas, subcuadrículas y :has() al desarrollo de la interfaz? En esta charla descubrirás cómo.
Simulemos situaciones cotidianas, viendo cómo podemos beneficiarnos de estos nuevos recursos.
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...Fellyph Cintra
CSS en los últimos años, fuera de la red CSS, no trajo muchos desarrollos nuevos. Pero en el último año, aparecieron decenas de nuevas funcionalidades para CSS abriendo una nueva posibilidad para diseñar aplicaciones web. Y WordPress no se quedó fuera de estas nuevas funcionalidades.
¿Cómo afectan las nuevas características como las consultas de contenedores, las capas, la subcuadrícula y :has() al desarrollo de temas de WordPress? En esta charla descubrirás cómo.
Simulemos nuestras situaciones del día a día, viendo cómo podemos beneficiarnos de estas nuevas funciones.
Page experience is the set of signals that are part of the ranking factors on the Google search, 2021 those metrics got the attention of millions of WordPress websites. But why those metrics are so important and how does it help to understand how is the experience of users interacting on a web page. Core Web Vitals, mobile-friendly, no intrusive experience why those terms matter, and how you can archive those items.
In this talk, we’re going to ride on the road of page experience and give our users the best experience improving the Core Web Vitals metrics in our website and get tips on how to improve items such as Largest Contentful Paint (LCP), First Input Delay (FID) and Cumulative Layout Shift (CLS) in our WordPress website.
Web stories the new visual storytelling format for the webFellyph Cintra
The web-based version of "Stories", called Web Stories got special attention this year. A free and open-web format that blend video, audio, images, animation, and text to create engaging visual narratives now became part of the listed content on search, Google Images and Google Discovery.
Learn about how to create web stories, what are the best practices that you keep in mind and finally how to analyse your results.
Machine learning for mortal developers - Dublin.JSFellyph Cintra
Machine Learning is one of the most trendy things in IT world right now, a bunch of new services pop-up every single moment, large companies have started to implement different features that utilise Machine Learning(ML). But.... how mortal developers and small and medium business can effectively use machine learn to improve their solutions?
In this talk, we are going to discuss the basic concepts around ML and using high-level libraries in JavaScript to implement on our project. Described as a friendly Machine Learning library ml5.js will be our entry door to the Machine Learning world.
Machine learning for mortal developers - Fellyph CintraFellyph Cintra
Machine Learning is one of the most trendy things in IT world right now, a bunch of new services pop-up every single moment, large companies have started to implement different features that utilise Machine Learning(ML). But.... how mortal developers and small and medium business can effectively use machine learn to improve their solutions?
In this talk, we are going to discuss the basic concepts around ML and using high-level libraries in JavaScript to implement on our project. Described as a friendly Machine Learning library ml5.js will be our entry door to the Machine Learning world.
To wrap up the introduction journey, we will see how we can use ml5.js in a real project. As I mentioned before ml5.js is a Javascript library - the talk is focused on a front-end stack but is open for people who want to learn more about the basic concepts behind machine learning.
Let's get coding!!!
Using machine learning to improve our WordPress applicationFellyph Cintra
Machine Learning is one of the most trendy things in IT world right now, a bunch of new services pop-up every single moment, large companies have started to implement different features that utilise Machine Learning(ML). But…. how mortal developers and small and medium business can effectively use machine learn to improve their solutions?
In this talk, we are going to discuss the basic concepts around ML and using high-level libraries in JavaScript to implement on ourWordPress Application, described as a friendly Machine Learning library ml5.js will be our entry door to the Machine Learning world.
To wrap up the introduction journey, we will see how we can use ml5.js in a real project. As I mentioned before ml5.js is a Javascript library – the talk is focused on a front-end stack but is open for people who want to learn more about the basic concepts behind machine learning.
Let’s get coding!!!
In this presentation we are going to see basic concepts about web accessibility: Focus, sematics and wai-aria.
Understand the categories and temporalities related to accessibility and see how we can apply to our daily work
At this talk, as a front-end developer, I'll share my experience from WordCamp Europe 2019. What were the key releases at the event? Gutenberg was my favourite subject for sure, then other front-end web technologies such as AMP, PWA and web components.
In this presentation, I will discuss the release of AMP plugin 1.2, and what is new in Gutenberg 6.0, what are the break changes in this version, and more
Dublin js 2019 Fellyph Ctintra - Why use web components?Fellyph Cintra
Web components have been around since the first spec was written in 2011, but they only started getting full support from the main browsers in 2018. And this year I decided to give a chance to web components and after my first project with web components what I've learned from that? In this talk, I'll discuss the four key specs that make the magic of web components happen and explain how they can help improve our workflow.
After showcasing the advantages of using web components, I will explain how to use web components in an environment with different applications and highlight the tools and developer guides.
Work smart with Gutenberg - Fellyph CintraFellyph Cintra
Gutenberg, Blocks, React, ECMAScript 6, Babel, Webpack, NPM… What the heck? Gutenberg was shipped last year and arrived with a bunch of new terms and technologies. In this presentation, you're going to see, how to create your own Gutenberg Block, the basic key concepts to a workable project. As an example I’m going to present a Digital Agency kit - a project with some of the most common types of content for a digital agency website: Testimonial area, projects list, services list, social media information, contact information. We will convert from those common elements into a Gutenberg block and make them reusable to improve our development team experience.
Progressive Web Apps (PWA) is a concept related to user experience especially for mobile users, where the focus is to deliver websites that are Reliable, Fast and Engaging.
PWA became so popular the past year but how can we apply it to our WordPress projects?
On this technical presentation, We are going to apply step-by-step features as home screen button, service worker, cache API and accessing native features as a native APP in a real project.
Amp for WordPress - Tech lunch Inspiration MarketingFellyph Cintra
This presentation is about the benefits of using AMP in a Website and how to use AMP in a WordPress website. The plugins necessary to use AMP and how to test your website.
7. AGENDA
• Trabalhando com WordPress
• Carregando o JavaScript de maneira correta
• Required JS
• Otimização no JavaScript
• Organização de código
• Performance
• Extra
28. • Em 2013 o WordPress passou a utilizar o
Require JS como gerenciador de
dependências do JavaScript
• Ele é baseado no padrão AMD
29. AMD
• Asynchronous Module Definition (AMD) é
uma especificação para carregamento de
Scripts em módulos.
• Em uma estrutura que suas dependências
possam ser carregadas de forma assíncrona.
30. ESPECIFICAÇÕES DO AMD
• Iniciar o método define com os seguintes
parâmetros :
• identificador
• dependências
• factory
42. OTIMIZAÇÃO NO FRONT
• Evite níveis desnecessário em seu
DOM(HTML)
• Minimize as regras do seu CSS, remova regras
não utilizadas
• Caso necessite de animações complexas utilize,
position: absolute ou fixed para seus elementos.
43. OTIMIZAÇÃO NO FRONT
• Minimizar o total de requests
• Paralelizar requests
• Compactação e otimização de
conteúdo(JS, CSS e imagens)