The document discusses four emerging web technologies: WebSockets API, Canvas 2D API, Redis, and V8. WebSockets API allows for full-duplex communication between a browser and server without HTTP. Canvas 2D API enables drawing shapes and animations on an HTML canvas element. Redis is an open-source, in-memory data structure store that can be used as a database, cache, and message broker. V8 is the JavaScript engine behind Google Chrome that has also been adopted for server-side use cases when combined with non-blocking infrastructure.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
Presented at the CSTA October 2010 meeting. Explains the difference between HTML5 Family and HTML5 Spec for markup. Also covers the CSS3 features most relevant to teachers.
Become an artisan web analytics practitioner by building your own analytics QA tool. For Adobe Analytics but you could do the same with Google Analytics, A/B testing, tag management, VOC tools and many other analytics tools
A Holistic Approach to HTML5 Game Design & DevelopmentKarl Bunyan
A talk given at the 2nd HTML5 Developer Conference in San Francisco tackling the things that the platform gives you for free (or cheap), the issues with HTML5 game development, and finally some ways to work around known limitations such as sound and animation performance.
6 reasons Jubilee could be a Rubyist's new best friendForrest Chang
(Video here: http://confreaks.com/videos/5014-RubyConf2014-6-reasons-jubilee-could-be-a-rubyist-s-new-best-friend or https://www.youtube.com/watch?feature=player_embedded&v=FFR0G89WXI8)
Rubyconf 2014 talk on Jubilee, a Vert.x module that runs rack apps.
Alternate titles
Beyond Rails while using Rails
Rails can't do everything I want and <fill> makes me want to cry
Rubyconf abstract
Do you do web development in Ruby? Have you been forced to go to node or other technologies just for concurrency/websockets etc. Do miss your gems, and tire of functionality you have to implement from scratch? Do you hate javascript?
Well no need to switch languages/platforms, Jubilee could be your new best friend.
Jubilee, a rack server on top of Vert.x gives you
* Concurrency
* Speed
* Easy Websockets support
* Shared Memory
* Access to the JVM ecosystem
* Ability to reuse your existing Ruby knowledge and gems
"Say Hello to your new friend" - Al Pacino
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
More Related Content
Similar to Building Great Stuff Using Web Technologies
Presented at the CSTA October 2010 meeting. Explains the difference between HTML5 Family and HTML5 Spec for markup. Also covers the CSS3 features most relevant to teachers.
Become an artisan web analytics practitioner by building your own analytics QA tool. For Adobe Analytics but you could do the same with Google Analytics, A/B testing, tag management, VOC tools and many other analytics tools
A Holistic Approach to HTML5 Game Design & DevelopmentKarl Bunyan
A talk given at the 2nd HTML5 Developer Conference in San Francisco tackling the things that the platform gives you for free (or cheap), the issues with HTML5 game development, and finally some ways to work around known limitations such as sound and animation performance.
6 reasons Jubilee could be a Rubyist's new best friendForrest Chang
(Video here: http://confreaks.com/videos/5014-RubyConf2014-6-reasons-jubilee-could-be-a-rubyist-s-new-best-friend or https://www.youtube.com/watch?feature=player_embedded&v=FFR0G89WXI8)
Rubyconf 2014 talk on Jubilee, a Vert.x module that runs rack apps.
Alternate titles
Beyond Rails while using Rails
Rails can't do everything I want and <fill> makes me want to cry
Rubyconf abstract
Do you do web development in Ruby? Have you been forced to go to node or other technologies just for concurrency/websockets etc. Do miss your gems, and tire of functionality you have to implement from scratch? Do you hate javascript?
Well no need to switch languages/platforms, Jubilee could be your new best friend.
Jubilee, a rack server on top of Vert.x gives you
* Concurrency
* Speed
* Easy Websockets support
* Shared Memory
* Access to the JVM ecosystem
* Ability to reuse your existing Ruby knowledge and gems
"Say Hello to your new friend" - Al Pacino
Similar to Building Great Stuff Using Web Technologies (20)
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
6. • I am a natural coder
• I LOVE coding!
• I HOPE you feel the same way.
7. • I am a natural coder
• I LOVE coding!
• I HOPE you feel the same way.
• We have our own language. It changes fast.
8. • I am a natural coder
• I LOVE coding!
• I HOPE you feel the same way.
• We have our own language. It changes fast.
• We do abstract things.
9. • I am a natural coder
• I LOVE coding!
• I HOPE you feel the same way.
• We have our own language. It changes fast.
• We do abstract things.
• “Normal” people think of it as “magic”
10. Eye Candy Intro:
100 Tweets
http://9elements.com/io/projects/html5/canvas/
by 9elements
17. <script />
• Find out supported audio format
<audio>
18. <script />
• Find out supported audio format
<audio> • OGG vs mp3
19. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
20. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
“html5+love”
21. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love”
22. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
23. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
• Instruct dot to move
24. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
• Instruct dot to move
<canvas>
25. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
• Instruct dot to move
• On every frame, draw dots
<canvas>
26. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
• Instruct dot to move
• On every frame, draw dots
<canvas> • Animations are manual
27. <script />
• Find out supported audio format
<audio> • OGG vs mp3
• Set <audio> src accordingly
Twitter Search API Req.
• Search for 100 tweets
“html5+love” • On click, display tweet’s text
• Instruct dot to move
• On every frame, draw dots
<canvas> • Animations are manual
• Beat animation is precoded
29. Selected quotes
from right before launch
• “Nah. It’s not ready.”
30. Selected quotes
from right before launch
• “Nah. It’s not ready.”
• “Look at the code.”
31. Selected quotes
from right before launch
• “Nah. It’s not ready.”
• “Look at the code.”
• “I mean, LOOK AT THE CODE!”
32. Selected quotes
from right before launch
• “Nah. It’s not ready.”
• “Look at the code.”
• “I mean, LOOK AT THE CODE!”
• “Let’s add some more... Stuff?”
33. Selected quotes
from right before launch
• “Nah. It’s not ready.”
• “Look at the code.”
• “I mean, LOOK AT THE CODE!”
• “Let’s add some more... Stuff?”
• “We did similar things with Flash...
34. Selected quotes
from right before launch
• “Nah. It’s not ready.”
• “Look at the code.”
• “I mean, LOOK AT THE CODE!”
• “Let’s add some more... Stuff?”
• “We did similar things with Flash...
• ...10 years ago.”
35. Not showing what you created
is the single biggest mistake
you can possibly make.
69. WebSockets API
• Full-duplex communication channel
• Between Browser and Server
• API is simply awesome
• I can’t possibly handle more bullets
70. WebSockets API
• Full-duplex communication channel
• Between Browser and Server
• API is simply awesome
• I can’t possibly handle more bullets
• In fact, from now on, no more bullets
73. Using WebSockets
// Setup
var socket = new WebSocket("ws://www.example.com");
// Sending messages
socket.send("Feel so free without HTTP!");
74. Using WebSockets
// Setup
var socket = new WebSocket("ws://www.example.com");
// Sending messages
socket.send("Feel so free without HTTP!");
// It rhymes! Please, make a websockets song!
socket.send("There’s no HTTP ‘round me!");
75. Using WebSockets
// Setup
var socket = new WebSocket("ws://www.example.com");
// Sending messages
socket.send("Feel so free without HTTP!");
// It rhymes! Please, make a websockets song!
socket.send("There’s no HTTP ‘round me!");
// Receiving messages
socket.onmessage = function(e) { alert(e.data); }
89. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
90. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
91. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
# Here we go :D
92. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
# Here we go :D
#
# <3 Redis <3
93. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
# Here we go :D
#
# <3 Redis <3
#
# A persistent key-value database
#
# // OR: //
94. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
# Here we go :D
#
# <3 Redis <3
#
# A persistent key-value database
#
# // OR: //
#
# 21st century malloc()
# (via @hungryblank)
95. # Hey,
# realizing bullets are great for informal bits,
# and not wanting to break my promise from before,
# I hacked the format and put bullets into code comments!
# Here we go :D
#
# <3 Redis <3
#
# A persistent key-value database
#
# // OR: //
#
# 21st century malloc()
# (via @hungryblank)
#
# It can do some very useful things,
# and it does those things very good.
98. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
99. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
100. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
# Redis values can also be:
101. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
# Redis values can also be:
# - lists
102. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
# Redis values can also be:
# - lists
# - sets
103. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
# Redis values can also be:
# - lists
# - sets
# - ordered sets
104. # Start redis server
$ redis-server redis.conf &
# Set value by key
$ redis-cli set foo bar
OK
# Retrieve value by key
$ redis-cli get foo
bar
# Redis values can also be:
# - lists
# - sets
# - ordered sets
# - hashes (HEAD)
113. # The heart of Google Chrome?
#
# - V8, of course!
114. # The heart of Google Chrome?
#
# - V8, of course!
#
# By opening up V8, Google made not only the client better.
115. # The heart of Google Chrome?
#
# - V8, of course!
#
# By opening up V8, Google made not only the client better.
#
# Somebody put V8 on the server!
116. # The heart of Google Chrome?
#
# - V8, of course!
#
# By opening up V8, Google made not only the client better.
#
# Somebody put V8 on the server!
#
# Together with a quality non-blocking infrastructure.
117. # The heart of Google Chrome?
#
# - V8, of course!
#
# By opening up V8, Google made not only the client better.
#
# Somebody put V8 on the server!
#
# Together with a quality non-blocking infrastructure.
#
# Now, what do we have?
118. # The heart of Google Chrome?
#
# - V8, of course!
#
# By opening up V8, Google made not only the client better.
#
# Somebody put V8 on the server!
#
# Together with a quality non-blocking infrastructure.
#
# Now, what do we have?
119. So I hacked something together
It’s not great, it’s just a demo.
Started today at 5pm
Got it running at 6pm
http://github.com/evilhackerdude/beergarden
121. We lay the foundation.
Our Ideas
Raw concepts
Frameworks
122. We lay the foundation.
Useful Applications
Early Adoption
Real world usage
Our Ideas
Raw concepts
Frameworks
123. We lay the foundation.
Manifestations
Yay :-) Geo Metadata, Mobile Focus, $awesome
Nay... “2.0”, “SEO”, “Social Media”
Useful Applications
Early Adoption
Real world usage
Our Ideas
Raw concepts
Frameworks