Practice makes perfect. That works in every field. But in the frontend development domain it's crucial to choose and invest your time on the right techniques, tools, libraries, frameworks, as well as methodologies if you want to incur the least amount of overhead. In this talk the speaker takes you through a productive tooling, libraries, frameworks eco-system required to develop modern and robust Web applications easier.
Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano
Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
https://fitc.ca/presentation/measuring-the-adoption-of-web-performance-techniques/
As programmers, we concentrate so much on the server/backend side of things that we often forget to measure performance from the Client's viewpoint. This presentation describes a bunch of techniques that can be used to speed up our websites.
How I Earned $30, 587 in 6 Hours Due to Site SpeedMatthew Woodward
Learn how to instantly increase your website profits with my how to guide. Did you know a 1 second delay in loading time leads to a 7% decrease in conversion?
Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano
Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
https://fitc.ca/presentation/measuring-the-adoption-of-web-performance-techniques/
As programmers, we concentrate so much on the server/backend side of things that we often forget to measure performance from the Client's viewpoint. This presentation describes a bunch of techniques that can be used to speed up our websites.
How I Earned $30, 587 in 6 Hours Due to Site SpeedMatthew Woodward
Learn how to instantly increase your website profits with my how to guide. Did you know a 1 second delay in loading time leads to a 7% decrease in conversion?
Making the Switch, Part 1: Top 5 Things to Consider When Evaluating DrupalAcquia
The “Making the Switch to Drupal series” will provide an overview of what you need to know when considering and adopting Drupal. In Part 1, we will guide busy managers through what they need to consider when evaluating Drupal.
We know that choosing any web development technology represents a significant investment of resources. Decision makers can spend weeks and months comparing options and deliberating about the best direction. We will use a combination of case studies and demonstrations to explain how Drupal works, so you can see first hand how it powers some of the most visited websites online.
In Part 1 of this webinar series, you will learn:
• Benefits of the open source community
• Comparison of Drupal to other systems
• Ease of Customization of branding and functionality
• Managing content layout and design in Drupal
• About common features and functionality of Drupal
A high level view of how Netflix culture, open source technology, and custom software can build a continuous delivery pipeline to allow multiple deployments a day.
Measuring Web Performance (HighEdWeb FL Edition)Dave Olsen
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at HighEdWeb Florida.
Super speed around the globe - SearchLeeds 2018Bastian Grimm
My talk covering some of the very latest in web performance optimisation (paint timings, critical rendering path, custom web fonts, etc.) for technical marketers & SEOs from SearchLeeds 2018.
SearchLeeds 2018 - Bastian Grimm - Peak Ace - International site speed: Going...Branded3
Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.
Green Shoots in the Brownest Field: Being a Startup in GovernmentC4Media
Video and slides synchronized, mp3 and slide download available at http://bit.ly/1cghaiX.
Mat Wall describes some of the tools & techniques that are used within the UK Government Digital Service to try and make the government behave less like an enterprise and more like a startup.Filmed at qconlondon.com.
Mat Wall is a technical architect who can still actually make things and now works for the Cabinet Office, a rare thing indeed. Mat works on elements of the GOV.UK website, as well as working within departments on transactional services. Twitter: @matwall
Demystifying web performance tooling and metricsAnna Migas
Web performance has been one of the most talked about web development topics in the recent years. Yet if you try to start your journey with the speed optimisations, you might find yourself in a pickle. With the tooling, you might feel overwhelmed—it looks complex and hard to comprehend. With the metrics: at first glance all of them seem similar, not to mention that they change over time and you cannot figure out which of them to take into account.
Full Stack & Full Circle: What the Heck Happens In an HTTP Request-Response C...Carina C. Zona
Presented at Confident Coding III, San Francisco, CA. October 20, 2012.
Flying in from 10,000 foot view (“Hey, browser, show me this”, “Okay, here it is”), we’ll take thoughtful overview of the HTTP request/response cycle. Its essence is simply a series of questions & answers, accumulating portions of content to be gracefully assembled for the user.
We’ll hone in on some key players amidst the “full stack” of communications, with special attention to how an understanding of the HTTP lifecycle endows any developer or designer with the power to optimize for performance, cost, and UX
Metrics, metrics everywhere (but where the heck do you start?)Tammy Everts
There’s no one-size-fits-all approach to metrics. In this session, Cliff Crocker and I walk through various metrics that answer performance questions from multiple perspectives — from designer and DevOps to CRO and CEO. You’ll walk away with a better understanding of your options, as well as a clear understanding of how to choose the right metric for the right audience.
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...Codemotion
Increased complexity makes it very hard and time-consuming to keep your software bug-free and secure. We introduce fuzz-testing as a method for automatically and continuously discovering vulnerabilities hidden in your code. The talk will explain how fuzzing works and how to integrate fuzz-testing into your Software Development Life Cycle to increase your code’s security.
Pompili - From hero to_zero: The FatalNoise neverending storyCodemotion
It was 1993 when we decided to venture in a beat'em up game for Amiga. The Catalypse's success story pushed me and my comrade to create something astonishing for this incredible game machine... but things went harder, assumptions were slightly different, and italian competitors appeared out of nowhere... the project died in 1996. Story ended? Probably not...
More Related Content
Similar to Become a Frontend Developer Ninja using HTML5, JavaScript and CSS3 - Marco Casario - Codemotion Milan 2014
Making the Switch, Part 1: Top 5 Things to Consider When Evaluating DrupalAcquia
The “Making the Switch to Drupal series” will provide an overview of what you need to know when considering and adopting Drupal. In Part 1, we will guide busy managers through what they need to consider when evaluating Drupal.
We know that choosing any web development technology represents a significant investment of resources. Decision makers can spend weeks and months comparing options and deliberating about the best direction. We will use a combination of case studies and demonstrations to explain how Drupal works, so you can see first hand how it powers some of the most visited websites online.
In Part 1 of this webinar series, you will learn:
• Benefits of the open source community
• Comparison of Drupal to other systems
• Ease of Customization of branding and functionality
• Managing content layout and design in Drupal
• About common features and functionality of Drupal
A high level view of how Netflix culture, open source technology, and custom software can build a continuous delivery pipeline to allow multiple deployments a day.
Measuring Web Performance (HighEdWeb FL Edition)Dave Olsen
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at HighEdWeb Florida.
Super speed around the globe - SearchLeeds 2018Bastian Grimm
My talk covering some of the very latest in web performance optimisation (paint timings, critical rendering path, custom web fonts, etc.) for technical marketers & SEOs from SearchLeeds 2018.
SearchLeeds 2018 - Bastian Grimm - Peak Ace - International site speed: Going...Branded3
Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.
Green Shoots in the Brownest Field: Being a Startup in GovernmentC4Media
Video and slides synchronized, mp3 and slide download available at http://bit.ly/1cghaiX.
Mat Wall describes some of the tools & techniques that are used within the UK Government Digital Service to try and make the government behave less like an enterprise and more like a startup.Filmed at qconlondon.com.
Mat Wall is a technical architect who can still actually make things and now works for the Cabinet Office, a rare thing indeed. Mat works on elements of the GOV.UK website, as well as working within departments on transactional services. Twitter: @matwall
Demystifying web performance tooling and metricsAnna Migas
Web performance has been one of the most talked about web development topics in the recent years. Yet if you try to start your journey with the speed optimisations, you might find yourself in a pickle. With the tooling, you might feel overwhelmed—it looks complex and hard to comprehend. With the metrics: at first glance all of them seem similar, not to mention that they change over time and you cannot figure out which of them to take into account.
Full Stack & Full Circle: What the Heck Happens In an HTTP Request-Response C...Carina C. Zona
Presented at Confident Coding III, San Francisco, CA. October 20, 2012.
Flying in from 10,000 foot view (“Hey, browser, show me this”, “Okay, here it is”), we’ll take thoughtful overview of the HTTP request/response cycle. Its essence is simply a series of questions & answers, accumulating portions of content to be gracefully assembled for the user.
We’ll hone in on some key players amidst the “full stack” of communications, with special attention to how an understanding of the HTTP lifecycle endows any developer or designer with the power to optimize for performance, cost, and UX
Metrics, metrics everywhere (but where the heck do you start?)Tammy Everts
There’s no one-size-fits-all approach to metrics. In this session, Cliff Crocker and I walk through various metrics that answer performance questions from multiple perspectives — from designer and DevOps to CRO and CEO. You’ll walk away with a better understanding of your options, as well as a clear understanding of how to choose the right metric for the right audience.
Similar to Become a Frontend Developer Ninja using HTML5, JavaScript and CSS3 - Marco Casario - Codemotion Milan 2014 (20)
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...Codemotion
Increased complexity makes it very hard and time-consuming to keep your software bug-free and secure. We introduce fuzz-testing as a method for automatically and continuously discovering vulnerabilities hidden in your code. The talk will explain how fuzzing works and how to integrate fuzz-testing into your Software Development Life Cycle to increase your code’s security.
Pompili - From hero to_zero: The FatalNoise neverending storyCodemotion
It was 1993 when we decided to venture in a beat'em up game for Amiga. The Catalypse's success story pushed me and my comrade to create something astonishing for this incredible game machine... but things went harder, assumptions were slightly different, and italian competitors appeared out of nowhere... the project died in 1996. Story ended? Probably not...
Il Commodore 65 è un prototipo di personal computer che Commodore avrebbe dovuto mettere in commercio quale successore del Commodore 64. Purtroppo la sua realizzazione si fermò appunto allo stadio prototipale. Racconterò l'affascinante storia del suo sviluppo ed il perchè della soppressione del progetto ormai ad un passo dalla immissione in commercio.
Rivivere l'ebbrezza di progettare un vecchio computer o una consolle da bar è oggi possibile sfruttando le FPGA, ovvero logiche programmabili che consentono a chiunque di progettare il proprio hardware o di ricrearne uno del passato. In questa sessione si racconta come dal reverse engineering dell'hardware di vecchie glorie come il Commodore 64 e lo ZX Spectrum sia stato possibile farle rivivere attraverso tecnologie oggi alla portata di tutti.
Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...Codemotion
There's a lot of talk about blockchain, but how does the technology behind it actually work? For developers, getting some hands-on experience is the fastest way to get familiair with new technologies. So let's build a blockchain, then! In this session, we're going to build one in plain old Java, and have it working in 40 minutes. We'll cover key concepts of a blockchain: transactions, blocks, mining, proof-of-work, and reaching consensus in the blockchain network. After this session, you'll have a better understanding of core aspects of blockchain technology.
Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019Codemotion
When was the last time you were truly lost? Thanks to the maps and location technology in our phones, a whole generation has now grown up in a world where getting lost is truly a thing of the past. Location technology goes far beyond maps in the palm of our hand, however. In this talk, we will explore how a ridesharing app works. How do we discover our destination?How do we find the closest driver? How do we display this information on a map? How do we find the best route?To answer these questions,we will be learning about a variety of location APIs, including Maps, Positioning, Geocoding etc.
Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019Codemotion
Eward Driehuis, SecureLink's research chief, will guide you through the bumpy ride we call the cyber threat landscape. As the industry has over a decade of experience of dealing with increasingly sophisticated attacks, you might be surprised to hear more attacks slip through the cracks than ever. From analyzing 20.000 of them in 2018, backed by a quarter of a million security events and over ten trillion data points, Eward will outline why this happens, how attacks are changing, and why it doesn't matter how neatly or securely you code.
Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 - Codemotion
IoT revolution is ended. Thanks to hardware improvement, building an intelligent ecosystem is easier than never before for both startups and large-scale enterprises. The real challenge is now to connect, process, store and analyze data: in the cloud, but also, at the edge. We’ll give a quick look on frameworks that aggregate dispersed devices data into a single global optimized system allowing to improve operational efficiency, to predict maintenance, to track asset in real-time, to secure cloud-connected devices and much more.
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...Codemotion
What if Virtual Reality glasses could transform your environment into a three-dimensional work of art in realtime in the style of a painting from Van Gogh? One of the many interesting developments in the field of Deep Learning is the so called "Style Transfer". It describes a possibility to create a patchwork (or pastiche) from two images. While one of these images defines the the artistic style of the result picture, the other one is used for extracting the image content. A team from TNG Technology Consulting managed to build an AI showcase using OpenCV and Tensorflow to realize such goggles.
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...Codemotion
Blockchain (and Cryptocurrency) is an evolution of 20-year old research from scientists like Chaum, Lamport, and Castro & Liskov. Due to the current hype, it's hard to distinguish beneficial aspects of the technology from a desire for a "silver bullet" for device security, verifiable logistics, or "saving democracy". The problem: blockchain introduces new security challenges - and blind adoption without understanding reduces overall security. In this talk, Melanie Rieback and Klaus Kursawe explain the pitfalls and limits of blockchain, so you can avoid making your applications LESS secure.
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...Codemotion
Networking is a core part of computing in the digital world we inhabit. But, how well do you know how it works? Do you understand all the moving parts of the OSI stack inside your computer, and how the network is actually put together? How can this ever work? This guided safari of layers, standards, protocols, and happenstance will bring us close to the copper wire, and up through the layers of CDMA/CD, ARP, routing and HTTP. We will make a few excursions through patchworks that still work forty years later, and cleverly designed mechanisms that show that simplicity is the only way to last.
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...Codemotion
Performance tests are not only an important instrument for understanding a system and its runtime environment. It is also essential in order to check stability and scalability – non-functional requirements that might be decisive for success. But won't my cloud hosting service scale for me as long as I can afford it? Yes, but… It only operates and scales resources. It won't automatically make your system fast, stable and scalable. This talk shows how such and comparable questions can be clarified with performance tests and how DevOps teams benefit from regular test practise.
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019Codemotion
Sascha will demonstrate the opportunities and challenges of Conversational AI learned from the practice. Both Technology and User Experience will be covered introducing a process finding micro-moments, writing happy paths, gathering intents, designing the conversational flow, and finally publishing on almost all channels including Voice Services and Chatbots. Valuable for enterprises, developers, and designers. All live on stage in just minutes and with almost no code.
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019Codemotion
A key challenge we face at Pacmed is quickly calibrating and deploying our tools for clinical decision support in different hospitals, where data formats may vary greatly. Using Intensive Care Units as a case study, I’ll delve into our scalable Python pipeline, which leverages Pandas’ split-apply-combine approach to perform complex feature engineering and automatic quality checks on large time-varying data, e.g. vital signs. I’ll show how we use the resulting flexible and interpretable dataframes to quickly (re)train our models to predict mortality, discharge, and medical complications.
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019Codemotion
Coolblue is a proud Dutch company, with a large internal development department; one that truly takes CI/CD to heart. Empowerment through automation is at the heart of these development teams, and with more than 1000 deployments a day, we think it's working out quite well. In this session, Pat Hermens (a Development Managers) will step you through what enables us to move so quickly, which tools we use, and most importantly, the mindset that is required to enable development teams to deliver at such a rapid pace.
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...Codemotion
Quantum computers can use all of the possible pathways generated by quantum decisions to solve problems that will forever remain intractable to classical compute power. As the mega players vie for quantum supremacy and Rigetti announces its $1M "quantum advantage" prize, we live in exciting times. IBM-Q and Microsoft Q# are two ways you can learn to program quantum computers so that you're ready when the quantum revolution comes. I'll demonstrate some quantum solutions to problems that will forever be out of reach of classical, including organic chemistry and large number factorisation.
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...Codemotion
Chinese food exploded across America in the early 20th century, rapidly adapting to local tastes while also spreading like wildfire. How was it able to spread so fast? The GY6 is a family of scooter engines that has achieved near total ubiquity in Europe. It is reliable and cheap to manufacture, and it's made in factories across China. How are these factories able to remain afloat? Chinese-American food and the GY6 are both riveting studies in product-market fit, and both are the product of a distributed open source-like development model. What lessons can we learn for open source software?
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019Codemotion
The design space has exploded in size within the last few years and Sketch is one of the most important milestones to represent the phenomenon. But behind the scenes of this growing reality there is a remote team that revolutionizes the design space all without leaving the home office. This talk will present how Sketch has grown to become a modern, product designer's tool.
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019Codemotion
Would you fly in a plane designed by a craftsman or would you prefer your aircraft to be designed by engineers? We are learning that science and empiricism works in software development, maybe now is the time to redefine what “Software Engineering” really means. Software isn't bridge-building, it is not car or aircraft development either, but then neither is Chemical Engineering. Engineering is different in different disciplines. Maybe it is time for us to begin thinking about retrieving the term "Software Engineering" maybe it is time to define what our "Engineering" discipline should be.
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019Codemotion
What is the job of a CTO and how does it change as a startup grows in size and scale? As a CTO, where should you spend your focus? As an engineer aspiring to be a CTO, what skills should you pursue? In this inspiring and personal talk, I describe my journey from early Red Hat engineer to CTO at Bloomon. I will share my view on what it means to be a CTO, and ultimately answer the question: Should the CTO be coding?
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
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
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
The Metaverse and AI: how can decision-makers harness the Metaverse for their...Jen Stirrup
The Metaverse is popularized in science fiction, and now it is becoming closer to being a part of our daily lives through the use of social media and shopping companies. How can businesses survive in a world where Artificial Intelligence is becoming the present as well as the future of technology, and how does the Metaverse fit into business strategy when futurist ideas are developing into reality at accelerated rates? How do we do this when our data isn't up to scratch? How can we move towards success with our data so we are set up for the Metaverse when it arrives?
How can you help your company evolve, adapt, and succeed using Artificial Intelligence and the Metaverse to stay ahead of the competition? What are the potential issues, complications, and benefits that these technologies could bring to us and our organizations? In this session, Jen Stirrup will explain how to start thinking about these technologies as an organisation.
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
Enhancing Performance with Globus and the Science DMZGlobus
ESnet has led the way in helping national facilities—and many other institutions in the research community—configure Science DMZs and troubleshoot network issues to maximize data transfer performance. In this talk we will present a summary of approaches and tips for getting the most out of your network infrastructure using Globus Connect Server.
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.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Welcome to the first live UiPath Community Day Dubai! Join us for this unique occasion to meet our local and global UiPath Community and leaders. You will get a full view of the MEA region's automation landscape and the AI Powered automation technology capabilities of UiPath. Also, hosted by our local partners Marc Ellis, you will enjoy a half-day packed with industry insights and automation peers networking.
📕 Curious on our agenda? Wait no more!
10:00 Welcome note - UiPath Community in Dubai
Lovely Sinha, UiPath Community Chapter Leader, UiPath MVPx3, Hyper-automation Consultant, First Abu Dhabi Bank
10:20 A UiPath cross-region MEA overview
Ashraf El Zarka, VP and Managing Director MEA, UiPath
10:35: Customer Success Journey
Deepthi Deepak, Head of Intelligent Automation CoE, First Abu Dhabi Bank
11:15 The UiPath approach to GenAI with our three principles: improve accuracy, supercharge productivity, and automate more
Boris Krumrey, Global VP, Automation Innovation, UiPath
12:15 To discover how Marc Ellis leverages tech-driven solutions in recruitment and managed services.
Brendan Lingam, Director of Sales and Business Development, Marc Ellis
12. Mobile
Devices
&
Large
Screens
https://www.flickr.com/photos/lukew
Www.Marcocasario.Com 28
Wednesday, December 3, 14
13. Velocity
Desktop users are more or less
satisfied with the status quo
(but pages are going bigger)
Www.Marcocasario.Com 28
Wednesday, December 3, 14
14. Measuring
the
load
Cme
Www.Marcocasario.Com 28
Wednesday, December 3, 14
17. Why
is
it
important
?
Start from Page Insights
Www.Marcocasario.Com 28
Wednesday, December 3, 14
18. Why
is
it
important
?
You can’t optimize
what you can’t measure
Www.Marcocasario.Com 28
Wednesday, December 3, 14
19. Why
is
it
important
?
Learning how the browsers
load your web pages, helps you:
make better decisions,
justify the approaches and the
development best practices.
-- Paul Irish
Www.Marcocasario.Com 28
Wednesday, December 3, 14
21. Browser’s
rendering
flow
It’s not a linear flow.
Each time a resource needs to
be downloaded, it blocks the
rendering.
http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
22. How
to
opCmize
In order to optimize you:
1. identify & mesure a scenario
2. define what the fastest you
can get is
Www.Marcocasario.Com 28
Wednesday, December 3, 14
23. How
to
opCmize
The Speed Index
https://sites.google.com/a/webpagetest.org/docs/
using-webpagetest/metrics/speed-index
Www.Marcocasario.Com 28
Wednesday, December 3, 14
24. How
to
opCmize
The Speed Index is the average time at
which visible parts of the page are
displayed. It is expressed in
milliseconds and dependent on size of
the view port.
It measures when pixels are shown on
screen.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
25. How
to
opCmize
The Speed Index is the "area above the
curve" calculated in ms and using 0.0-1.0
for the range of visually complete.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
26. How
to
opCmize
The Speed Index is the "area above the
curve" calculated in ms and using 0.0-1.0
for the range of visually complete.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
27. How
to
opCmize
Identify the Load Time & the
End of Activity
Www.Marcocasario.Com 28
Wednesday, December 3, 14
28. How
to
opCmize
Www.Marcocasario.Com 28
Wednesday, December 3, 14
29. How
to
opCmize
Get a visual representation of
the user’s perception of what’s
happening
Www.Marcocasario.Com 28
Wednesday, December 3, 14
30. How
to
opCmize
http://www.webpagetest.org/video/compare.php?tests=140410_4Y_KVY-r:1-c:0
Www.Marcocasario.Com 28
Wednesday, December 3, 14
31. How
to
opCmize
Focus on:
the speed index value
the total load time
the render time
the bandwidth
Www.Marcocasario.Com 28
Wednesday, December 3, 14
32. How
to
opCmize
Is the bandwidth so important
for faster pages ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
33. How
to
opCmize
For getting fast pages, what is
the right number of requests
and optimal page size ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
34. How
to
opCmize
Measuring performance by the KB is
like measuring effectiveness of your
diet by the pound.
Measuring performance by the number
of requests is like measuring your diet
by number of things you ate - in both
cases, who cares about what you
actually ate, right ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
35. How
to
opCmize
Moreover, not all requests are
made equal.
Where are they initiated?
What part of the UX do they
block ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
36. How
to
opCmize
Moreover, not all the bytes are
made equal.
Bytes of different content-types
have different impact on
performance.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
37. How
to
opCmize
What's the critical path on
loading a page ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
38. How
to
opCmize
Bandwidth + Latency =
Performance
Www.Marcocasario.Com 28
Wednesday, December 3, 14
40. Velocity
Take your time to code.
When you invest time you can
get closer to a core of a
problem.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
41. How
to
opCmize
600 ms of time has already been used up by
network overhead: a DNS lookup to resolve the
hostname (e.g. google.com) to an IP address, a
network roundtrip to perform the TCP handshake,
and finally a full network roundtrip to send the
HTTP request. This leaves us with just 400 ms!
Www.Marcocasario.Com 28
Wednesday, December 3, 14
42. How
to
opCmize
OUR GOAL
To give the Perception of page
loading in 200ms
Www.Marcocasario.Com 28
Wednesday, December 3, 14
43. How
to
opCmize
Www.Marcocasario.Com 28
Wednesday, December 3, 14
44. How
to
opCmize
You need to understand the
components of an HTTP
request
Www.Marcocasario.Com 28
Wednesday, December 3, 14
45. How
to
opCmize
1. DNS lookup to resolve the hostname
to IP address
2. New TCP connection requires a
handshake roundtrip to the server
3. HTTP request requires minimum of a
one roundtrip to the server plus server
processing time
Www.Marcocasario.Com 28
Wednesday, December 3, 14
46. How
to
opCmize
http://www.webpagetest.org/result/
140410_XJ_CHT/1/details/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
47. How
to
opCmize
Focus on:
DNS Lookup
TCP connection
HTTP requests
Bandwidth used
Www.Marcocasario.Com 28
Wednesday, December 3, 14
48. How
to
opCmize
What does it happen when
there is a gap in the bandwidth
chart ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
49. How
to
opCmize
http://chimera.labs.oreilly.com/books/1230000000545/
ch10.html#LATENCY_BOTTLENECK
Www.Marcocasario.Com 28
Wednesday, December 3, 14
50. How
to
opCmize
Latency is the performance
bottleneck for HTTP as well as
all the web.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
51. How
to
opCmize
Focus on how resources that
are requested from a different
origin consume network time
http://www.webpagetest.org/video/compare.php?
tests=140410_AT_DST-r:1-c:0
Www.Marcocasario.Com 28
Wednesday, December 3, 14
52. How
to
opCmize
What will your gain be if you
load zeptojs instead of Jquery ?
What if you reduce the blocking
resources and make parallel
loading ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
53. How
to
opCmize
How can you write better code
to render the page faster ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
54. How
to
opCmize
Stop Spamming
http://idontwantyourfuckingapp.tumblr.com/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
55. How
to
opCmize
Eliminate render-blocking JS
Load JS asynch
Www.Marcocasario.Com 28
Wednesday, December 3, 14
56. How
to
opCmize
<script src="file.js" defer></script>
<script src="file.js" async></script>
Www.Marcocasario.Com 28
Wednesday, December 3, 14
57. How
to
opCmize
Use a library like RequireJS
Www.Marcocasario.Com 28
Wednesday, December 3, 14
58. How
to
opCmize
Pay Attention to Media Queries
They block the rendering of the
page
Www.Marcocasario.Com 28
Wednesday, December 3, 14
59. How
to
opCmize
Pay Attention to Media Queries
1. Load Media Queries CSS
async (inject <LINK> after rendering)
2.Mix server-side detection with
RWD (WURLF or DeviceAtlas)
Www.Marcocasario.Com 28
Wednesday, December 3, 14
60. How
to
opCmize
Web Fonts are render blocking
Defer loading after first
rendering
Www.Marcocasario.Com 28
Wednesday, December 3, 14
61. How
to
opCmize
Cache content
Use Application Cache for
critical content
IndexedDB on iOS 8
Www.Marcocasario.Com 28
Wednesday, December 3, 14
62. How
to
opCmize
Double check the size of the
Cookies
(Resources Tab of the Dev Tools)
Www.Marcocasario.Com 28
Wednesday, December 3, 14
63. How
to
opCmize
Serve the content in the initial
part of html
Avoid redirects for html
Www.Marcocasario.Com 28
Wednesday, December 3, 14
64. How
to
opCmize
Use Gzip.
http://www.gidnetwork.com/tools/gzip-test.
php
Www.Marcocasario.Com 28
Wednesday, December 3, 14
65. How
to
opCmize
No really, Use Gzip.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
66. How
to
opCmize
Don't F*#k Around, use gzip.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
67. How
to
opCmize
Have a look at SPDY: An
experimental protocol for a
faster web
Www.Marcocasario.Com 28
Wednesday, December 3, 14
68. How
to
opCmize
Www.Marcocasario.Com 28
Wednesday, December 3, 14
69. How
to
opCmize
Minimize your JavaScript and
CSS files.
It's easy and it can be
automated.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
70. How
to
opCmize
Minimize render-blocking CSS:
separate critical from non
critical CSS if your CSS payload
is larger that 15kb
Avoid including large data URIs
Www.Marcocasario.Com 28
Wednesday, December 3, 14
71. How
to
opCmize
Talking about rendering, how
you can write better CSS to
render the page faster ?
Www.Marcocasario.Com 28
Wednesday, December 3, 14
72. How
to
opCmize
External CSS stylesheets are
render-blocking, meaning the
browser won’t paint content to
the screen until all of your CSS
– specifically, media=’screen’
CSS – arrives.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
73. How
to
opCmize
The solution to this is inlining
the initially needed (above-the-fold)
CSS for your page and
loading the rest of your CSS
when the page is ready.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
74. How
to
opCmize
Inline CSS
Ready and available for the
page.
Single HTTP request to view
content.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
75. How
to
opCmize
Inline CSS
Shave 500-700 ms off start
rendering the
DOMContentReady
Use only for the critical CSS
Www.Marcocasario.Com 28
Wednesday, December 3, 14
76. How
to
opCmize
How can you define your critical
content?
What the user expects to first
see on the page when it’s
loaded.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
77. How
to
opCmize
Loss Of Caching
Inlining the content makes the code not
cacheable and the resources are re-downloaded
every time.
The first page load on a new site may be
faster, but subsequent pages or return
visitors would experience a slower page load.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
78. How
to
opCmize
First Visit Inlining
On the first visit, inline the critical CSS and set a
cookie
Once the page loads, download all the resources
as individual files, or store the data into a
Scriptable Cache (http://www.blaze.io/technical/browser-cache-
2-0-scriptable-cache/)
If a user visits the page and has the cookie,
assume it has the files in the cache, and don’t
inline the data.
Www.Marcocasario.Com 28
Wednesday, December 3, 14
79. How
to
opCmize
Load CSS from local storage
http://addyosmani.github.io/
basket.js/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
80. How
to
opCmize
Remove
orphan
CSS
statements.
www.sitepoint.com/dustmeselectors/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
81. How
to
opCmize
Op9mize
images
Use
the
Sprite
technique.
h>p://alistapart.com/ar9cle/sprites
h>p://spriteme.org/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
82. How
to
opCmize
Use
the
icon
fonts
h>p://icomoon.io/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
83. How
to
opCmize
Compress images
http://imageoptim.pornel.net/
http://developer.yahoo.com/yslow/smushit/
http://pmt.sourceforge.net/pngcrush/
Www.Marcocasario.Com 28
Wednesday, December 3, 14
84. How
to
opCmize
Www.Marcocasario.Com 28
Wednesday, December 3, 14
85. How
to
opCmize
Www.Marcocasario.Com 28
Wednesday, December 3, 14
87. Author,
TesCng,
Automate
Use the right tool to author,
testing and automate
Www.Marcocasario.Com 28
Wednesday, December 3, 14
88. Yeoman
It’s a tool to help optimize your workflow
when developing web applications
http://www.yeoman.io
Www.Marcocasario.Com 28
Wednesday, December 3, 14
90. Yeoman
Before Yeoman
Make a list of libraries to use in your
project (es. Bootstrap, HTML5
Boilerplate, Backbone etc)
Download the libraries
Organize the folders
Include the libraries to the project
Write the code
Maintain and update the libraries
Www.Marcocasario.Com 28
Wednesday, December 3, 14
91. Yeoman
With Yeoman
yo webapp
HTML5 Boilerplate
Twitter Bootstrap
Project Structure
RequireJS (optional)
Modernizr (optional)
Build process
...
Www.Marcocasario.Com 28
Wednesday, December 3, 14
92. Yeoman
yo webapp
# scaffold out a skeleton web app
project
bower install underscore
# install a dependency for your project
from Bower
grunt
# build the application for deployment
Www.Marcocasario.Com 28
Wednesday, December 3, 14
93. Yeoman
One of the sub-tsk that Grunt executes
is the -usemin that makes the following:
<!-- build:js scripts/main.js -->
<script src="bower_components/jquery/jquery.js"></script>
<script src="scripts/main.js"></script>
<!-- endbuild -->
After your grunt build task completes,
you will end up with this:
<script src="scripts/c155266f.main.js"></script>
Www.Marcocasario.Com 28
Wednesday, December 3, 14
94. Yeoman
Bower is a package manager
for web application
www.bower.io
Www.Marcocasario.Com 28
Wednesday, December 3, 14