"Polymer is production ready, how about you?" by Maurizio Mangione Da quando è stata rilasciata la versione 1.0 Polymer è finalmente pronto per essere usato in produzione. Quali sono le cose da tenere in considerazione, gli strumenti da usare e le pratiche migliori per deployare e mantenere i propri componenti? In questo talk vedremo come creare applicazioni basate su Polymer e come integrarlo in quelle già in produzione, dove riscrivere tutto da zero non è un'opzione.
An introduction to Jekyll, a ruby gem and static site generator for building blogs and other simple static sites.
The document discusses Polymer and web components. It begins with an introduction to web components and their building blocks like templates, shadow DOM, and custom elements. It then explains that Polymer is a library that makes it easier to build with web components, but is not a framework in itself. The rest of the document demonstrates how to build a simple custom element called "alert-banner" with Polymer by generating the element scaffolding, defining the element behavior, and adding styling and content. It suggests that elements can be combined into applications and discusses tools for developing and deploying production web apps with Polymer.
GoCoding.Today shares how to become a software engineer from zero by covering important concepts and keywords over 18 episodes, emphasizing that practice is required. Viewers can ask questions by leaving comments. The site recommends having an idea of something to build and knowing that done is better than perfect when getting started with HTML and CSS basics by referencing provided learning resources and homework of creating an HTML page.
This document provides an overview of a frontend crash course on HTML and CSS. It introduces the instructor and teaching assistants. The agenda includes learning key concepts of HTML and CSS over 30 minutes, reviewing assignments for 10 minutes, completing challenges with support for 30 minutes, and information on continuing learning for 10 minutes. The document explains how the web works with clients and servers, and provides examples of HTML tags and CSS properties to style pages. It also lists assignments for students and discusses Thinkful's programming bootcamps and mentorship opportunities.
This document discusses Polymer and web components. It explains that Polymer uses web components to allow defining custom HTML elements. It provides an example of creating a simple custom alert banner element with Polymer that can be reused. The document also discusses how elements can be combined into applications and some features of Polymer like app-wide theming and its build process.
This document discusses using Django CMS to build websites. It provides an overview of Django CMS, how to install it using the djangocms-installer, configure templates and placeholders, add plugins, and customize aspects like permissions, languages, and wizards. Django CMS allows non-technical users to edit content while providing developers flexibility through its plugin architecture and integration with Django.
This document provides an overview of a frontend crash course on HTML and CSS. It introduces the instructor and teaching assistants. The agenda includes learning key concepts of HTML and CSS over 30 minutes, reviewing assignments for 10 minutes, completing challenges with support for 30 minutes, and information on continuing learning for 10 minutes. The document explains how the web works with clients and servers, and provides examples of HTML tags and CSS properties to style pages. It also lists assignments for students and information on Thinkful's programming bootcamps and mentorship opportunities.
Blazor is a WebAssembly (Wasm) technology. A WebAssembly is a safe, portable, low-level code format designed for efficient execution and compact representation. These slides are used in my DevDay.be 2018 presentation.
This document summarizes a presentation on using Vim for web development. It introduces the presenter and provides links to related resources. It then demonstrates various Vim plugins and configurations for file navigation, linting and formatting, Git integration, and other development tasks. The document concludes by offering to help with configuring jedi-vim for Python auto-completion using a project-specific paths file.
Andy Thompson, Get Started CTO, shares first experience and practices they gained with Kentico Cloud headless CMS recently. Get more familiar with all resources available for Kentico Cloud. users and get a use of various best practices: - Search as a Service - Content Type based navigation - Modular Content - Content Personalization
The document outlines an agenda for a frontend crash course workshop on HTML and CSS. It introduces the instructor and TAs, suggests taking advantage of support, and provides an overview of the workshop agenda which includes learning key concepts, reviewing assignments, working on challenges with support, and next steps for continued learning. It also covers topics like how the web works, the roles of clients and servers, HTML structure and tags, using CSS to style pages, common CSS properties and selectors, and assignments for attendees to complete after the workshop.
Introduction speech about my up and coming Wade.Go client-side centric web framework for Go. The project is at http://github.com/phaikawl/wade
Overview / extracts from presentations at JSConf.eu conference about topics that were more interesting to me.
When you are about to make the step from developing web apps to making mobile apps, you should consider using a hybrid technology approach. The use of web technologies to build "native" mobile apps is a journey with a lot of choices to make and questions to answer. This presentation tells you, how we made our decisions and what options we had been looking at. It also introduces the Lungo-Angular-Bridge we use to bring together the best of Lungo and Angular to make mobile apps that rock.
This document provides an overview of how to build maintainable WordPress plugins. It discusses the history of WordPress and how plugins work using hooks. It recommends using object-oriented PHP and learning additional technologies like VueJS and ReactJS. The document also provides resources like the WordPress Plugin Handbook and Hooks Reference and encourages looking at existing plugin code and the WordPress codex to continue learning. It concludes by mentioning the company is hiring.
The document summarizes the reasons for moving from LESS to SASS for Magento 2 theme development. LESS allows bad coding practices while SASS has better performance, conditional statements, and other features. The project will also implement a new frontend methodology using BEM, documentation, modularity, and tools to improve development. Partners will work on rebuilding the Blank theme using these new approaches with a target release of Q4 2016. Developers are encouraged to follow updates on Twitter, GitHub, and Magento forums.
This document provides an overview of a frontend crash course on HTML and CSS. It includes details about the instructor, learning objectives, agenda, and how to continue learning after the course. The agenda covers key concepts of HTML, CSS, and how the web works. Assignments are provided to practice the skills learned. Real-world examples and troubleshooting tips are also discussed to help students learn and feel supported.
by Maurizio Mangione - I web components sono un nuovo set di feature della piattaforma web. Polymer ne rende la creazione ancora più facile e permette, tramite polyfill di utilizzarli in tutti i browser moderni fin da ora. In Polymer tutto è un elemento, ha una vita propria e per questo può essere facilmente distribuibile e riutilizzabile.
Polymer is a new framework developed by Google for quickly creating web applications using web components. At Kontest, we face the challenge to push this technology in production to a mainstream audience for the 1st time ever. The presentation starts with the fundamentals and some examples. Then, we share our feedbacks from the field with all the details on the implementation.
This document discusses building progressive web apps with Angular 2. It covers using service workers to enable offline functionality through caching, implementing an app shell architecture for immediate loading, and other features like background syncing and push notifications. The last section describes the Angular Mobile Toolkit for generating starter code and manifest files to help develop progressive web apps.
"Engage and retain users in the mobile world" by Matteo Bonifazi App stores are growing day by day and millions of apps have been downloaded by users every day. Crafting an awesome mobile app does not mean having a great success in the market. It becomes crucial for app success to make your app engaging so that users who have installed actually use it. With this talk, we are diving into several techniques, like App Indexing and App Invites, that help make the mobile app a more useful and embedded part of the user's experience.
This document summarizes the process of developing the new Theme Showcase for WordPress.com by a distributed team at Automattic. It involved 5 design iterations over 3.5 months with input from external and internal testers. The team used principles of transparency, initiative, communication, remote-friendly tools, and an emphasis on culture to successfully collaborate across distances. The new Theme Showcase was launched on schedule and within budget, demonstrating how effective work can be done in a fully distributed company.
This document summarizes a presentation about how Sinfonier, a visual programming tool, can be used to turn non-technical users like grandparents into data analysts. It provides an overview of Sinfonier compared to Apache Storm, describing how Sinfonier offers a simpler drag-and-drop interface without requiring programming. An example topology for word count is shown to illustrate how Sinfonier can be used to build real-time data processing applications.
Devices (phones, tablets, etc.) already consume most services/data, but they have to get those services somewhere! In this session, learn how to use proven patterns & open source software to quickly and effectively build edge services that marshal & streamline communication between your key services and end-users with devices in hand. The presenter will demonstrate how to develop & manage microservices & expose them via an edge service, securely, using OSS tools employed by Netflix to keep movies streaming globally 24x7.
"NoSQL on the move" by Glynn Bird Mobile-first app web development is a solved problem, but how can you websites and apps the continue to work with little or internet connectivity? Discover how Offline-first development allows apps to present an "always on" experience for their user
RESTful APIs have simplified backend access providing clean URL-based resource representations using standard HTTP methods. But growth in the number of these APIs can lead to inefficiencies: if an app needs to access many of these resources at once, performance can bog down. 'Boxcarring' is the bundling together of multiple HTTP requests into one. For example, the client might bundle multiple requests into a single call. On the server, a RESTful API can accept a POST to multiple resources in one request. This talk will demonstrate both client and server side examples of boxcar requests.
Do you use icon fonts? Are you aware of their shortcomings? In this talk Seren will highlight some of the accessibility issues that icon fonts have and discuss an alternative.
Git is rapidly taking over the development workplace. One of the downsides of high-level tools is that they can hide the details of what is happening under the hood; when things go wrong it can be hard to understand why git behaves the way it does. But at its core Git consists of a few simple concepts that, when understood, make it a much more intuitive tool. This talk introduces these core Git concepts and uses them to clarify some examples of seemingly counterintuitive behaviour. It also introduces some of Git's less-known features and tricks that are useful to have in your arsenal.
Redux is an architectural pattern inspired by Flux, which introduces a unidirectional data flow and a predictable state container that scales. This talk will focus on Redux, including when to use it and how it can be used with Angular2, based on Nir’s personal experience implementing this pattern on a large-scale application.
We produce software systems at an ever increasing rate, but our ability to get cleanup after older systems does not keep up with that pace. An IDC study showed that there are some 10k mainframe systems in use containing some 200B LOC. This shows that software is not that soft, and that once let loose systems produce long lasting consequences. Because of the impact of our industry, we need to look at software development as a problem of environmental proportions. We must build our systems with recycling in mind. As builders of the future world, we have to take this responsibility seriously.
If there is bad press about Node.js it's because of performance issues and how hard it is to track them down. Usually these problems are hiding during development but start to kick in under high load. Not good. In my talk we will briefly go through the "hall of fame" of Node.js performance problems and the technical details behind them. By doing so, we will also get some valuable insights on how Node.js (V8, libuv) works internally. Then we will learn how to create metrics that the V8 engine provides to us out of the box and learn about tools that help interpreting them.
According to the F# Foundation (http://fsharp.org) "F# is a mature, open source, cross-platform, functional-first programming language. It empowers users and organizations to tackle complex computing problems with simple, maintainable and robust code." It sounds attractive, but it's different enough that without a guide getting started can be a bit intimidating - and why do you want to anyway? Come along to this gentle introduction to F# for the curly brace developer and find out.
"Maker Experience: user centered toolkit for makers" by Mino Parisi Can we inspire and contaminate the technological innovation of the Makers through the point of view of users? Make Experience is a step-by-step methodology created to join the UX Design in the creative process of the Makers. This talk includes the following topics: - User research to understanding users needs and goals; - Co-Design and Rapid Prototyping to evolve your project; - testing your prototypes and learn from user's feedback; - organize informations and interactions in a World made of bits & atoms - from product to service/startup (Service Design for Internet of the Things).
Virtual Reality (VR) is nothing new. @ the Mesdag in the Hague you can step into a 360° degree painting for over a 100 years. These museums where all over Europe and exchanged paintings with each other. In the late 80s and 90s virtual reality gained popularity but not enough to break through. Now fast-forward in 2016 we use our smartphones to experience virtual reality. We can immerse ourselves into 360Ëš movies & VR games. But VR can also be used for serious means like product marketing and for health & safety trainings. Adriaan Rijkens will dive into these topics and share practical examples.
React Native allows developers to build mobile apps using JavaScript and React while leveraging native UI components. It brings the "React way" of building UIs with reusable components to mobile development. While code can't always be fully shared, UI components are rendered natively and the workflow is similar to building web apps, with changes compiled and live reloaded on emulators. Debugging also uses Chrome tools. The talk demonstrated building a simple counter app and discussed React Native APIs and interoperating with native code.
"Microsoft <3>ultimo anno. Anche in Italia la collaborazione con il mondo OSS va avanti, in questo meetup vedremo cosa è stato fatto e si discuteranno le attività congiunte dei prossimi mesi.
Can you imagine a database that stands as much traffic as you want, adding and removing nodes automatically, working interruption-free even if a volcano starts spitting lava over your data centres? That's the promise of distributed systems like Cassandra, Voldemort or Riak. But, how do they do it? In this talk I will tell you the basics of distributed databases. Come to my talk if you want to learn about CAP, BASE, incremental scalability, replication or consensus. I will also explain geeky things like gossip, vector clocks, hinted handoff, or entropy.
This document provides an overview and description of a module on interactive web application development. It covers front-end topics like HTML5, CSS, JavaScript, and the Polymer library, as well as back-end concepts using Java EE frameworks and Node.js. The module will include sections on: - Front-end with HTML5, CSS, JS, and the Polymer library - Back-end concepts using Java EE for servlets, JSP, and frameworks - Back-end using Node.js, ExpressJS, and APIs - JavaScript build tools like Grunt, Gulp, Bower, and Yeoman - Software development practices like test-driven development - An examination of student
This document provides an overview of Polymer, a library for building web applications using web components. Polymer leverages emerging web standards like custom elements, shadow DOM, templates and data binding to provide reusability and encapsulation. It allows developers to create custom HTML elements with associated JavaScript behavior that can be reused across projects. The document discusses Polymer's core capabilities and components, how to create and use custom elements, and why developers should be excited about its potential to improve productivity and software design.
SMX Advanced Europe, June 2021 - With the advent of new technologies and the massive use of Javascript on the internet, search engines have started using Web Rendering Services to better understand the content of pages on the internet. What are the difficulties in building a WRS? Are tools we use every day replicating what search engines do? In this session, Giacomo will drive you on a discovery journey digging in some techy implementation details of a search engine like web rendering service building process, covering edge cases such as infinite scrolling, iframe, web component, and shadow DOM and how to approach them.
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada More info at www.fitc.ca/webu Web Components with Jeff Tapper OVERVIEW Web Components provide a necessary element for large scale applications: the ability to build Web Apps as a set of encapsulated, maintainable and reusable components. In order to use Web Components, a series of emerging web platform features such as the Shadow DOM, HTML Imports and Custom elements need to be used, each of which have varying support in browsers today. However, with the help of the Polymer project – a set of polyfills and an application framework using these principles – Web Components can be used today. In this session Jeff Tapper will explore Web Components, and walk through the creation of a Web Component for a modern JavaScript project. OBJECTIVE Learn to use Web Components to create reusable elements for your web application. TARGET AUDIENCE JavaScript Developers looking to understand how to build large scale applications. ASSUMED AUDIENCE KNOWLEDGE Audience should be comfortable working in JavaScript and manipulating the DOM. FIVE THINGS AUDIENCE MEMBERS WILL LEARN What are Web Components What is the current state of support for Web Components When do I need to use the Polymer Project to implement Web Components How to build a Web Component How to use a Web Component
This document introduces and summarizes Django, an open-source web framework written in Python. It highlights key features of Django, including its automated administration interface, object-relational mapper (ORM), generic views, forms, URL configuration, templates, internationalization support, and built-in user authentication. The document also discusses how Django aims to minimize the time it takes to develop software through automation, reusable apps, and other features. Examples are provided of large sites built with Django to demonstrate its performance and scalability.