Block the System - building blocks in Gutenberg
•
1 like•73 views
Met Gutenberg veranderd de WordPress editor in één grote blokkendoos waarbij iedere denkbare combinatie gemaakt kan worden. Maar wat als je een block nodig hebt die niet bestaat? Dan wordt het tijd om er zelf een te schrijven! Geen nood, het is niet super moeilijk; in deze talk lopen we stap voor stap door de onderdelen van een Gutenberg block en laat ik je zien hoe je zelf een simpel block bouwt. We zullen in crash-course stijl de volgende onderwerpen behandelen: - Moderne Javascript in WordPress - NPM & Webpack in de praktijk - Block attributes - Edit - Save
Report
Share
Report
Share
Download to read offline
Recommended
Drupal + selenium
This document discusses using Selenium to test a Drupal website that is being built during meetings where new features and modules are developed. It recommends using Selenium to record test cases that validate the functionality and check for errors or missing elements, and then executing those test cases through Selenium RC to ensure future changes don't break existing functionality. This helps address the challenges of limited development time during meetings and changing contributors by automating testing of the website.
Novajs
Nova is a project that aims to implement Node.js functionality in the browser by mapping as much of Node.js onto the browser as possible. It keeps the syntax and usage the same as Node.js and aims to be tiny, simple, and easy to extend and use with existing Node.js libraries. It has implemented some Node.js core modules like fs, events, assert, and is working on others. Limitations include not being able to initiate outbound connections and only being able to emulate system interactions. The documentation and code are available on GitHub.
Untangling spring week9
This document discusses asynchronous JavaScript, databases, and Project 3. It introduces callbacks, promises, and async/await in JavaScript. It also covers the differences between SQL and NoSQL databases, provides examples of using SQL databases locally and online, and exercises on SQLZOO. It describes Project 3 as connecting a database to the back end of an application. Students are instructed to draw out their database structure, write queries, and demo their working Project 3 application connecting to an actual database by the due date.
Road to cloud hero
Cloud Hero game experience sharing in GDG Cloud HK event “Cloud Next OnAir Extended” Week 6 Online Study Jam and Road to Cloud Hero Game
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
This document provides a history of JavaScript development from 1995 to the present. It describes how JavaScript evolved from a scripting language created in 10 days for Netscape (Mocha/LiveScript) to an industry standard (ECMAScript). It outlines major developments like Node.js, npm, and the rise of JavaScript modules/tooling. It recommends choosing technologies based on your specific needs rather than trends, investing in great tooling, and continuing to learn as the ecosystem rapidly changes.
Untangling spring week10
This document provides an agenda and instructions for setting up a server and database for a coding project. It discusses setting up a Node.js server on Digital Ocean, forking a sample project on GitHub, installing dependencies with NPM, running the server, and using EJS templates and MySQL Workbench to connect to and modify a database. Students are instructed to fork the sample project, modify it to use their own database, run it on their server, and submit the GitHub link and website URL for homework.
CoffeeScript Design Patterns
This document provides an overview of CoffeeScript design patterns. It discusses how CoffeeScript incorporates JavaScript best practices as defaults, such as using a wrapper to avoid variable scoping issues, proper indentation, and avoiding ==. It also covers built-in CoffeeScript patterns like classes, inheritance, and the prototype chain. The document discusses tools for compiling CoffeeScript and testing CoffeeScript code. It concludes by discussing the future of CoffeeScript and breaking boundaries between client and server.
My first powershell script
Lessons learned from writing my first PowerShell script to restore a set of databases from backups stored on a network drive.
Recommended
Drupal + selenium
This document discusses using Selenium to test a Drupal website that is being built during meetings where new features and modules are developed. It recommends using Selenium to record test cases that validate the functionality and check for errors or missing elements, and then executing those test cases through Selenium RC to ensure future changes don't break existing functionality. This helps address the challenges of limited development time during meetings and changing contributors by automating testing of the website.
Novajs
Nova is a project that aims to implement Node.js functionality in the browser by mapping as much of Node.js onto the browser as possible. It keeps the syntax and usage the same as Node.js and aims to be tiny, simple, and easy to extend and use with existing Node.js libraries. It has implemented some Node.js core modules like fs, events, assert, and is working on others. Limitations include not being able to initiate outbound connections and only being able to emulate system interactions. The documentation and code are available on GitHub.
Untangling spring week9
This document discusses asynchronous JavaScript, databases, and Project 3. It introduces callbacks, promises, and async/await in JavaScript. It also covers the differences between SQL and NoSQL databases, provides examples of using SQL databases locally and online, and exercises on SQLZOO. It describes Project 3 as connecting a database to the back end of an application. Students are instructed to draw out their database structure, write queries, and demo their working Project 3 application connecting to an actual database by the due date.
Road to cloud hero
Cloud Hero game experience sharing in GDG Cloud HK event “Cloud Next OnAir Extended” Week 6 Online Study Jam and Road to Cloud Hero Game
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
This document provides a history of JavaScript development from 1995 to the present. It describes how JavaScript evolved from a scripting language created in 10 days for Netscape (Mocha/LiveScript) to an industry standard (ECMAScript). It outlines major developments like Node.js, npm, and the rise of JavaScript modules/tooling. It recommends choosing technologies based on your specific needs rather than trends, investing in great tooling, and continuing to learn as the ecosystem rapidly changes.
Untangling spring week10
This document provides an agenda and instructions for setting up a server and database for a coding project. It discusses setting up a Node.js server on Digital Ocean, forking a sample project on GitHub, installing dependencies with NPM, running the server, and using EJS templates and MySQL Workbench to connect to and modify a database. Students are instructed to fork the sample project, modify it to use their own database, run it on their server, and submit the GitHub link and website URL for homework.
CoffeeScript Design Patterns
This document provides an overview of CoffeeScript design patterns. It discusses how CoffeeScript incorporates JavaScript best practices as defaults, such as using a wrapper to avoid variable scoping issues, proper indentation, and avoiding ==. It also covers built-in CoffeeScript patterns like classes, inheritance, and the prototype chain. The document discusses tools for compiling CoffeeScript and testing CoffeeScript code. It concludes by discussing the future of CoffeeScript and breaking boundaries between client and server.
My first powershell script
Lessons learned from writing my first PowerShell script to restore a set of databases from backups stored on a network drive.
End to-End CoffeeScript
Talk at RailsConf 2011 by Trevor Burnham about running CoffeeScript code on both the front and back ends of a Rails 3.1 app.
Happy Programming with CoffeeScript
CoffeeScript is a programming language that compiles to JavaScript. It adds syntactic sugar like string interpolation and array comprehensions to make code more concise and readable in a JavaScript-like syntax. While CoffeeScript is not a replacement for JavaScript, it can help programmers write cleaner code, especially for those who dislike certain parts of JavaScript syntax. Whether to use CoffeeScript depends on one's needs - it is most useful for those who want cleaner syntax but still need to target JavaScript in the end.
Andrew Mykhaliuk - Sorry, I need to make a build for frontend
The document discusses optimizing a frontend build process. It recommends using Webpack or Rollup as the module bundler and decomposing the build into separate steps like compiling assets, JavaScript, and styles. It also suggests using tools like Babel, TypeScript, and PostCSS loaders to optimize builds and provides examples of build processes for frameworks like Angular and React. Optimization techniques mentioned include using HappyPack, thread-loader, and hard-source-webpack-plugin to parallelize and cache work to speed up builds.
Two scoops of Django - Deployment
Two Scoops of Django Best Practices for Django 1.6
Ch.27 Deployment: Platforms as a Service
Ch.28 Deploying Django Project
ClojureScript in Magento 2 - MageTitansMCR 2017
This document discusses using ClojureScript to build parts of Magento sites in order to avoid frustration with some of Magento's UI components. It introduces ClojureScript as a hosted LISP dialect that compiles to JavaScript and allows good interoperability with JavaScript code. The author argues that ClojureScript's features like immutability, data structures, and compiler optimizations could help developers build Magento sites more quickly and with better quality. Examples are given of how ClojureScript code interacts with JavaScript in Magento. Recommendations are made for resources to learn more about ClojureScript.
Why I will never write JavaScript ever again*
Wolff explains why he prefers CoffeeScript over JavaScript. CoffeeScript removes unnecessary syntax like curly braces and wrappers, handles scoping and binding functions automatically, and compiles to clean JavaScript. This allows humans to write code in a more readable way and focuses on problem solving rather than syntax. CoffeeScript produces efficient JavaScript behind the scenes so programmers can spend less time on low-level details and more on organization, cleanliness, and having fun building things.
Untangling spring week11
This document provides an agenda and information for a class on databases, debugging, forms, and APIs. It includes exercises to set up debugging in VS Code and create a page that allows querying a database table. Key topics covered are debugging, generators, bundling, HTTP requests, parsing request bodies, asynchronous JavaScript, JSON, and RESTful APIs. Students are also instructed on requirements for their upcoming Project 3 presentations and Homework 11 assignment.
Frontend at Scale - The Tumblr Story
Growing to become one of the largest sites on the Internet comes with a unique set of problems. Learning how to and adopt, and doing so without losing sight of content creator's voice proves tricky. This talk details some of the frontend tools we've built and approaches we've taken to service our millions of users at scale.
CouchDb
CouchDB is a schemaless document-oriented database that features a web server, JSON API, master-master replication, and is cross-platform. It uses CouchApps to combine CouchDB and standard web app practices. While CouchDB supports features like replication and a JSON API, it does not support sharding or have tools for bulk operations or merging replication conflicts. Current uses of CouchDB include log storage using log4net and storing configurations due to its simple replication and cluster deployment.
Tampering with JavaScript
Review of history of JavaScript, what Veracode does and does not support, a little game of Pokemon or JavaScript library and finally learning the basics of JavaScript and TamperMonkey to change webapps.
Welcome to ClojureScript
I gave a short talk at a small JavaScript study group about the strengths of ClojureScript in order to convince the audience to try it out. Event: https://it-ghost.connpass.com/event/59062/ June 24th, 2017
Why does my jenkins freeze sometimes and what can I do about it?
After getting frustrated with Jenkins getting slow or even stuck occasionally, I decided to investigate the root cause for that bad performance. In this talk I will show my findings about that issue (hint: GC), how Jenkins performance can be easily improved by tuning the JVM GC and a few exciting tools I've discovered along the way.
Originally presented at Jenkins TLV meetup @ Taboola
SOAP calls in Clojure application
Perform SOAP actions in a Clojure application without any additional framework. Using a core Java language APIs.
Block the System - building blocks in Gutenberg
Met Gutenberg veranderd de WordPress editor in één grote blokkendoos waarbij iedere denkbare combinatie gemaakt kan worden. Maar wat als je een block nodig hebt die niet bestaat? Dan wordt het tijd om er zelf een te schrijven!
Geen nood, het is niet super moeilijk; in deze talk lopen we stap voor stap door de onderdelen van een Gutenberg block en laat ik je zien hoe je zelf een simpel block bouwt. We zullen in crash-course stijl de volgende onderwerpen behandelen:
- Moderne Javascript in WordPress
- NPM & Webpack in de praktijk
- Block attributes
- Edit
- Save
En als we nog tijd hebben: dynamische blokken!
SQL for Elasticsearch
Crate Data is a distributed SQL database that allows querying large datasets using SQL. It uses Elasticsearch for storage but adds features like SQL support, accurate aggregations, and import/export capabilities. Crate Data can start a cluster in 1 minute, is open source, and provides a simple, reliable, and scalable way to store and query distributed data using SQL.
Intro to OOP
This document provides an overview of an object-oriented programming workshop. The schedule includes checking in from 10:00-10:15, workshops from 10:15-11:30 and 11:50-12:50, and a break from 11:30-11:50. The mission is to not only teach OOP concepts but show how they provide solutions to real-world software problems. The overview compares OOP to procedural and functional programming. Core OOP concepts covered include classes, objects, encapsulation, inheritance, polymorphism, and abstraction. Code examples are provided in Ruby, Java, and JavaScript to demonstrate these concepts.
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
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.
Mashups with Drupal and QueryPath
QueryPath provides a jQuery-like tool in PHP. Use it to work with local files, or with remote web services. This presentation illustrates how QueryPath can be used to build elaborate multi-source mash-ups in Drupal.
Back to the future with Java 7 (Geekout June/2011)
This document provides a summary of Martijn Verburg's presentation titled "Back to the Future with Java 7". The presentation covered several new features in Java 7 including Project Coin additions like strings in switch statements, try-with-resources, and diamond syntax. It also discussed NIO.2 improvements to I/O, invokedynamic, Fork/Join framework, and method handles. The presentation noted that while Java the language has been quiet, the community and platform have grown. It predicted the Java SE future looks stable while JEE and Java ME futures are less certain. The document closed with discussions on the Oracle v. Google lawsuit and the future of JavaFX.
CONFidence 2015: when something overflowing... - Peter Hlavaty
Speaker: Peter Hlavaty
Language: English
This talk will cover how powerfull are buffer overflows, how weak are mitigations against them, why are buffer overflows still possible in those days, how generic are they, and example how useful is turn race conditions to buffer overflow. Race conditions are nice example for that, because they are one of the hardest to find and on of the easiest to make. example is on Linux kernel (droids included), but talk will be keeped for buffer overflows in general (mainly for windows & Linux kernel)
CONFidence: http://confidence.org.pl/pl/
When is something overflowing
This document discusses various overflow issues that can occur with the splice and vmsplice Linux kernel functions. It describes stack and buffer overflows that can happen due to race conditions when accessing pipe buffers. It also proposes a pool overflow technique using SLUB memory and controlled data read from a TTY device to spray the kernel memory and potentially overflow adjacent objects. Finally, it notes that further research is needed to determine a suitable target and exploit methodology, and hints that pipe buffer sizes may allow overflowing kernel memory allocations.
Developing OpenResty Framework
This document provides an overview of developing a web application framework using decoupled libraries with OpenResty. It begins with introductions and background on the speaker and what to expect. It then discusses concepts like routing, templating, validation and filtering, sessions, and styling that are part of the framework. Specific libraries are demonstrated for each concept. The document concludes with discussing additional common libraries and a demo of how the libraries work together.
More Related Content
What's hot
End to-End CoffeeScript
Talk at RailsConf 2011 by Trevor Burnham about running CoffeeScript code on both the front and back ends of a Rails 3.1 app.
Happy Programming with CoffeeScript
CoffeeScript is a programming language that compiles to JavaScript. It adds syntactic sugar like string interpolation and array comprehensions to make code more concise and readable in a JavaScript-like syntax. While CoffeeScript is not a replacement for JavaScript, it can help programmers write cleaner code, especially for those who dislike certain parts of JavaScript syntax. Whether to use CoffeeScript depends on one's needs - it is most useful for those who want cleaner syntax but still need to target JavaScript in the end.
Andrew Mykhaliuk - Sorry, I need to make a build for frontend
The document discusses optimizing a frontend build process. It recommends using Webpack or Rollup as the module bundler and decomposing the build into separate steps like compiling assets, JavaScript, and styles. It also suggests using tools like Babel, TypeScript, and PostCSS loaders to optimize builds and provides examples of build processes for frameworks like Angular and React. Optimization techniques mentioned include using HappyPack, thread-loader, and hard-source-webpack-plugin to parallelize and cache work to speed up builds.
Two scoops of Django - Deployment
Two Scoops of Django Best Practices for Django 1.6
Ch.27 Deployment: Platforms as a Service
Ch.28 Deploying Django Project
ClojureScript in Magento 2 - MageTitansMCR 2017
This document discusses using ClojureScript to build parts of Magento sites in order to avoid frustration with some of Magento's UI components. It introduces ClojureScript as a hosted LISP dialect that compiles to JavaScript and allows good interoperability with JavaScript code. The author argues that ClojureScript's features like immutability, data structures, and compiler optimizations could help developers build Magento sites more quickly and with better quality. Examples are given of how ClojureScript code interacts with JavaScript in Magento. Recommendations are made for resources to learn more about ClojureScript.
Why I will never write JavaScript ever again*
Wolff explains why he prefers CoffeeScript over JavaScript. CoffeeScript removes unnecessary syntax like curly braces and wrappers, handles scoping and binding functions automatically, and compiles to clean JavaScript. This allows humans to write code in a more readable way and focuses on problem solving rather than syntax. CoffeeScript produces efficient JavaScript behind the scenes so programmers can spend less time on low-level details and more on organization, cleanliness, and having fun building things.
Untangling spring week11
This document provides an agenda and information for a class on databases, debugging, forms, and APIs. It includes exercises to set up debugging in VS Code and create a page that allows querying a database table. Key topics covered are debugging, generators, bundling, HTTP requests, parsing request bodies, asynchronous JavaScript, JSON, and RESTful APIs. Students are also instructed on requirements for their upcoming Project 3 presentations and Homework 11 assignment.
Frontend at Scale - The Tumblr Story
Growing to become one of the largest sites on the Internet comes with a unique set of problems. Learning how to and adopt, and doing so without losing sight of content creator's voice proves tricky. This talk details some of the frontend tools we've built and approaches we've taken to service our millions of users at scale.
CouchDb
CouchDB is a schemaless document-oriented database that features a web server, JSON API, master-master replication, and is cross-platform. It uses CouchApps to combine CouchDB and standard web app practices. While CouchDB supports features like replication and a JSON API, it does not support sharding or have tools for bulk operations or merging replication conflicts. Current uses of CouchDB include log storage using log4net and storing configurations due to its simple replication and cluster deployment.
Tampering with JavaScript
Review of history of JavaScript, what Veracode does and does not support, a little game of Pokemon or JavaScript library and finally learning the basics of JavaScript and TamperMonkey to change webapps.
Welcome to ClojureScript
I gave a short talk at a small JavaScript study group about the strengths of ClojureScript in order to convince the audience to try it out. Event: https://it-ghost.connpass.com/event/59062/ June 24th, 2017
Why does my jenkins freeze sometimes and what can I do about it?
After getting frustrated with Jenkins getting slow or even stuck occasionally, I decided to investigate the root cause for that bad performance. In this talk I will show my findings about that issue (hint: GC), how Jenkins performance can be easily improved by tuning the JVM GC and a few exciting tools I've discovered along the way.
Originally presented at Jenkins TLV meetup @ Taboola
SOAP calls in Clojure application
Perform SOAP actions in a Clojure application without any additional framework. Using a core Java language APIs.
What's hot (13)
Andrew Mykhaliuk - Sorry, I need to make a build for frontend
Andrew Mykhaliuk - Sorry, I need to make a build for frontend
Why does my jenkins freeze sometimes and what can I do about it?
Why does my jenkins freeze sometimes and what can I do about it?
Similar to Block the System - building blocks in Gutenberg
Block the System - building blocks in Gutenberg
Met Gutenberg veranderd de WordPress editor in één grote blokkendoos waarbij iedere denkbare combinatie gemaakt kan worden. Maar wat als je een block nodig hebt die niet bestaat? Dan wordt het tijd om er zelf een te schrijven!
Geen nood, het is niet super moeilijk; in deze talk lopen we stap voor stap door de onderdelen van een Gutenberg block en laat ik je zien hoe je zelf een simpel block bouwt. We zullen in crash-course stijl de volgende onderwerpen behandelen:
- Moderne Javascript in WordPress
- NPM & Webpack in de praktijk
- Block attributes
- Edit
- Save
En als we nog tijd hebben: dynamische blokken!
SQL for Elasticsearch
Crate Data is a distributed SQL database that allows querying large datasets using SQL. It uses Elasticsearch for storage but adds features like SQL support, accurate aggregations, and import/export capabilities. Crate Data can start a cluster in 1 minute, is open source, and provides a simple, reliable, and scalable way to store and query distributed data using SQL.
Intro to OOP
This document provides an overview of an object-oriented programming workshop. The schedule includes checking in from 10:00-10:15, workshops from 10:15-11:30 and 11:50-12:50, and a break from 11:30-11:50. The mission is to not only teach OOP concepts but show how they provide solutions to real-world software problems. The overview compares OOP to procedural and functional programming. Core OOP concepts covered include classes, objects, encapsulation, inheritance, polymorphism, and abstraction. Code examples are provided in Ruby, Java, and JavaScript to demonstrate these concepts.
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
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.
Mashups with Drupal and QueryPath
QueryPath provides a jQuery-like tool in PHP. Use it to work with local files, or with remote web services. This presentation illustrates how QueryPath can be used to build elaborate multi-source mash-ups in Drupal.
Back to the future with Java 7 (Geekout June/2011)
This document provides a summary of Martijn Verburg's presentation titled "Back to the Future with Java 7". The presentation covered several new features in Java 7 including Project Coin additions like strings in switch statements, try-with-resources, and diamond syntax. It also discussed NIO.2 improvements to I/O, invokedynamic, Fork/Join framework, and method handles. The presentation noted that while Java the language has been quiet, the community and platform have grown. It predicted the Java SE future looks stable while JEE and Java ME futures are less certain. The document closed with discussions on the Oracle v. Google lawsuit and the future of JavaFX.
CONFidence 2015: when something overflowing... - Peter Hlavaty
Speaker: Peter Hlavaty
Language: English
This talk will cover how powerfull are buffer overflows, how weak are mitigations against them, why are buffer overflows still possible in those days, how generic are they, and example how useful is turn race conditions to buffer overflow. Race conditions are nice example for that, because they are one of the hardest to find and on of the easiest to make. example is on Linux kernel (droids included), but talk will be keeped for buffer overflows in general (mainly for windows & Linux kernel)
CONFidence: http://confidence.org.pl/pl/
When is something overflowing
This document discusses various overflow issues that can occur with the splice and vmsplice Linux kernel functions. It describes stack and buffer overflows that can happen due to race conditions when accessing pipe buffers. It also proposes a pool overflow technique using SLUB memory and controlled data read from a TTY device to spray the kernel memory and potentially overflow adjacent objects. Finally, it notes that further research is needed to determine a suitable target and exploit methodology, and hints that pipe buffer sizes may allow overflowing kernel memory allocations.
Developing OpenResty Framework
This document provides an overview of developing a web application framework using decoupled libraries with OpenResty. It begins with introductions and background on the speaker and what to expect. It then discusses concepts like routing, templating, validation and filtering, sessions, and styling that are part of the framework. Specific libraries are demonstrated for each concept. The document concludes with discussing additional common libraries and a demo of how the libraries work together.
Log analysis with the elk stack
This document discusses using the ELK stack (Elasticsearch, Logstash, Kibana) for log analysis. It describes the author's experience using Splunk and alternatives like Graylog and Elasticsearch before settling on the ELK stack. The key components - Logstash for input, Elasticsearch for storage and searching, and Kibana for the user interface - are explained. Troubleshooting tips are provided around checking that the components are running and communicating properly.
node.js, javascript and the future
Jeff Miccolis discusses how node.js is better than PHP/Drupal for handling asynchronous tasks like sending large numbers of emails, processing feed items, and handling big file uploads/long sessions. Node.js uses an event loop and non-blocking I/O which allows it to process requests much faster than blocking languages like PHP. It also has a thriving package ecosystem like npm that makes it easy to reuse code.
Not only SQL
The document discusses different NoSQL databases including Cassandra, CouchDB, MongoDB, Neo4J, and Redis. It explains some of the key concepts of NoSQL databases like being non-relational, schema-less, and emphasizing availability and partition tolerance. It provides brief overviews of the data models and architectures of different NoSQL databases and how they handle concepts like distribution, replication, and querying.
Untangling spring week4
This document provides an agenda and instructions for a class on HTML, CSS, and JavaScript. It includes information on presenting project work, using the online code editor JSFiddle, integrating HTML and JavaScript, using the class web server, and an introduction to CSS flexbox layout. For homework, students are asked to build a simple website using HTML and CSS with flexbox, host it on GitHub and their class web server, and include basic JavaScript console output.
ES6: The future of JavaScript
The document discusses the future of JavaScript, focusing on ECMAScript 6 (ES6). Key new features in ES6 include arrow functions, default function arguments, destructuring, block scoping, string interpolation, classes, iterators, modules, and promises. While browser support for ES6 is still developing, transpilers like Babel and Traceur can convert new JavaScript syntax to ES5 for broader compatibility. ES6 aims to modernize JavaScript and make it a "real" programming language.
eSynergy Andy Hawkins - Enabling DevOps through next generation configuration...
The document discusses configuration management challenges and how Chef addresses them. It describes how Chef uses recipes, cookbooks and infrastructure as code to automate provisioning and configuration of systems and applications. This allows infrastructure to be easily built, managed and scaled. Complex environments that were previously difficult to manage can now be defined and updated via code.
Lightweight web frameworks
The document summarizes the inaugural meeting of the Chippenham Tech Chat meetup group. It provides details on upcoming presentations, including a presentation on lightweight web frameworks by Jonathan Holloway. The presentation will provide a brief history of web applications, an overview of lightweight frameworks, and an introduction to the Flask Python web framework.
Making ES6 available to all with ChakraCore and Typescript
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.
Search and analyze your data with elasticsearch
The importance of search for modern applications is evident and nowadays it is higher than ever. A lot of projects use search forms as a primary interface for communication with a user. Though implementation of an intelligent search functionality is still a challenge and we need a good set of tools.
In this presentation, I will talk through the high-level architecture and benefits of Elasticsearch with some examples. Aside from that, we will also take a look at its existing competitors, their similarities, and differences.
Introduction to Ecmascript - ES6
This document provides an introduction and overview of ECMAScript 6 (ES6), the latest version of JavaScript. It discusses setting up the development environment with Node.js and npm. Key ES6 features covered include arrow functions, block scoping, template literals, destructuring, classes, modules, and promises. The document consists of 9 lectures with demonstrations of these new JavaScript features. It aims to help readers learn the major updates and capabilities introduced in ES6.
Play framework
The document introduces the Play Framework version 2.1 and highlights its key features. It demonstrates building a sample application in Scala using Play's reactive, non-blocking architecture. Key features discussed include Play's built-in support for Scala, reactive programming, JSON APIs, routing, templates, and testing.
Similar to Block the System - building blocks in Gutenberg (20)
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Back to the future with Java 7 (Geekout June/2011)
Back to the future with Java 7 (Geekout June/2011)
CONFidence 2015: when something overflowing... - Peter Hlavaty
CONFidence 2015: when something overflowing... - Peter Hlavaty
eSynergy Andy Hawkins - Enabling DevOps through next generation configuration...
eSynergy Andy Hawkins - Enabling DevOps through next generation configuration...
Making ES6 available to all with ChakraCore and Typescript
Making ES6 available to all with ChakraCore and Typescript
More from Luc Princen
The Making of KIT
In Maart kregen wij de vraag van het Koninklijk Instituut voor de Tropen (kit) om van zeven WordPress sites één super-accessible site te maken én om dit ook nog te doen met de nieuwe Gutenberg-editor. Een hele uitdaging waar we veel tijd en energie in hebben gestoken. Tijdens deze presentatie neem ik je mee door het gehele proces. Hoe we met de roerige Gutenberg plugin hebben gedealt, hoe we inclusive design en accessibility in iedere stap van het proces hebben meegenomen en hoe we uiteindelijk in December, een maand na lancering, de Automattic Design Award voor "Best Site" mee naar huis mochten nemen.
temp
The document discusses the imposter phenomenon where people feel like frauds and do not believe they deserve their achievements. It provides an overview of the phenomenon originally studied among professional women. Common feelings include anxiety over tasks and believing success is due to luck rather than ability. The document offers tips to overcome these feelings such as publishing learning, owning achievements, asking questions, and contributing to open source projects.
Ditch Your Framework!
In this talk we'll explore how and why you should say goodbye to the frontend frameworks you use.
Through live coding demo's we'll explore how new css techniques like CSS Grid and Flexbox can help you create more original, better and easier-to-maintain weblayouts in a fraction of the time.
Codepen demo's can be found here:
Grid: https://codepen.io/lucprincen/pen/eVLQbL
Flex: https://codepen.io/lucprincen/pen/zRJMbe
:Target: https://codepen.io/lucprincen/pen/PQdxgW
:Checked: https://codepen.io/lucprincen/pen/VQRGNN
Ditch Your Framework! - Magical layouts with modern css
In this talk we'll explore how and why you should say goodbye to the frontend frameworks you use.
Through live coding demo's we'll explore how new css techniques like CSS Grid and Flexbox can help you create more original, better and easier-to-maintain weblayouts in a fraction of the time.
An imposters journey through "real" development
As a self-taught developer you've undoubtedly encountered many gaps in your knowledge.
Gaps that people with computer-science degrees fill, not with the practical stuff, but
with the theoratical stuff. The stuff that people like to talk about as "real development".
In this talk we'll explore how self-taught developers, can overcome some of these
gaps and fight off that age-old enemy known as "imposter syndrome".
Links in the talk:
Crash Course computer science: https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo
The Impostors Handbook, by Rob Conery: https://bigmachine.io/products/the-imposters-handbook
More from Luc Princen (7)
Ditch Your Framework! - Magical layouts with modern css
Ditch Your Framework! - Magical layouts with modern css
Recently uploaded
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
ここ3000字までしか入らないけどタイトルの方がたくさん文字入ると思います。
TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Infrastructure Challenges in Scaling RAG with Custom AI models
Building Retrieval-Augmented Generation (RAG) systems with open-source and custom AI models is a complex task. This talk explores the challenges in productionizing RAG systems, including retrieval performance, response synthesis, and evaluation. We’ll discuss how to leverage open-source models like text embeddings, language models, and custom fine-tuned models to enhance RAG performance. Additionally, we’ll cover how BentoML can help orchestrate and scale these AI components efficiently, ensuring seamless deployment and management of RAG systems in the cloud.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Pushing the limits of ePRTC: 100ns holdover for 100 days
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.
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Recently uploaded (20)
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Infrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI models
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Block the System - building blocks in Gutenberg
- 1. BLOCK THE SYSTEM Richtig geile klasse! @LucP - Meetup Zwolle - 8 November
- 2. @LucP
- 4. @LucP
- 9. @LucP
- 10. Wat een programmeur wil... data vorm functie
- 16. "ES6" in vier slides... Meer? Check de course van Wes Bos! @LucP
- 17. "ES6" in vier slides... function( param1, param2 ){ Return 'Hello World' } ( param1, param2 ) => { 'Hello World' } Functions Toen Nu @LucP
- 18. "ES6" in vier slides... var test = 'Hello World'; console.log( test ) /-> Hello World let test = 'Hello World'; console.log( test ); /-> Hello World test = 'Hello'; console.log( test ); /-> Hello const myVar = 'Can't touch this'; myVar = 'Let's try anyway' /-> ERROR! Let / Const Toen Nu @LucP
- 19. "ES6" in vier slides... Var HelloWorld = new function(){ Init: function(){ //logic here } } Class HelloWorld extends Component{ constructor(){ super(...arguments); } } Classes Toen Nu @LucP
- 20. "ES6" in vier slides... <script type="text/javascript" src=". Import 'Sort' from 'gutenberg-sortable' Components Toen Nu @LucP
- 22. Webpack = samenvoegen Babel = zorgen dat 't werkt @LucP
- 24. 1 ding installeren 3 bestandjes kopiëren 2 terminal commando's NodeJS. Hier te downloaden package.json npm install webpack.config.js .babelrc npm run dev @LucP
- 26. De anatomie van een block @LucP
- 27. - naam - meta-data (icoon, categorie, etc) - attributen - edit - save registerBlockType() @LucP
- 28. Let's jump to the code! @LucP Full example: github.com/lucprincen/my-plugin.git
- 29. @LucP
- 31. @LucP 😟 🤨
- 34. Accessibility Google Lighthouse meting, 6-11-2018@LucP
- 35. HTML: <aside> Sidebar <section> Tekst <article> Content <header> titel + intro <footer> related + further links <section> <section> <section> <section> <footer> (page) <header>
- 36. Conclusie @LucP Ga bouwen, Ga proberen, Echt... het is makkelijker dan je denkt.
- 37. Zijn er nog vragen? @LucP