Forms are the main 'entry barrier' to anything meaningful on the web. It might be a registration form, sign-up form or a shopping cart. In all of them, you wish to do the best in order to make your users happy with the experience.
In these slides, we will cover the best practices so your forms will rock.
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Why TypeScript?
with Jeff Francis
OVERVIEW
TypeScript is a type-checked superset of JavaScript that benefits medium-sized to complex JavaScript projects. Why would you want to learn a new language, instead of another JavaScript framework? You have all this existing JavaScript code, so how can you adopt something new without throwing the old stuff out?
This session is about the benefits of using TypeScript on top of JavaScript in your projects, and demonstrate step by step ways of migrating an existing JavaScript project to TypeScript. We will dive into code generated by the compiler and look at resources and tools that make working in TypeScript a pleasurable experience.
OBJECTIVE
To understand when it’s a good idea to use TypeScript.
TARGET AUDIENCE
JavaScript developers.
ASSUMED AUDIENCE KNOWLEDGE
Intermediate JavaScript experience.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
The basics of TypeScript – types, classes, modules, and functions
How TypeScript’s design makes getting started simple and helps projects
What compiled TypeScript looks like and how to debug
What tools can help take advantage of TypeScript’s type information
How to migrate a JavaScript project to TypeScript
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Why TypeScript?
with Jeff Francis
OVERVIEW
TypeScript is a type-checked superset of JavaScript that benefits medium-sized to complex JavaScript projects. Why would you want to learn a new language, instead of another JavaScript framework? You have all this existing JavaScript code, so how can you adopt something new without throwing the old stuff out?
This session is about the benefits of using TypeScript on top of JavaScript in your projects, and demonstrate step by step ways of migrating an existing JavaScript project to TypeScript. We will dive into code generated by the compiler and look at resources and tools that make working in TypeScript a pleasurable experience.
OBJECTIVE
To understand when it’s a good idea to use TypeScript.
TARGET AUDIENCE
JavaScript developers.
ASSUMED AUDIENCE KNOWLEDGE
Intermediate JavaScript experience.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
The basics of TypeScript – types, classes, modules, and functions
How TypeScript’s design makes getting started simple and helps projects
What compiled TypeScript looks like and how to debug
What tools can help take advantage of TypeScript’s type information
How to migrate a JavaScript project to TypeScript
Slides for a college course at City College San Francisco. Based on "The Shellcoder's Handbook: Discovering and Exploiting Security Holes ", by Chris Anley, John Heasman, Felix Lindner, Gerardo Richarte; ASIN: B004P5O38Q.
Instructor: Sam Bowne
Class website: https://samsclass.info/127/127_S17.shtml
Web Cache Deception Attack: A new web attack vector affecting many web frameworks and caching mechanisms. Slides are from Black Hat USA 2017.
White Paper:
https://drive.google.com/file/d/0BxuNjp5J7XUIdkotUm5Jem5IZUk/view?usp=sharing
Original blog:
https://omergil.blogspot.com/2017/02/web-cache-deception-attack.html
Some security problems can be eliminated by using web components, others at least reduced, but you have to take specific actions or you won't get the benefits.
Slides from a talk given at DevSecCon on 206h October 2016 http://www.devseccon.com/blog/session/automating-owasp-zap/
The OWASP Zed Attack Proxy (ZAP) is one of the world’s most popular and best maintained free security tools. In this workshop you will learn how to automate security tests using ZAP. These tests can then be included in your continuous integration / delivery pipeline. Simon will cover the range of integration options available and then walk you through automating ZAP against a test application. The ZAP UI will be used to explain the concepts and python scripting used to drive ZAP via its API – this can then also be used to drive ZAP in daemon mode.
This workshop is aimed at anyone interested in automating ZAP for security testing, including developers, functional testers (QA) and security/pentesters.
General Waf detection and bypassing techniques. Main focus to demonstrate that how to take right approach to analyse the behaviour of web application firewall and then create test cases to bypass the same.
A follow on to the Encyclopedia Of Windows Privilege Escalation published by InsomniaSec at Ruxcon 2011, this talk is aimed at detailing not just escalation from user to admin and admin to system, but persistence and forced authentication as well as a few other treats.
Any meaningful experience on the web comes with boxes that need to be filled. It might be a registration form, shopping cart or a login form. Moreover, we see the eCommerce revolution flourishing on the mobile web. In these slides, we will see how to improve our forms, make more money and put a smile on our users' faces.
Slides for a college course at City College San Francisco. Based on "The Shellcoder's Handbook: Discovering and Exploiting Security Holes ", by Chris Anley, John Heasman, Felix Lindner, Gerardo Richarte; ASIN: B004P5O38Q.
Instructor: Sam Bowne
Class website: https://samsclass.info/127/127_S17.shtml
Web Cache Deception Attack: A new web attack vector affecting many web frameworks and caching mechanisms. Slides are from Black Hat USA 2017.
White Paper:
https://drive.google.com/file/d/0BxuNjp5J7XUIdkotUm5Jem5IZUk/view?usp=sharing
Original blog:
https://omergil.blogspot.com/2017/02/web-cache-deception-attack.html
Some security problems can be eliminated by using web components, others at least reduced, but you have to take specific actions or you won't get the benefits.
Slides from a talk given at DevSecCon on 206h October 2016 http://www.devseccon.com/blog/session/automating-owasp-zap/
The OWASP Zed Attack Proxy (ZAP) is one of the world’s most popular and best maintained free security tools. In this workshop you will learn how to automate security tests using ZAP. These tests can then be included in your continuous integration / delivery pipeline. Simon will cover the range of integration options available and then walk you through automating ZAP against a test application. The ZAP UI will be used to explain the concepts and python scripting used to drive ZAP via its API – this can then also be used to drive ZAP in daemon mode.
This workshop is aimed at anyone interested in automating ZAP for security testing, including developers, functional testers (QA) and security/pentesters.
General Waf detection and bypassing techniques. Main focus to demonstrate that how to take right approach to analyse the behaviour of web application firewall and then create test cases to bypass the same.
A follow on to the Encyclopedia Of Windows Privilege Escalation published by InsomniaSec at Ruxcon 2011, this talk is aimed at detailing not just escalation from user to admin and admin to system, but persistence and forced authentication as well as a few other treats.
Any meaningful experience on the web comes with boxes that need to be filled. It might be a registration form, shopping cart or a login form. Moreover, we see the eCommerce revolution flourishing on the mobile web. In these slides, we will see how to improve our forms, make more money and put a smile on our users' faces.
Metrics in the Real World | Online and Offline Analytics TrackingCaitlin Jeansonne
In the real world, marketing happens online and offline. What metrics matter? What is Google Analytics really telling me? How do I track offline data?
Presentation from SchipulCon 2011.
WordCamp London 2019 - Content monetisation platforms with WordPressAngry Creative (UK)
In this presentation, David explains the term 'content monetisation', he also describe the principles and practices that support effective content monetisation. For this talk, David introduces a model for building and developing those platforms.
Google Analytics Website Optimizer Slidesharetmg_ltd
How to use web optimiser to test multiple designs and identify which is the best performing. The use of analytics and testing is a vital part of any web strategy and takes the guess work out of identifying design that will work for you.
LA2M Google Tools Presentation Apr 1st 09oneilldec
This week Declan ONeill will be leading a discussion on Google Products such as Alerts / Feed Burner / Webmaster Tools / iGoogle, and how they can be used for marketing, advertising and sales.
Declan helps new businesses make the transition to the web, and more established companies define their web presence by offering tailored web solutions. Learn more about ONeill Creative Agency, and Declan O'Neill by following these links: http://www.oneillcreative.com/ & http://www.linkedin.com/in/declanon
SEO in a World of AI
Presentation Description (150 words max):
Author and Adjunct Professor Steve Wiideman presents a holistic masterclass on search engine optimization for the constantly changing search engine results. Learn how to prepare your website for generative AI, increase visibility in social search, and double-down on timeless SEO principles. Disciplines covered include technical SEO, content strategy and webpage optimization, off-page SEO, and optimizing for generative AI search.
Key Takeaways:
1. Have a plan to prepare for search generative experience (SGE)
2. Discover techniques to be found in TikTok, Instagram, and YouTube for Gen Z and Gen Alpha
3. Get a foundation refresher for core SEO best practices in tech, content, and off-page SEO
Track Report & Optimize Your Web CreationsEmpirical Path
Peter Howley of Empirical Path delivered this presentation to the HTTQ web design and developers group in April 2013. Topics include counting conversions, segmenting audiences, testing ideas, and sharing insights using Google Analytics, Optimizely, Klipfolio and other tools. Video also available at TBD.
Basic Web + Social Media Metrics: Non eCommerce SitesLaura Lee Dooley
Some of the strategic thinking that goes into deciding what metrics to gather and why. With the understanding that "you can't manage what you can't measure" Dooley takes the viewpoint that metrics are much more than page views and visitors.
What Metrics Really Matter? - PRSA Sunshine District Conference 2012Caitlin Jeansonne
In the real world, marketing happens online and offline. What metrics matter most when you're reviewing your site analytics? What is Google Analytics really telling me? How do I track offline data? Join Caitlin Kaluza, Marketing Manager at Schipul - The Web Marketing Company to learn how to assess your site analyics for actionable steps, along with tips and tools for learning the most from your data - online and offline.
Basic understanding google analytic by Koim Liddinilah.
You will learn about what is web analytic, how to analyze google analytic and also how to create goals / conversion on google analytic.
How to get things done - Lessons from Yahoo, Google, Netflix and Meta Ido Green
How can you make your software teams better?
What are the values and processes that you wish to embrace?
In these slides, we will share some stories from leading companies (e.g., Google, Meta, and Netflix), and we will see what is working for them.
What is a blockchain?
Why is cryptocurrency the future?
It's a deck I was preparing for a lighting talk at ESGgo.
Since I got some excellent feedback on it - I decided to open-source it :)
Hopefully, you will find it valuable.
The Future of Continuous Software Updates Is HereIdo Green
DevOps and “Liquid Software” release practices are rapidly becoming the standard. But, as software shapes digital transformation, DevOps teams are feeling challenged to manage their growing influence on corporations’ success or failure.
In this talk, Ido Green looks into the growing pains that most enterprises (many of them JFrog customers) face when adopting and consolidating DevOps at scale, and how these challenges are being mitigated with end-to-end platform solutions. We’ll wrap up with some DevOps best practices - from the trenches - that will help you address emerging trends that your bosses’ bosses really care about.
Open Source & DevOps Market trends - Open Core SummitIdo Green
Open Source developers are pushing the world of technology forward. At JFrog, from day one, we worked closely with developers (we’re developers too!) to make sure we solved actual problems.
We’re not a developer-first company.
We’re a developer company.
But this means that, like you, we’ve had plenty of “learning moments.” In this talk, we’ll share some key insights so other project owners can avoid falling into the same holes we’ve fallen into. Further, we’ll share some interesting statistics about the DevOps market that will help you gain insight into your own domain, and how you can practically address larger market movements that the bosses’ bosses’ bosses are really caring about.
“If we have data, let’s look at data. If all we have are opinions, let’s go with mine.”
This talk is going to be based on data and the real world.
No theoretical stories just data and action items on how to make your company better/faster/more secure in shipping software.
Data Driven DevOps & Technologies (swampUP 2019 keynote)Ido Green
The world (of DevOps) has many buzzwords that people like to use.
Some are more relevant to the real world and some aren't.
In this talk, we covered what is going on in the real world and what is just hype at the moment.
You can read more: https://greenido.wordpress.com/2019/06/19/market-trends-talk-swampup-2019/
Create An Amazing Apps For The Google Assistant!Ido Green
The Google Assistant is available on many devices (eg. Google mini/home/max, Android, iPhones and more).
Actions on Google lets developers extend the Google Assistant to create your own conversational assistant apps.
In this talk, Ido Green will describe the key components of actions on Google. He will show you how to easily build your first assistant app using tools such as Dialogflow, and explore voice user interface (VUI) best practices in order to design compelling conversational experiences that delight users.
We are all experts at human-to-human conversation. But conversing only seems easy because it’s familiar, you’ve been doing it since you were born.
The key to building a good voice interface is to not fall into the trap of simply converting a GUI into a VUI.
In these slides we will cover the best practices to design our Action on Google (and any other Voice UI).
At Google, we believe the future is AI first, and we’re investing heavily in the fields of machine learning, speech recognition and language understanding. These technologies come together in the Google Assistant, which allows you to have a conversation with Google that helps you get things done.
Developers can build apps for the Google Assistant using Actions on Google and in these slides we will show you how you can do it and why you wish to be in this new platform.
The Google Assistant - Macro View (October 2017)Ido Green
The past few years, the buzz about conversational experiences and digital assistants has increased dramatically. According to a recently issued report by eMarketer, 87% of B2C marketers in the US believe that chatbots and digital assistants will play a significant role in marketing before 2021.
In these slides we will cover the Google Assistant and learn why you wish to build an action for it.
At Google, we believe the future is AI first.
We have been investing heavily in the areas of: Machine learning, Speech recognition & Language understanding.
These things come together in the Google Assistant. In these slides we will go over what is exciting about this new platform and how you can build you Assistant apps.
Which Allows you to have a conversation with Google, that helps you get things done.
Because of these investments in AI, the conversation can be completely natural.
Use your voice, ask in a natural way, and the Assistant helps you.
As you can see - it’s everywhere.
Building conversational experiences with Actions on GoogleIdo Green
The Google Assistant is Google’s conversational software for helping you get things done in your world. It is the culmination of all of Google’s research in AI, ML, NLP, etc.
It runs on various devices, including the Google Home which launched in 2017, as well as many Android and iOS devices. Actions on Google is the third-party platform for the Google Assistant, allowing you, the developer. to manage a conversation between your service and the user.
In these slides you will see how/why you can leverage this new platform for your service.
What are the ways that startups can leverage the benefits that progressive web apps allow these days?
In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.
Earn More Revenue With Firebase and AdMobIdo Green
In these slides we will see how to take advantage of firebase and AdMob in order to increase your revenue stream. We will explore the major ways to monetize your apps with AdMob.
In these slides we will see how to use Firebase Analytics in order to grow your user base. We will see how to effectively use insights from both paid and organic channels in order to create growth.
An overview of Accelerated Mobile Pages Project. See how you can leverage this important open source project today in production and improve your sites' performance and the happiness of your users.
AMP is coming to improve the mobile web. Big time.
There are many aspect to a great user experience on sites.
In order to improve the speed of the media websites on mobile and the monetization, we needed few things:
1. Fast pages. Fast to load, fast to display, saving bandwidth when possible.
2. Easy for the developers and companies to create. Only based on known and widely used technologies.
3. Mobile Friendly: they should respect a standard and thanks to this standard, pages would be automatically optimized for mobile devices
4. Embrace the open web: non-proprietary technology, open source, available to anyone to use and improve. It should not only help for search engines, but for everyone.
In these slides, we will cover AMP and what it can do for you.
Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience.
From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
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
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
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.
13. Offer suggestions during input with datalist
Live example: https://goo.gl/RdwFhd
<label for="frmFavChocolate">Type of Chocolate</label>
<input type="text" name="fav-choc" id="frmChocolate"
list="chocType">
<datalist id="chocType">
<option value="white">
<option value="milk">
<option value="dark">
</datalist>
(!) The datalist values are provided as suggestions. Users are not restricted to the suggestions provided.
16. Dropdowns Should be the UI of Last Resort
Luke Wroblewski - http://goo.gl/7ZmQ4J
17. Better password form fields
More: https://aerotwist.com/blog/better-password-form-fields/
18. Label and Name Inputs
More: https://goo.gl/TqLAh2
● Use labels on form
inputs, and make them
visible.
● Use placeholders to
provide guidance.
<label for="frmAddressS">Address</label>
<input type="text" name="ship-address"
required id="frmAddressS"
placeholder="123 Any Street"
autocomplete="shipping street-address">
19. Label and Name Inputs
More: https://goo.gl/TqLAh2
Leverage the browser’s ability to
auto-complete the form
a. Use established name's for
elements
b. Include the
autocomplete attribute.
20. Provide real-time validation
Leverage the browser's built-in validation attributes like:
● pattern - <input type="text" pattern="^d{5,6}(?:[-s]d{4})?$" ...>
● required - <input type="text" required pattern= "^...$" ...>
● min / max - <input type="number" min="1" max="13" step="0.5" ...>
More: https://goo.gl/f8N29E
21. Provide real-time validation
● Use JavaScript and the
Constraints Validation API
for complex validation.
● manage focus when
validation fails.
● Autocorrect when you can!
22. Provide real-time validation
● Show validation errors in
real time: bit.ly/form-
validation
● If the user tries to submit
an invalid form, show all
fields they need to fix.
24. Google Confidential and Proprietary
86%
spent in apps
14%
spent in the
browser
Smartphone users spend most of their time in apps
Google Confidential and ProprietarySource: Flurry 2014
25.
26. Google Confidential and Proprietary
94%
of users look to
take commercial
action via the
mobile web
Reach more users looking to spend money
Source: Google/Ipsos 2014 Google Confidential and Proprietary
30. Web Components - Save you leg work!
● Custom elements can bake in best practices, cutting down
on boilerplate and missed opportunities
● Polymer has built a dedicated set of ECommerce
elements, a.k.a. “Gold Elements” which you can use in
any application
● Live Example