Keynote at Codebits in Portugal, April 2014, explaining the how and why of Firefox OS and how to use it.
Video: https://videos.sapo.pt/ZYQyY57ZlB6lhgIdBzrs
NodeConfLondon - Making ES6 happen with ChakraCore and NodeChristian Heilmann
The document discusses the history and future of JavaScript and Node.js. It covers the promises and problems of JavaScript, how Node.js helped address some issues but created new ones like monoculture. It then discusses how ES6 and the ChakraCore engine can help modernize JavaScript and break the Node monoculture by providing an additional engine option. The author hopes for less drama, embracing change, simplicity, inclusiveness, and prioritizing users over developers.
Chris Heilmann gave a talk celebrating beautiful web sites but noted that many sites could be more optimized. He highlighted that the average site is over 2 MB in size, with images making up over 1 MB of that. Many sites use unnecessary libraries, send high resolution images to all devices, and include autoplay videos without checking connection speed. However, newer browser capabilities like Flexbox, Service Workers, and camera/microphone access provide opportunities. Sites should cut unnecessary code, optimize images, and leverage new technologies to create accessible experiences for all types of users on today's capable browsers.
Moore vs. May - everything is faster and better: we can fix thatChristian Heilmann
This document summarizes a presentation about improving efficiency and performance on the web. It discusses Moore's Law, which states that computers get faster every two years, and May's Law, which says software efficiency halves every 18 months to compensate. However, web development has focused too much on innovation and new technologies rather than optimization. As a result, median page load times are over 5 seconds. The document calls for developers to focus on fixing existing issues, improving efficiency, and testing new standards like ES6 before adopting them widely. It argues for less hype and more focus on users, technical limitations, and fixing broken aspects of the current web.
Upgrading JavaScript to ES6 and using TypeScript as a shortcutChristian Heilmann
This document discusses upgrading JavaScript to ES6 and using TypeScript as an alternative. It covers some of the old issues with JavaScript, the learning process, tooling challenges, and dependency on libraries/frameworks. ES6 promises to address many of these with new features, but browser support is still evolving so transpilation is needed. TypeScript is presented as a shortcut that provides type safety and class-based syntax without transpilation overhead. The document also mentions the ChakraCore JavaScript engine as a promising new development.
The document discusses the problem of websites using large, unoptimized images that slow down loading times. It provides solutions like responsive images, automated image optimization tools, extracting metadata from images, intelligent resizing with cloud services, and machine learning for tasks like facial recognition and tagging to improve the image experience on the web. The key is for browsers, tools, and developers to work together to make images lightweight and adaptive while still high quality.
Making ES6 available to all with ChakraCore and TypescriptChristian Heilmann
This document summarizes Chris Heilmann's talk about making ES6 available to all with ChakraCore and TypeScript. It discusses issues with JavaScript like lack of type safety and classes, and how ES6 and tools like Babel and TypeScript help address these. It also introduces ChakraCore, a new JavaScript engine that can make ES6 available in more places like Node.js and provides benefits like improved performance compared to other engines. Overall, it outlines how tools and technologies are helping modernize JavaScript and expand where it can be used.
The document discusses how Gears aims to empower web applications by making them work offline through an open source approach. It notes how users are offline more than they think and that offline capabilities provide reliability, performance, and convenience benefits. The goal is to solve the problem of updating web applications offline for all developers, not just Google, by releasing the technology with a liberal open source license.
In the last year or so things changed drastically. Everybody uses an iPhone6, is connected 24/7 at high-speed without data caps, is healthy, has shiny teeth and loves spending money on your products. All you need to do is constantly innovate and you'll be a major success. The term for this is "the modern web". Another word for it is nonsense. There is a web people want and there is one that people use. We should start thinking about upgrading the one people use and stop chasing our own tail trying to mimick other environments.
Microsoft has become more open in recent years by open sourcing many products, making products cross-platform, and making training materials openly available. This open approach makes business sense for Microsoft as it attracts developers, allows employees flexibility, and taps into outside skills. Examples of Microsoft's success with open source include the Edge browser, Visual Studio Code editor, TypeScript transpiler, and ChakraCore JavaScript engine. The presenter encourages attendees to help promote Microsoft's open products and projects through conference talks, writing, and contributing translations and code.
No more excuses! Let's build beautiful things. #codemotion Rome Christian Heilmann
A quick reminder of how we make it too complex for ourselves as web developers these days, and how changes in the browser world mean mainly one thing: build to standards.
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
ES6 and other extensions to JavaScript are exciting, but they have the problem that they are not backwards compatible. How can we deal with that issue? Or is it really one?
The document discusses the state of JavaScript and opportunities for its responsible use. It encourages learning JavaScript properly rather than copying code without understanding. It argues against workarounds for browser issues and urges focusing on standards compliance. Updating tools and libraries, removing legacy code, and embracing modern JavaScript features like those in ES6 can help address past issues and enable further innovation on the web.
Chris Heilmann gave a talk about breaking out of endless callback loops in JavaScript development. He discussed the history and evolution of JavaScript, including its growing capabilities and uses. However, he emphasized that progressive enhancement and capability testing are still important principles on the client side to avoid broken experiences. While tools like transpilation and polyfills can help bring future features to current browsers, overreliance on them has downsides. The best approach is to embrace JavaScript's use in different environments and balance innovation with backward compatibility.
- The web development community needs to focus more on quality, accessibility, and standards compliance rather than constant innovation and new techniques. Browsers have come a long way but still struggle to balance implementing new features while maintaining compatibility.
- Web pages have gotten slower and larger over time due to an emphasis on appearance over performance and a reluctance to drop legacy techniques. Many modern solutions make the web more complex without real benefits.
- Developers should provide better feedback to browsers, demand stronger support for baseline functionality, and stop catering to outdated browsers to encourage continued progress toward an interoperable web. Simpler, more sustainable approaches would benefit all.
Innovation vs. Impatience - keynote at JSOpenDay London 2015Christian Heilmann
This document discusses tensions between innovation and impatience in JavaScript development. It notes that while developers want new features now, polyfills and transpilers can introduce dependencies and forfeit runtime benefits. There is also a split between those who see potential for a richer web and those who advocate progressive enhancement to avoid broken experiences. The document argues for balancing innovation with responsibility by avoiding user agent sniffing, optimizing for all environments, and not over-engineering for complexity's sake.
This is an all day course focused on building good PhoneGap applications. This is not a class for newbies or those wanting to learn programming. It is intended for those who have some programming experience and some knowledge of JavaScript or other curly brace language. This class is hands-on and focused on development. You will write code, not watch slides.
This document discusses WP-CLI, a command line interface for WordPress. It provides commands for common WordPress tasks like installing WordPress, creating configuration files, managing posts and users. Using WP-CLI allows automating repetitive WordPress tasks and managing WordPress sites from the command line. The presenter provides an example of using WP-CLI commands in a script and encourages the audience to try it out themselves.
Wrangling Large Scale Frontend Web ApplicationsRyan Roemer
Web applications are massively shifting to the frontend, thanks to exciting new JavaScript / CSS technologies, expanding browser capabilities (visualizations, real-time apps, etc.) and faster perceived user experiences. However, client web applications can be a nightmare to maintain at scale, even for seasoned software architects and operations engineers. Deployment and production infrastructures are complex and rapidly changing. And, frontend JavaScript / CSS code ships to browsers worldwide, where errors and issues are notoriously difficult to systematically detect and diagnose.
In this talk, we will tackle the wild west of the frontend with pragmatic steps and seasoned advice from helping organizations from startups to Fortune 500 companies create some of the largest frontend web applications on the Internet. In particular, we will examine the many hard lessons gleaned from leading frontend application development and education for a team of 50+ engineers rearchitecting a top-five e-commerce site. Some of the topics we will cover include:
* Managing and building very large (500K+ line) frontend application / test code bases.
* Surviving production traffic and errors on the frontend and handling spikes like Black Friday / Cyber Monday for one of the highest traffic e-commerce websites in existence.
* How, where, and why your frontend application is likely to fail.
* Monitoring, logging, and debugging frontend web applications out in the wild.
* Automating checks, tests, and code introspection to protect your code in production.
* Creating an effective, fast, and engineer-friendly development-test-deployment frontend pipeline.
Whether your frontend application already supports millions of transactions a day or you are about to launch your first single-page-application, our aim is to prepare teams of all sizes for the most critical challenges and solutions facing modern frontend web applications.
Este documento contiene los testimonios de varias personas con discapacidad que han trabajado o trabajan actualmente en diferentes empresas a través del programa Lantegi Batuak o de forma directa. Expresan en general sentirse contentos con sus trabajos y compañeros, y su deseo de seguir desarrollando sus funciones o mejorar sus condiciones laborales en el futuro.
We recently updated the Developmental Continua at GWA in Math and Literacy. Here is a parent presentation I did to help parents understand the new continua.
Körting Hannover AG is a leading manufacturer of ejectors for the shipbuilding industry with over 140 years of experience. Ejectors are self-priming fluidic devices that use liquids, gases, or vapors to pump, evacuate, mix, or discharge other fluids without moving parts. Körting ejectors are customized for individual ship applications and used widely for bilge pumping, ballast handling, and other tasks. They provide reliable operation with low maintenance needs and costs.
El documento argumenta que las personas no son recursos y que el departamento de Recursos Humanos debería llamarse de otra forma. Se comete un error al considerar a las personas como recursos cuando en realidad son humanos con recursos propios como el conocimiento y el talento. Algunas empresas ahora lo llaman Departamento de Personal Profesional u otra denominación que reconozca a las personas como la clave de la ventaja competitiva de una empresa.
La historia se sitúa en Ciudad Academia, una ciudad tecnológicamente avanzada localizada al oeste de Tokio que se especializa en el desarrollo de poderes psíquicos, pero también se sitúa en un mundo donde la magia es real. Touma Kamijou es un estudiante de secundaria que posee en su mano derecha un misterioso poder llamado Imagine Breaker, el cual puede negar cualquier fenómeno sobrenatural ya sea psíquico o mágico, lo que también anula su propia buena suerte. Un día encuentra a una chica llamada Index colgada de su balcón. Ella es una monja que posee en su mente el Index Librorum Prohibitorum, el cual es una colección de 103,000 libros mágicos. Cuando los caminos de la ciencia y la magia se cruzan, esta historia comienza.
El documento proporciona instrucciones para construir un plantinero artesanal para la producción de plantines de hortalizas. Explica los pasos para seleccionar un sitio, excavar los cimientos, colocar postes y paredes, y construir el techo. También cubre la instalación de malla anti-insectos, láminas transparentes y bandejas para plantas, así como los beneficios de proteger las plantines y recomendaciones para la construcción.
The document describes a cloud ERP system called Tesla ERP. It provides the following key benefits:
- It allows companies to access all their business information from any device with an internet connection. This gives employees mobility and real-time visibility.
- Data is securely stored on servers rather than locally, eliminating risks of data loss, theft, or corruption. Automatic backups are done daily.
- Various modules can be selected to manage tasks like accounting, sales, customer support, and more. This streamlines workflows and allows for fast decision making based on analytics and reporting.
The document discusses Rocana Search, a system built by Rocana to enable large scale real-time collection, processing, and analysis of event data. It aims to provide higher indexing throughput and better horizontal scaling than general purpose search systems like Solr. Key features include fully parallelized ingest and query, dynamic partitioning of data, and assigning partitions to nodes to maximize parallelism and locality. Initial benchmarks show Rocana Search can index over 3 times as many events per second as Solr.
El documento presenta un resumen de la entrevista al presidente del club deportivo Coutadas Trail Team. En ella, Bernardo Rodríguez explica que el club se formó hace unos años por un grupo de amigos que practicaban running y ahora cuenta con alrededor de 30 socios. Su objetivo principal es mantener la amistad entre los miembros y disfrutar de la práctica deportiva juntos. El club participa en carreras de montaña pero no ofrece otros servicios más allá de las licencias federativas.
Este documento describe la importancia de la participación comunitaria y diferentes niveles de participación. También explica las metodologías tradicionales versus participativas, dando ejemplos de técnicas participativas como mapas parlantes, rotafolios y dinámicas de grupo. El objetivo es promover la participación activa de las comunidades en su propio desarrollo.
Este documento presenta el informe de interventoría técnica No. 10 del proyecto de construcción de la Ciudadela Escolar en Santa Cruz de Lorica, Córdoba. Describe el avance de las obras entre el 30 de octubre y el 30 de noviembre de 2012, señalando que los trabajos se encuentran suspendidos sin justificación por parte del contratista. La interventoría recomienda que el contratista reanude las obras para cumplir con los plazos establecidos y que la administración municipal tome medidas al respecto
El documento describe los fundamentos de la inspección de soldaduras mediante ultrasonido en lugar de radiografía, cumpliendo con códigos y estándares internacionales. Explica que los equipos de ultrasonido deben ser apropiados, con metodologías y procedimientos validados y personal competente para asegurar la confiabilidad. Describe diferentes métodos de inspección ultrasónica como Phased Array, TOFD y AUT, sus aplicaciones, ventajas sobre la radiografía y requisitos para la inspección.
Resource Sharing and Communication: serving the needs of the malaria clienteleJoseph Yap
The document summarizes the history and activities of the ACTMalaria Information Resource Center (AIRC), which aims to facilitate information sharing on malaria among countries in Asia. AIRC was established in 2005 to revitalize the previous Mekong Malaria Documentation Center. It collects malaria-related resources from 10 partner countries and libraries and makes them available online. AIRC also provides training to partners and works to establish satellite libraries to expand access to malaria information. Based on user feedback, AIRC is still developing but aims to be an effective online databank on malaria in Asia through cooperation with partners.
Este documento describe las categorías gramaticales y tipos de palabras desde el punto de vista morfológico y sintáctico. Explica las propiedades de sustantivos, adjetivos, determinantes, pronombres y verbos, incluyendo sus clases y concordancia. También describe los morfemas verbales como persona, número, tiempo y aspecto.
This document provides an overview of setting up a Project Management Office (PMO). It discusses what a PMO is, why organizations need them, and the key components and structures of an effective PMO. A PMO sets standards, provides governance, and establishes processes to manage projects consistently. It aims to deliver projects efficiently and successfully while improving reporting, resource management, and alignment with organizational strategy. The document outlines the functional, structural, and disciplinary facets of a PMO and how they work interdependently. It also promotes accessing the full guide online for more details on PMO components, maturity levels, setup, and considerations.
Firefox OS is an open source mobile operating system that aims to provide an alternative to proprietary mobile platforms. It is based on HTML5 and open web technologies. Firefox OS has been released in several countries in partnership with mobile operators and hardware manufacturers. It targets emerging markets and low-cost devices. The document discusses Firefox OS architecture, APIs available to web and installed apps, app distribution methods, and the developer environment.
Firefox OS is an open source operating system built using HTML5 that aims to fulfill the promises made by HTML5 as a platform. It gives developers full access to device hardware through Web APIs while allowing app distribution through the web. The OS is already available on low-cost devices in certain markets. It uses the Gecko rendering engine and a simple architecture based on Linux and Android. This allows it to provide predictable HTML5 support and security for web apps. Developers can build apps using standard web technologies and distribute them via the Firefox OS marketplace or by installing them directly from the web.
The document summarizes key aspects of building Firefox OS to address issues with the mobile web. Firefox OS is Mozilla's attempt to make the web a first-class citizen on phones and tablets by starting with the web stack rather than trying to add the web to an existing OS. It has launched in several countries and aims to be an affordable alternative to feature phones and closed platforms. The architecture is based on Linux, Gecko, and web technologies. It provides predictable HTML5 support and addresses performance, fragmentation, security and hardware access through its design and web APIs.
Screencast on YouTube: https://www.youtube.com/watch?v=GJ_5JKG4nFI
Firefox OS is a new operating system aimed at emerging markets to replace feature phones with HTML5 based Smartphones whilst still being affordable. In this talk you'll see its architecture, how to take part in it and what it means to the evolution of HTML5 as a platform. A lot of promises have been made, here you can see HTML5 working without having to jump through hoops and abstractions.
Firefox OS is an open source mobile operating system developed by Mozilla. It uses open web technologies like HTML5, CSS and JavaScript to build apps, allowing developers to build once and deploy apps across devices without needing to learn different native platforms. The OS consists of Gecko for rendering web content, Gaia for the user interface, Gonk as the Linux-based kernel, and various web APIs for functionality like telephony, SMS, contacts and more. Developers can publish apps to the Mozilla Marketplace or install/host them directly on devices.
Firefox OS is an open source mobile operating system built using HTML5 and other web technologies. It allows developers to create apps using standard web technologies and distribute them through the Firefox Marketplace or by installing from the web. Firefox OS is aimed at emerging markets and provides an alternative to proprietary platforms. It includes several web APIs and allows various levels of apps from regular web content to certified apps with additional privileges.
Firefox OS allows developers to build apps and customize the user interface using HTML5, CSS, JavaScript, and Web APIs. Apps are developed as regular web apps, with the addition of an app manifest file. Apps can be published to the Firefox Marketplace or installed directly. The Firefox OS platform provides both regular web APIs as well as more privileged APIs that require permissions. Future plans include additional APIs for features like spell checking, peer-to-peer connectivity, and WebRTC. Developers can get help through IRC channels or mailing lists and try things out using emulators, boilerplate apps, and the Firefox OS developer preview.
This document summarizes the Firefox OS, an open web platform for building mobile apps and customizing the user interface using HTML5, CSS, and JavaScript. It outlines key web APIs, the process for developing and publishing open web apps, and the different types of apps including regular web apps, installed web apps, and privileged web apps with additional capabilities. Security levels and permissions for APIs are also discussed.
This document discusses building HTML5 apps with native capabilities for BlackBerry devices. It outlines various HTML5 APIs that can access native device features like geolocation, accelerometer, notifications and more. It also describes how to create custom WebWorks APIs that extend HTML5 functionality by connecting to native device APIs for BlackBerry OS, Tablet OS, and BlackBerry 10. Resources provided include documentation, code samples, and details on the WebWorks SDK and roadmap.
Bringing the open web and APIs to mobile devices with Firefox OS - Whisky W...Robert Nyman
The document discusses building apps for Firefox OS using open web technologies like HTML5, CSS, and JavaScript. It explains that apps can be developed like regular web apps and then packaged for installation on Firefox OS devices. Developers can access device APIs for features like contacts, notifications, and sensors. The document outlines the steps to take which include developing the app, creating a manifest file, and publishing/installing the app. It provides details on various web APIs and permissions available to Firefox OS apps.
Firefox OS - A (mobile) Web Developers dream - DWX14Carsten Sandtner
My slides from Developer Week 2014 in Nuremberg.
Original Slides: http://casarock.github.io/dwx14
(Quality of uploaded slides is not good as slideshare has problem converting the used backgorund)
Firefox OS - The platform you deserve - Athens App Days - 2013-11-27Frédéric Harper
This document provides an overview of Firefox OS, including:
- Firefox OS is an open source mobile operating system that uses HTML5, CSS3, and JavaScript to build apps.
- It has a number of web APIs for accessing device capabilities like the ambient light sensor, battery status, contacts, and more.
- Apps can be hosted on the web or packaged; packaged apps have access to more privileged web APIs and web activities.
- Web activities allow apps to share data and functionality through activities like making phone calls, picking images, or creating contacts.
- Firefox OS has been released in several countries and aims to provide an affordable platform for emerging markets using low-end hardware.
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!Christian Heilmann
We're past the honeymoon period of HTML5 by now. The excitement of inflated promises is over and we start wondering what to do – use HTML5 or just build an iOS app instead? In this talk Chris Heilmann of Mozilla will show what HTML5 is really good for, what its problems are, what causes a lot of these problems and how new operating systems like Firefox OS work and conversion tools like PhoneGap work around these issues. You'll see the now of HTML5 and what is cooking in the kitchens of browser makers and standards bodies that will developing and deploying apps cross-platform much easier than it is now. We have a lot of tools at our disposal, we simply need to dare to use them.
The document summarizes a presentation on Firefox OS and the benefits of a truly web-based mobile operating system. Some key points:
- Firefox OS is created by Mozilla and Telefonica to be entirely based on web technologies like HTML5, allowing developers to create apps using common web skills instead of platform-specific APIs.
- This will lower the cost and complexity of mobile development while giving more choice and removing users from closed ecosystems.
- Firefox OS phones have launched, targeting emerging markets where people can't afford high-end smartphones from other companies.
- The OS is optimized for low-cost hardware and provides a good user experience through the mobile web.
- It includes new web APIs
Firefox OS, a startup opportunity - Mobile Startups Toronto & HTML Toronto me...Frédéric Harper
Firefox OS is an open source mobile operating system built using HTML5 technologies. The document discusses starting a mobile startup using Firefox OS, which allows building apps using web technologies like HTML5, CSS, and JavaScript. It provides an overview of the Firefox OS app model and various web APIs available to build apps, including ambient light sensors, battery status, contacts, and web activities. It encourages developers to consider porting their web apps to Firefox OS to reach a new audience and provides resources for getting started with Firefox OS development.
Firefox OS: HTML5 sur les stéroïdes - HTML5mtl - 2014-04-22Frédéric Harper
This document discusses Firefox OS, an open source mobile operating system built on HTML5. It notes that Firefox OS is constructed using HTML5, CSS3 and JavaScript APIs to build applications. It highlights some of the benefits of using HTML5 like distribution through the web and standards-based technologies. It provides examples of Firefox OS devices and discusses how to build hosted and packaged applications for Firefox OS using HTML5, manifest files and various web APIs.
Open Web Device: The first phone running Firefox OS!Francisco Jordano
Firefox OS is an open source mobile operating system developed by Mozilla. It uses open web technologies like HTML5, CSS and JavaScript as its platform instead of relying on native applications. Key components include the Gecko rendering engine, Gaia user interface built with open web technologies, and APIs for common mobile features like telephony, SMS, location and more. Developers can try out Firefox OS using nightly builds or by installing it on supported devices. The open source nature of Firefox OS promotes collaboration through channels like GitHub, IRC and mailing lists.
With mobile taking off in a big way it is a fun and exciting time to be a software developer. The landscape is rapidly changing, with a wide variety of options for platforms and programming languages. Businesses are faced with tough decisions on how to provide a best possible user experience, yet keeping maintenance cost down across the different smart phone platforms.
Some are compromising user experience and betting on web based interfaces, while others require the high fidelity user experience or device integration traditionally only found in native apps.
In this session I will demonstrate how we can write fully native applications taking full advantage of the platform, yet achieving a high level of code reuse across Windows Phone 7, Android and iOS.
Topics covered:
- Separated Presentation patterns for maximum code reuse across all platforms
- How to structure your source code and build it for all platforms
- How to access devices specific functionality like Camera, GPS and Accelerometer in a cross platform way
- Tips, tricks and tools to make the cross platform development process smoother.
For maximum benefit from this session some prior knowledge of MVVM is beneficial.
Apache Cordova allows developers to use standard web technologies like HTML, CSS, and JavaScript to build applications that can be deployed across various mobile platforms. It provides an API that enables access to device capabilities and features. Developers can also create custom plugins to access native functionality that is not included in the core Cordova API.
Similar to Firefox OS - HTML5 for a truly world-wide-web (20)
We are obsessed with coding and creating automated workflows and optimisations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end users and other developers. Maybe it is time to change that. Here are some ideas.
This document discusses ways to improve how web developers learn best practices through browser and tooling improvements. It suggests that linting and inline insights directly in code editors could help prevent mistakes by flagging issues early. A tool called webhint is highlighted that provides one-stop checking and explanations of hints related to performance, accessibility, security and more. The document advocates for customizing hints based on a project's specific needs and environment. Overall, it argues for accelerated learning through context-sensitive, customizable best practices integrated into development workflows.
This document discusses privilege in the context of social media and the internet. It acknowledges privileges like internet access, the ability to communicate, and supportive online communities. It warns that machine learning and algorithms risk creating echo chambers and guided messaging if they are not kept in check by human curation. The document advocates taking back the web for decent, thinking and loving humans and using privileges to help others gain access to learning, communication, and communities.
This document discusses artificial intelligence and how it can help humans. It covers that AI is not new, having originated in the 1950s, and is now more advanced due to increased computing power. It also discusses how AI utilizes pattern recognition and machine learning. The document then covers several applications of AI including computer vision, natural language processing, sentiment analysis, speech recognition/conversion and moderation. It notes both the benefits of AI in automating tasks and preventing errors, as well as the responsibilities of ensuring transparency and allowing people to opt-in to algorithms.
Killing the golden calf of coding - We are Developers keynoteChristian Heilmann
The document discusses concerns about the perception and realities of coding careers. It expresses worry that coding is seen solely as a way to get a job rather than as a means of problem-solving. While coding can provide fulfilling work, the document cautions that the need for coders may decrease with automation and that the role may evolve from coding to engineering. It suggests a future where machines assist with repetitive coding tasks and people focus on delivering maintainable, secure products with attention to privacy and user experience.
PWA are a hot topic and it is important to understand that they are a different approach to apps than the traditional way of packaging something and letting the user install it. In this keynote you'll see some of the differences.
This document discusses privilege in technology and perceptions of technology workers. It acknowledges the privileges that tech workers enjoy, such as access to resources and high demand in the job market. However, it also notes problems like peer pressure, lack of work-life balance, and imposter syndrome. Both tech workers and the public have skewed perceptions of each other - tech workers feel others do not appreciate or understand their work, while the public sees tech workers as antisocial or caring only about profit. The document encourages taking small steps to improve the situation, such as being kind to oneself, considering others, sharing knowledge, and focusing on quality over quantity of work.
The document provides five ways for JavaScript developers to be happier:
1) Concentrate on the present and focus on creating rather than worrying about the past or future.
2) Limit distractions by streamlining your development environment and using an editor like VS Code that consolidates features.
3) Make mistakes less likely by using linters to catch errors as you code.
4) Get to know your tools better like debuggers to avoid console.log and gain insights to build better solutions.
5) Give back to others in the community by being helpful rather than causing drama.
The document discusses progressive web apps (PWAs) and provides suggestions for improving them. It notes that while PWAs aim to have engaging, fast, integrated, and reliable experiences like native apps, they still have room for improvement in areas like speed, integration, and reliability. It emphasizes that PWAs should adhere to web best practices and provide actually useful experiences rather than just focusing on technical features. The document encourages helping the PWA effort by providing feedback, using and contributing to tools, keeping messaging up-to-date, and promoting high-quality examples.
Chris Heilmann gave a talk at BTConf in Munich in January 2018 about machine learning, automation worries, and coding. He discussed how coding used to refer to creative programming within technical limitations but now often refers to programming for work. He addressed common worries about new technologies and dependencies, and argued that abstractions are not inherently bad and help more people build products together through consensus. The talk focused on using tools to be more productive and enabling rather than seeing them as dangers, and creating solutions for users rather than fighting old approaches.
The document provides advice and encouragement for someone starting out with JavaScript development. It discusses how JavaScript can be used in many environments like browsers, apps, and servers. It recommends resources like MDN and tools like linting to help avoid mistakes. It emphasizes that this is an exciting time for JavaScript and advises setting priorities and standards, being involved in the community, and bringing new voices and perspectives.
Keynote at halfstackconf 2017 discussing the falsehood of the idea that in order to survive the automation evolution everybody needs to learn how to code. Machines can code, too.
Progressive Web Apps - Covering the best of both worlds - DevReachChristian Heilmann
Progressive Web Apps (PWAs) can provide app-like experiences through the web by making web content fast, reliable and engaging. While PWAs may not be necessary for all projects, they can help clean up and speed up current web-based projects. PWAs leverage new web capabilities like service workers to work offline, load fast, and improve the user experience without having to meet all the requirements of native apps.
Progressive Web Apps - Covering the best of both worldsChristian Heilmann
This document discusses progressive web applications (PWAs) and their advantages over traditional native mobile applications. PWAs use modern web capabilities like Service Workers to deliver native-like experiences to users. Some key benefits of PWAs include their ability to work across platforms, have smaller file sizes for faster loading, support offline use, and provide simple update mechanisms compared to native apps. While PWAs do not have full access to device capabilities like native apps, they allow delivering app-like web content to users in a more accessible and reliable manner than traditional web pages.
Progressive Web Apps - Bringing the web front and center Christian Heilmann
This document discusses progressive web apps (PWAs). It notes that PWAs aim to make web apps feel like native mobile apps by being discoverable, installable, linkable, safe, responsive and progressive. The document outlines some key characteristics of PWAs, including that they need to be served from secure origins and have app manifests. It also discusses some common misconceptions around PWAs and notes that as PWAs improve, they will continue to blur the line between web apps and native mobile apps.
This document discusses the differences between CSS and JavaScript and when each is most appropriate to use. It argues that CSS is often underestimated in favor of JavaScript solutions. CSS has advanced significantly with features like calc(), media queries, animations/transitions, flexbox, grid, variables and more. These powerful features allow many tasks to be accomplished with CSS alone without needing JavaScript. The document encourages embracing the "squishiness" of the web and considering CSS more when building interfaces.
This document contains the transcript of a presentation by Chris Heilmann on web development. Some of the key points discussed include:
- The benefits of progressive enhancement and using HTML, CSS, and JavaScript together to build robust and accessible websites.
- How limitations in early design can foster creativity.
- The importance of error handling and defensive coding practices.
- Embracing new technologies like Service Workers and Manifests to build Progressive Web Apps.
- Rethinking the idea that JavaScript is unreliable and should not be depended on, as modern browsers have made it a capable tool.
The Soul in The Machine - Developing for Humans (FrankenJS edition)Christian Heilmann
The document discusses how machines and software can help humans by doing tasks like preventing mistakes, performing repetitive tasks, filling information gaps, remembering and categorizing information, improving understanding, enabling new communication methods, and providing protection. It describes how advances in AI, APIs, cloud services, and data processing have made it possible to build useful and helpful interfaces. The conclusion encourages developers to use these capabilities to create simple, human-centric interfaces that benefit users.
How to Add Colour Kanban Records in Odoo 17 NotebookCeline George
In Odoo 17, you can enhance the visual appearance of your Kanban view by adding color-coded records using the Notebook feature. This allows you to categorize and distinguish between different types of records based on specific criteria. By adding colors, you can quickly identify and prioritize tasks or items, improving organization and efficiency within your workflow.
Delegation Inheritance in Odoo 17 and Its Use CasesCeline George
There are 3 types of inheritance in odoo Classical, Extension, and Delegation. Delegation inheritance is used to sink other models to our custom model. And there is no change in the views. This slide will discuss delegation inheritance and its use cases in odoo 17.
How to Store Data on the Odoo 17 WebsiteCeline George
Here we are going to discuss how to store data in Odoo 17 Website.
It includes defining a model with few fields in it. Add demo data into the model using data directory. Also using a controller, pass the values into the template while rendering it and display the values in the website.
Views in Odoo - Advanced Views - Pivot View in Odoo 17Celine George
In Odoo, the pivot view is a graphical representation of data that allows users to analyze and summarize large datasets quickly. It's a powerful tool for generating insights from your business data.
The pivot view in Odoo is a valuable tool for analyzing and summarizing large datasets, helping you gain insights into your business operations.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
Webinar Innovative assessments for SOcial Emotional SkillsEduSkills OECD
Presentations by Adriano Linzarini and Daniel Catarino da Silva of the OECD Rethinking Assessment of Social and Emotional Skills project from the OECD webinar "Innovations in measuring social and emotional skills and what AI will bring next" on 5 July 2024
Split Shifts From Gantt View in the Odoo 17Celine George
Odoo allows users to split long shifts into multiple segments directly from the Gantt view.Each segment retains details of the original shift, such as employee assignment, start time, end time, and specific tasks or descriptions.
(T.L.E.) Agriculture: Essentials of GardeningMJDuyan
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏.𝟎)-𝐅𝐢𝐧𝐚𝐥𝐬
Lesson Outcome:
-Students will understand the basics of gardening, including the importance of soil, water, and sunlight for plant growth. They will learn to identify and use essential gardening tools, plant seeds, and seedlings properly, and manage common garden pests using eco-friendly methods.
The membership Module in the Odoo 17 ERPCeline George
Some business organizations give membership to their customers to ensure the long term relationship with those customers. If the customer is a member of the business then they get special offers and other benefits. The membership module in odoo 17 is helpful to manage everything related to the membership of multiple customers.
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Neny Isharyanti
Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024.
The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.
How to Handle the Separate Discount Account on Invoice in Odoo 17Celine George
In Odoo, separate discount account can be set up to accurately track and manage discounts applied on various transaction and ensure precise financial reporting and analysis
Front Desk Management in the Odoo 17 ERPCeline George
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
15. BENEFITS OF HTML5
★ In-built distribution - the web
★ Simple technologies used by lots of
developers
★ Evolution of existing practices
★ Open, independent, standardised
23. SOME FACTS…
★ Released in fourteen countries: Spain, Poland, Venezuela,
Colombia, Peru, Uruguay, Mexico, Brasil (more soon)
★ Released with 7 mobile operator partners, 3 hardware
partners
★ Hardware options: Alcatel One Touch Fire, ZTE Open,
Geeksphone Keon, Geeksphone Peak, LG Fireweb…
★ Aimed at emerging markets/low end market
★ Aimed to be an alternative to feature phones and
unavailable closed environments.
★ Open source - it is all on GitHub
24. "Movistar offers the
ZTE Open for €69,
including €30 of
balance for prepaid
customers and a
4GB microSD card"
30. APPLICATION MANIFEST
{
"version": "1.0",
"name": "MozillaBall",
"description": "Exciting Open Web development action!",
"icons": {
"16": "/img/icon-16.png",
"48": "/img/icon-48.png",
"128": "/img/icon-128.png"
},
"developer": {
"name": "Mozilla Labs",
"url": "http://mozillalabs.com"
},
"installs_allowed_from": ["*"],
"appcache_path": "/cache.manifest",
"locales": {
"es": {
"description": "¡Acción abierta emocionante del desarrollo del Web!",
"developer": {
"url": "http://es.mozillalabs.com/"
}
}
},
"default_locale": "en"
}
31. Privileged Web App
More access, more
responsibility
Web Content
Regular web content
APPLICATIONS
Installed Web App
A regular web app
Certified Web App
Device-critical
applications
36. WEB APIS (FOR ALL)
Vibration API (W3C)
Screen Orientation
Geolocation API
Mouse Lock API (W3C)
Open WebApps
Network Information API (W3C)
Battery Status API (W3C)
Alarm API
Web Activities
Push Notifications API
WebFM API
WebPayment
IndexedDB (W3C)
Ambient light sensor
Proximity sensor
Notification
40. VIBRATION API
// Vibrate for one second
navigator.vibrate(1000);
// Vibration pattern [vibrationTime, pause,…]
navigator.vibrate([200, 100, 200, 100]);
// Vibrate for 5 seconds
navigator.vibrate(5000);
// Turn off vibration
navigator.vibrate(0);
65. MOZILLA BRICK
<x-flipbox>
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
</x-flipbox>
!
//JavaScript
toggleButton.addEventListener("click", function() {
flipBox.toggle();
});
http://mozilla.github.io/brick/
70. MORE WEB APIS…
Resource lock API
UDP Datagram Socket API
Peer to Peer API
WebNFC
WebUSB
HTTP-cache API
Calendar API
Spellcheck API
LogAPI
Keyboard/IME API
WebRTC
FileHandle API
Sync API
71. APPMAKER!
Resource lock API
UDP Datagram Socket API
Peer to Peer API
WebNFC
WebUSB
HTTP-cache API
Calendar API
Spellcheck API
LogAPI
Keyboard/IME API
WebRTC
FileHandle API
Sync API