SlideShare a Scribd company logo
Evolução das
animações na web
Maurício Samy Silva
Maujor
http://kwz.me/AZ http://kwz.me/DC http://kwz.me/Dh maujor@maujor.com
Animações na web
1993 – (HTML+)
Navegador Mosaic 1.0
implementa a tag <img>
GIF Animada
GIF Animada
GIF Animada
Animações na web
1995 – HTML 2
Navegador IE 2.0
implementa as tags
proprietárias
<marquee> e <embed>
Elemento <marquee>
Animações na web
1996 – Macromedia
Flash 1.0
Animações na web
1996 - Navegador IE 3.0
implementa a linguagem
jscript
var el = document.getElementById('ele');
el.style.left = '0px';
el.style.top = '0px';
function animar() {
el.style.left = parseInt(el.style.left) + 2 + 'px';
el.style.top = parseInt(el.style.top) + 1 + 'px';
.
};
window.onload = animar();
<script></script>
setTimeout(animar, 50);
DHTML
Exemplo 1
Exemplo 2
Exemplo 3
http://dynamicdrive.com
Maujor
http://kwz.me/AX
<animate
attributeName="fill-opacity"
keyTimes="0; 0.47; 0.48;
0.55; 0.56; 1"
repeatCount="indefinite"
values="1; 1; 0; 0; 1; 1;"
dur="4s"
begin="2s"/>
SVG + SMIL
<style></style>
2009 – HTML4.01 e XHTML 1.0
Navegador Chrome 4.0
implementa animação CSS3
transition e animation
1996 2009 (13 anos)
HTML5
HTML5
<canvas> e <video>
2009
Especificações do W3C
Criadas em março 2009
transition:
http://www.w3.org/TR/css3-transitions/
animation:
http://www.w3.org/TR/css3-animations/
Transitions
button {
background: red;
...
}
button:hover {
background: green;
...
}
Transition
button {
background: red;
transition: background 2s ease-out;
}
button:hover {
background: green;
}
Transition
Transition
sem
transition
com
transition
:hover
button {
background: green;
font: 140px sans-serif;
border: 5px solid #fff;
color: red;
transition: all 2s ease-out;
}
Transition
button {
background: green;
font: 140px sans-serif;
border: 5px solid #fff;
color: red;
transition: 2s ease-out;
}
Transition
el {
transition-property: propriedade;
transition-duration: 2s;
transition-timing-function: ease;
transition-delay: 500ms;
}
Transition
Sintaxe
el {
transition: propriedade 2s ease 1s;
}
Transition
Sintaxe
transition-property
transition-duration
transition-timing-function
transition-delay
transition
Transition
transition-timing-function
keyword
steps()
cubic-bezier()
Transition
keyword
linear ease
ease-in ease-out ease-in-out
steps()
steps(8, start) steps(8, end)
steps()
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(.6, .1, .15, .7)
cubic-bezier(1, .3, .7, 0)
cubic-bezier(1, .3, .7, 0)
cubic-bezier
Traçado da curva de Bezier online
http://cubic-bezier.com
Animations
@keyframes animar {
from { left: 0; }
to { left: 90%;}
}
Animation
@keyframes animar {
0% { left: 0; }
100% { left: 90%;}
}
@keyframes animar {
to { left: 80em;}
}
Animation
@keyframes animar {
0% { left: 0; }
25% { left: 600px; }
75% { left: 950px; }
100% { left: 1200px;}
}
Animation
Animação com animation dispara em
dois momentos:
1. Carregamento da página (e estilos);
2. Aplicação de estilo por script.
div.ani { …
animation: animar 6s linear infinite alternate;
}
Animation
<script>
var el = document.getElementById(“a”);
el.onclick = function() {
this.className = “ani";
}
</script>
Animation
<div class=“ani”>...</div>
<div id=“a”>...</div>
animation-name
animation-duration
animation-delay
animation-timing-function
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
Animation
animation-direction
normal
alternate
reverse
alternate-reverse
Animation
Animation
Para as direções reverse e
alternate-reverse a função de
animação também reverte.
ease-in ease-out
animation-play-state
running
paused
Animation
transition x animation
animation
transition
http://kwz.me/Da
Em 2012 para comemorar 182 anos de
Eadweard J. Muybridge, fotógrafo
inglês, precursor da película de celulóide,
usada ainda hoje.
Google doodle
API Motion Path
API Motion Path
API Timing Control
setTimeout()
setInterval()
requestAnimationFrame()
API Timing Control
API Web Animations
var animation = elem.animate([
{color:“#000",background:"#0cf",transform:rotate(0deg)"},
{color:"#f90",background:"#03c",transform:"rotate(120deg)"},
{color:"#f90",background:"#03c",transform:"rotate(240deg)"},
{color:"#000",background:"#0cf",transform:"rotate(360deg)"
], {
direction: 'linear',
duration: 10000,
iterations: Infinity
});
API Web Animations
API Web Animations
Obrigado

More Related Content

Viewers also liked

00 introduccion
00 introduccion00 introduccion
00 introduccion
clasesteologia
 
Webinar employer brand_slideshare
Webinar employer brand_slideshareWebinar employer brand_slideshare
Webinar employer brand_slideshare
Rebecca Feldman
 
Making Mobile the Default
Making Mobile the DefaultMaking Mobile the Default
Making Mobile the Default
gvwebteam
 
Erwin Vanderkoogh The science behind self-organisation
Erwin Vanderkoogh  The science behind self-organisationErwin Vanderkoogh  The science behind self-organisation
Erwin Vanderkoogh The science behind self-organisation
Scrum Australia Pty Ltd
 
Data Mining - lecture 5 - 2014
Data Mining - lecture 5 - 2014Data Mining - lecture 5 - 2014
Data Mining - lecture 5 - 2014
Andrii Gakhov
 
Pulse Terms of Service
Pulse Terms of ServicePulse Terms of Service
Pulse Terms of Service
pulseweb
 
Dj Growthtown Feb09
Dj Growthtown Feb09Dj Growthtown Feb09
Dj Growthtown Feb09
David Jones
 
Renewable energy 3_of_3
Renewable energy 3_of_3Renewable energy 3_of_3
Renewable energy 3_of_3
Laura Smith
 
Bacterias
BacteriasBacterias
Bacterias
UEA
 
Introduction to Chemoinfornatics
Introduction to ChemoinfornaticsIntroduction to Chemoinfornatics
Introduction to Chemoinfornatics
SSA KPI
 
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSONADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
Shahrukh Hussain
 
ゼーガペイン ファン活動の記録
ゼーガペイン ファン活動の記録ゼーガペイン ファン活動の記録
ゼーガペイン ファン活動の記録
Youichiro Miyake
 

Viewers also liked (12)

00 introduccion
00 introduccion00 introduccion
00 introduccion
 
Webinar employer brand_slideshare
Webinar employer brand_slideshareWebinar employer brand_slideshare
Webinar employer brand_slideshare
 
Making Mobile the Default
Making Mobile the DefaultMaking Mobile the Default
Making Mobile the Default
 
Erwin Vanderkoogh The science behind self-organisation
Erwin Vanderkoogh  The science behind self-organisationErwin Vanderkoogh  The science behind self-organisation
Erwin Vanderkoogh The science behind self-organisation
 
Data Mining - lecture 5 - 2014
Data Mining - lecture 5 - 2014Data Mining - lecture 5 - 2014
Data Mining - lecture 5 - 2014
 
Pulse Terms of Service
Pulse Terms of ServicePulse Terms of Service
Pulse Terms of Service
 
Dj Growthtown Feb09
Dj Growthtown Feb09Dj Growthtown Feb09
Dj Growthtown Feb09
 
Renewable energy 3_of_3
Renewable energy 3_of_3Renewable energy 3_of_3
Renewable energy 3_of_3
 
Bacterias
BacteriasBacterias
Bacterias
 
Introduction to Chemoinfornatics
Introduction to ChemoinfornaticsIntroduction to Chemoinfornatics
Introduction to Chemoinfornatics
 
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSONADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
ADAARAN CLUB RANNALHI 5 DAYS & 4 NIGHTS FOR USD 806 PER PERSON
 
ゼーガペイン ファン活動の記録
ゼーガペイン ファン活動の記録ゼーガペイン ファン活動の記録
ゼーガペイン ファン活動の記録
 

Similar to FrontinFortaleza 2015

Html5
Html5Html5
Css3
Css3Css3
Interface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit MobileInterface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit Mobile
David Aurelio
 
[A5]deview 2012 pt hds webkit_gpu
[A5]deview 2012 pt hds webkit_gpu[A5]deview 2012 pt hds webkit_gpu
[A5]deview 2012 pt hds webkit_gpu
NAVER D2
 
How to build a html5 websites.v1
How to build a html5 websites.v1How to build a html5 websites.v1
How to build a html5 websites.v1
Bitla Software
 
Interactive Vector-Graphics in the Browser
Interactive Vector-Graphics in the BrowserInteractive Vector-Graphics in the Browser
Interactive Vector-Graphics in the Browser
tec
 
I Can't Believe It's Not Flash
I Can't Believe It's Not FlashI Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Thomas Fuchs
 
Make your animations perform well
Make your animations perform wellMake your animations perform well
Make your animations perform well
Anna Migas
 
Make Your Animations Perform Well - JS Conf Budapest 2017
Make Your Animations Perform Well - JS Conf Budapest 2017 Make Your Animations Perform Well - JS Conf Budapest 2017
Make Your Animations Perform Well - JS Conf Budapest 2017
Anna Migas
 
UIWebViewでつくるUI
UIWebViewでつくるUIUIWebViewでつくるUI
UIWebViewでつくるUI
cocopon
 
[wcatx] Adaptive Images in Responsive Web Design
[wcatx] Adaptive Images in Responsive Web Design[wcatx] Adaptive Images in Responsive Web Design
[wcatx] Adaptive Images in Responsive Web Design
Christopher Schmitt
 
CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the World
Jonathan Snook
 
Pure css-image-rollovers
Pure css-image-rolloversPure css-image-rollovers
Pure css-image-rollovers
Daniel Downs
 
Илья Пухальский (EPAM Systems)
Илья Пухальский (EPAM Systems)Илья Пухальский (EPAM Systems)
Илья Пухальский (EPAM Systems)
Ontico
 
"Conditionally adaptive" Vadim Makeev
"Conditionally adaptive" Vadim Makeev"Conditionally adaptive" Vadim Makeev
"Conditionally adaptive" Vadim Makeev
Fwdays
 
Design+Performance Velocity 2015
Design+Performance Velocity 2015Design+Performance Velocity 2015
Design+Performance Velocity 2015
Steve Souders
 
PreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 TricksPreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 Tricks
incidentist
 
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
Anna Migas
 
Make your animations perform well - Anna Migas - Codemotion Rome 2017
Make your animations perform well - Anna Migas - Codemotion Rome 2017Make your animations perform well - Anna Migas - Codemotion Rome 2017
Make your animations perform well - Anna Migas - Codemotion Rome 2017
Codemotion
 
Angular animate
Angular animateAngular animate
Angular animate
Yating Chatiron
 

Similar to FrontinFortaleza 2015 (20)

Html5
Html5Html5
Html5
 
Css3
Css3Css3
Css3
 
Interface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit MobileInterface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit Mobile
 
[A5]deview 2012 pt hds webkit_gpu
[A5]deview 2012 pt hds webkit_gpu[A5]deview 2012 pt hds webkit_gpu
[A5]deview 2012 pt hds webkit_gpu
 
How to build a html5 websites.v1
How to build a html5 websites.v1How to build a html5 websites.v1
How to build a html5 websites.v1
 
Interactive Vector-Graphics in the Browser
Interactive Vector-Graphics in the BrowserInteractive Vector-Graphics in the Browser
Interactive Vector-Graphics in the Browser
 
I Can't Believe It's Not Flash
I Can't Believe It's Not FlashI Can't Believe It's Not Flash
I Can't Believe It's Not Flash
 
Make your animations perform well
Make your animations perform wellMake your animations perform well
Make your animations perform well
 
Make Your Animations Perform Well - JS Conf Budapest 2017
Make Your Animations Perform Well - JS Conf Budapest 2017 Make Your Animations Perform Well - JS Conf Budapest 2017
Make Your Animations Perform Well - JS Conf Budapest 2017
 
UIWebViewでつくるUI
UIWebViewでつくるUIUIWebViewでつくるUI
UIWebViewでつくるUI
 
[wcatx] Adaptive Images in Responsive Web Design
[wcatx] Adaptive Images in Responsive Web Design[wcatx] Adaptive Images in Responsive Web Design
[wcatx] Adaptive Images in Responsive Web Design
 
CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the World
 
Pure css-image-rollovers
Pure css-image-rolloversPure css-image-rollovers
Pure css-image-rollovers
 
Илья Пухальский (EPAM Systems)
Илья Пухальский (EPAM Systems)Илья Пухальский (EPAM Systems)
Илья Пухальский (EPAM Systems)
 
"Conditionally adaptive" Vadim Makeev
"Conditionally adaptive" Vadim Makeev"Conditionally adaptive" Vadim Makeev
"Conditionally adaptive" Vadim Makeev
 
Design+Performance Velocity 2015
Design+Performance Velocity 2015Design+Performance Velocity 2015
Design+Performance Velocity 2015
 
PreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 TricksPreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 Tricks
 
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
 
Make your animations perform well - Anna Migas - Codemotion Rome 2017
Make your animations perform well - Anna Migas - Codemotion Rome 2017Make your animations perform well - Anna Migas - Codemotion Rome 2017
Make your animations perform well - Anna Migas - Codemotion Rome 2017
 
Angular animate
Angular animateAngular animate
Angular animate
 

More from Mauricio Maujor

Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?
Mauricio Maujor
 
O que o Maujor viu no Vue
O que o Maujor viu no VueO que o Maujor viu no Vue
O que o Maujor viu no Vue
Mauricio Maujor
 
CSS - Uma tecnologia em constante evolução
CSS - Uma tecnologia em constante evoluçãoCSS - Uma tecnologia em constante evolução
CSS - Uma tecnologia em constante evolução
Mauricio Maujor
 
FlexBox - Uma visão geral
FlexBox - Uma visão geralFlexBox - Uma visão geral
FlexBox - Uma visão geral
Mauricio Maujor
 
O elemento PICTURE para imagens responsivas
O elemento PICTURE para imagens responsivasO elemento PICTURE para imagens responsivas
O elemento PICTURE para imagens responsivas
Mauricio Maujor
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
Mauricio Maujor
 
Papo de Dinossauro
Papo de DinossauroPapo de Dinossauro
Papo de Dinossauro
Mauricio Maujor
 
Meetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SPMeetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SP
Mauricio Maujor
 
SVG - De volta e para o futuro
SVG - De volta e para o futuroSVG - De volta e para o futuro
SVG - De volta e para o futuro
Mauricio Maujor
 
Front in sampa2014
Front in sampa2014Front in sampa2014
Front in sampa2014
Mauricio Maujor
 
Regra @font-face das CSS 3
Regra @font-face das CSS 3Regra @font-face das CSS 3
Regra @font-face das CSS 3
Mauricio Maujor
 

More from Mauricio Maujor (11)

Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?
 
O que o Maujor viu no Vue
O que o Maujor viu no VueO que o Maujor viu no Vue
O que o Maujor viu no Vue
 
CSS - Uma tecnologia em constante evolução
CSS - Uma tecnologia em constante evoluçãoCSS - Uma tecnologia em constante evolução
CSS - Uma tecnologia em constante evolução
 
FlexBox - Uma visão geral
FlexBox - Uma visão geralFlexBox - Uma visão geral
FlexBox - Uma visão geral
 
O elemento PICTURE para imagens responsivas
O elemento PICTURE para imagens responsivasO elemento PICTURE para imagens responsivas
O elemento PICTURE para imagens responsivas
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
Papo de Dinossauro
Papo de DinossauroPapo de Dinossauro
Papo de Dinossauro
 
Meetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SPMeetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SP
 
SVG - De volta e para o futuro
SVG - De volta e para o futuroSVG - De volta e para o futuro
SVG - De volta e para o futuro
 
Front in sampa2014
Front in sampa2014Front in sampa2014
Front in sampa2014
 
Regra @font-face das CSS 3
Regra @font-face das CSS 3Regra @font-face das CSS 3
Regra @font-face das CSS 3
 

Recently uploaded

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Zilliz
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
SOFTTECHHUB
 
Data structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdfData structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdf
TIPNGVN2
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 

Recently uploaded (20)

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
 
Data structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdfData structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdf
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 

FrontinFortaleza 2015