Tooling for the productive front end developer

•

0 likes•444 views

Maurice De Beijer [MVP]

Tooling for the productive front end developer at the DWX-Developer Week conference. http://www.developer-week.de/

Technology

Tooling for the
productive front-end
developer
Maurice de Beijer
@mauricedb

Who am I?
 Maurice de Beijer
 The Problem Solver
 MicrosoftAzure MVP
 Freelance developer/instructor
 Twitter: @mauricedb and @React_Tutorial
 Web: http://www.TheProblemSolver.nl
 E-mail: maurice.de.beijer@gmail.com
2

Overview
Where to get
scripts
Searching for NPM
packages
ECMAScript 2015
and beyond
Task runners
Minification
Bundling
Chrome DevTools
Performance
testing
UnitTesting
E2ETesting
Code generators
Linting
CSS
Online editor
Tools I use with
GitHub

Where to get
scripts
Bower
NPM
Yarn
JSPM

Searching for
NPM packages
https://www.npmjs.com
https://npms.io

ECMAScript
2015 and
beyond
CoffeeScript
Babel
TypeScript
JSX
Flow
Dart

Task runners
Grunt
Gulp
Broccoli
NPM Scripts

Minification
uglify-js
clean-css
html-minifier

Bundling
Browserify
SystemJS
Webpack
Rollup
jspm

Chrome
DevTools
Console API
Pretty Print
Break on DOM modifications
Break on XHR
Break on Event Listener
Asynchronous stack trace
Timeline
Audits
Profiles

Performance
testing
YSlow
WebPageTest
Chrome DevTools
Lighthouse

UnitTesting
Testem
Mocha
Jest
Chai
Chai-as-promised
Jsdom

End 2 End
Testing
Selenium
Nightwatch
Browserstack

Code
generators
Angular CLI
Create ReactApp
Yeoman
Swagger

Linting
ESLint
JavaScript Standard Style
JavaScript Semi-Standard Style
TSLint
Stylelint
SonarQube
Code Climate

CSS
Less
SASS
Stylelint
scss-lint
PostCSS
Autoprefixer

Tools I use with
GitHub
Zenhub
Refined GitHub
Shields
David
Greenkeeper
Travis CI
Codecov
Code Climate

Thank you
Maurice de Beijer - @mauricedb

What's hot

How long do you take to receive the feedback of the last code line that you wrote? Minutes? Seconds? Milliseconds? If this feedback is not immediate then you are being interrupted, because you can't write a new line before having the feedback of the last one. In this lecture we are going to discuss the impacts of these interruptions, take a look into some examples of these interruptions and show how we can reduce them.

Reducing passive interruptions

Andrei Tognolo

Test Driven Development with OSGi - Balázs Zsoldos

mfrancis

Behavior Driven Development (BDD) is very popular with many Agilists out there, specially those focused on Testing. However my view is that BDD is not about Test Automation, it is about collaboration so that the expected behavior of the application can be determined. Cucumber happens to be the tool of choice to implement BDD. While doing this for web applications, we can drive the features through WebDriver. Lately the application development has been inclined towards mobile apps and we need to extend our exiting BDD frameworks to handle app, be it Android, iOS or Win Mobile. Appium is a neat tool for anyone who has exposure to WebDriver, irrespective of that also it is an excellent tool for mobile testing. Here is my video of running Appium tests for android app using Cucumber.

QAAgility Presentation - Cucumber with Appium

QAAgility Technologies

Speed = $$$

Peter Gfader

Introduction cypress

Oim Trust

AngularJS Testing

Ahmed Elmehri

Why you should switch to Cypress for modern web testing?

Shivam Bharadwaj

Building the Test Automation Framework - Jenkins for Testers

William Echlin

Grunt Continuous Development of the Front End Tier

Erick Brito

Patrick Mizer

Continuous Integration and PHP

Arno Schneider

Continuous delivery applied

Mike McGarr

Dot all 2019 | Testing with Craft | Giel Tettelar

Giel Tettelaar

GDG Morgantown, WV: Write code you can depend on!

Logan Spears

Automate your build on Android with Jenkins

BeMyApp

In this talk we will cover how we apply QA in Emergya for Python projects, covering from the inception phase to the delivery phase. We will see a showcase of a real python project to learn by examples (code guidelines definition, Continuous Integration system, Continuous Unit and Functional testing, Performance testing and Continuous Delivery. We will focus the talk in how a team should manage a Python project from the QA side, showing how a team of developers and QA build a real team. http://bedjango.com/ BeDjango Jenkins theme: https://github.com/agomezmoron/jenkins-simple-theme-bedjango

QA 4 python

BeDjango

How to Build and Maintain Quality Drupal Sites with Automated Testing

Acquia

Continuous integration / deployment can be a daunting task. Especially if you are a team of one, or one among a small team. TeamCity is "continuous integration for everyone" It's a self hosted CI build server that is highly customizable for just about any project. I've built RocketFuel's CI/CD system on a spare box with TeamCity and customized it to handle legacy PHP applications and modern framework based projects. We'll cover install and configuration and all of the flexibility of setting up projects at that build, test, report errors, and trigger deployments for various application scenarios.

Continuous Integration: How I stopped guessing if that merge was bad

Joe Ferguson

Intro to Puppeteer

Islam AlZatary

Enterprise Workflows When You Aren't Enterprise

Chris Tankersley

What's hot (20)

Reducing passive interruptions

Test Driven Development with OSGi - Balázs Zsoldos

QAAgility Presentation - Cucumber with Appium

Speed = $$$

Introduction cypress

AngularJS Testing

Why you should switch to Cypress for modern web testing?

Building the Test Automation Framework - Jenkins for Testers

Grunt Continuous Development of the Front End Tier

Continuous Integration and PHP

Continuous delivery applied

Dot all 2019 | Testing with Craft | Giel Tettelar

GDG Morgantown, WV: Write code you can depend on!

Automate your build on Android with Jenkins

QA 4 python

How to Build and Maintain Quality Drupal Sites with Automated Testing

Continuous Integration: How I stopped guessing if that merge was bad

Intro to Puppeteer

Enterprise Workflows When You Aren't Enterprise

Similar to Tooling for the productive front end developer

Tooling for the productive front end developer

Maurice De Beijer [MVP]

Tooling for the productive front-end developer

Maurice De Beijer [MVP]

Annotated slides for phpCE workshop on November 3, 2017. Workshop repository: https://github.com/OndraM/selenium-workshop-phpce The workshop covered: - setting up local development environment (using Docker) - practical examples of functional tests implementation - exploring possibilities of Selenium WebDriver - parallel test execution using Steward - hands-on Page Object design pattern - dealing with asynchronous elements of web-pages (AJAX, JavaScript) - general tips & tricks how to keep a maintainable suite of functional tests in a long-term

Workshop: Functional testing made easy with PHPUnit & Selenium (phpCE Poland,...

Ondřej Machulda

http://mnug.de/artikel/meetups/december2014 Scaffolding can be a great way to enable developers quickly in a way consistent with best practices employed by the community or your organization. Yeoman is a proven scaffolding tool for webapps that has been around since 2012 and now sports more than 6000 stars on GitHub. Even though its original focus used to be on supporting front-end development, it now features a considerable number of Node.js-related generators worth exploring. This talk will give a quick overview on the topic of scaffolding, explain what Yeoman is all about and show you how to make the best use of it.

Kickstarting Node.js Projects with Yeoman

Patrick Buergin

Taking lessons from the classic writings on Software Testing, we'll walk through what are industry tried and true approaches for developing a robust and effective test suite. Many of the Testing philosophies and strategies today have their origins as far back as the 60's, and really got their legs during the advent of "Extreme Programming" and other early "Agile" methodologies from the 1990s. In this talk we'll take many of these tried and true test strategies and show how one would apply them in a real way to an Ember project.

Developing an Ember Test Strategy - EmberConf 2019

Todd Jordan

QA or the Highway 2022.pptx

Perfecto Mobile

Cypress test techniques cucumber bdd framework,tdd,api tests course

Narayanan Palani

Selenium.pptx

Pandiya Rajan

The best reason for writing tests is to automate your testing. Without tests, you'll likely be testing manually. This manual testing will take longer and longer as your codebase grows. In this session, you’ll learn how to test an Angular 2 application. You'll learn how to use Jasmine to unit test components and Protractor for integration testing. We’ll also take a look at code coverage options and explore continuous integration tools.

Testing Angular 2 Applications - Rich Web 2016

Matt Raible

Opencast Admin UI - Tools and development setup

buttyx

This year, we’ve seen incredible improvements to Selenium WebDriver and now Selenium 3.0, but what does this mean for modern teams that still have trouble balancing quality and time to market? In this webinar, we uncover how you can overcome common automated testing challenges and do things you never thought possible using the Selenium WebDriver! You will learn: -What’s new in Selenium 3.0 -How open source is changing business dynamics -The impact of HTML5 and Responsive Web Design in mobile development -Bridging the gap between mobile and desktop testing strategies -Success beyond off-the-shelf components

Selenium and Open Source Advanced Testing

Austin Marie Gay

Cypress Test Techniques-Cucumber BDD Framework,TDD,API Tests

HiraQureshi22

Code Review: An apple a day

Kathryn Rotondo

Containerized build

Daniel Foo

Ember. it is time to try

Yaroslav Popov

Do you think it’s possible to live code an Angular 2 app, create a backend, and deploy it in one talk? With the convenience of Angular-CLI and a little help from Firebase and material design, see how easy it is to create apps with Angular 2 and why this new framework is the great for quickly prototyping ideas and is built to scale large applications across distributed teams. Example repo with completed branches - https://github.com/ladyleet/ngcruise-up Deployed App - https://ngpoland-d7d54.firebaseapp.com/

Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes

Tracy Lee

Getting started with spfx

Jenkins NS

SELENIUM or QTP Which is a Best Automation Tool for Your Business ?

JanBask Training

Release and-dependency-management memphis python

Joe Ferguson

This presentation on "How to become a DevOps Engineer" will help you learn what is DevOps, who is a DevOps engineer, career roadmap of a DevOps engineer, certifications for DevOps engineer, and salary of a DevOps engineer. A DevOps Engineer is an IT professional who understands the software development lifecycle and uses various automation tools for developing CI/ CD pipelines. In simple words, they collaborate with developer and operation teams to deliver high-quality products within a minimum amount of time. Now, let's get started and understand a few important ways to become a DevOps engineer. Below are explained in this presentation: 1. Who is a DevOps engineer? 2. DevOps career roadmap 3. DevOps certification 4. DevOps engineer salary Why learn DevOps? Simplilearn’s DevOps training course is designed to help you become a DevOps practitioner and apply the latest in DevOps methodology to automate your software development lifecycle right out of the class. You will master configuration management; continuous integration deployment, delivery and monitoring using DevOps tools such as Git, Docker, Jenkins, Puppet and Nagios in a practical, hands on and interactive approach. The DevOps training course focuses heavily on the use of Docker containers, a technology that is revolutionizing the way apps are deployed in the cloud today and is a critical skillset to master in the cloud age. After completing the DevOps training course you will achieve hands on expertise in various aspects of the DevOps delivery model. The practical learning outcomes of this DevOps training course are: An understanding of DevOps and the modern DevOps toolsets The ability to automate all aspects of a modern code delivery and deployment pipeline using: 1. Source code management tools 2. Build tools 3. Test automation tools 4. Containerization through Docker 5. Configuration management tools 6. Monitoring tools Who should take this course? DevOps career opportunities are thriving worldwide. DevOps was featured as one of the 11 best jobs in America for 2017, according to CBS News, and data from Payscale.com shows that DevOps Managers earn as much as $122,234 per year, with DevOps engineers making as much as $151,461. DevOps jobs are the third-highest tech role ranked by employer demand on Indeed.com but have the second-highest talent deficit. 1. This DevOps training course will be of benefit the following professional roles: 2. Software Developers 3. Technical Project Managers 4. Architects 5. Operations Support 6. Deployment engineers 7. IT managers 8. Development managers Learn more at https://www.simplilearn.com/cloud-computing/devops-practitioner-certification-training

How To Become A DevOps Engineer | Who Is A DevOps Engineer? | DevOps Engineer...

Simplilearn

Similar to Tooling for the productive front end developer (20)

Tooling for the productive front end developer

Tooling for the productive front-end developer

Workshop: Functional testing made easy with PHPUnit & Selenium (phpCE Poland,...

Kickstarting Node.js Projects with Yeoman

Developing an Ember Test Strategy - EmberConf 2019

QA or the Highway 2022.pptx

Cypress test techniques cucumber bdd framework,tdd,api tests course

Selenium.pptx

Testing Angular 2 Applications - Rich Web 2016

Opencast Admin UI - Tools and development setup

Selenium and Open Source Advanced Testing

Cypress Test Techniques-Cucumber BDD Framework,TDD,API Tests

Code Review: An apple a day

Containerized build

Ember. it is time to try

Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes

Getting started with spfx

SELENIUM or QTP Which is a Best Automation Tool for Your Business ?

Release and-dependency-management memphis python

How To Become A DevOps Engineer | Who Is A DevOps Engineer? | DevOps Engineer...

More from Maurice De Beijer [MVP]

In this hands-on workshop, Maurice will personally guide you through a series of exercises designed to empower you with a deep understanding of React Server Components and the power of TypeScript. Discover how to optimize your applications, improve performance, and unlock new possibilities. Maurice will virtually be by your side, offering comprehensive guidance and answering your questions as you navigate each exercise. By the end of the workshop, you'll have mastered React Server Components, armed with a newfound arsenal of TypeScript knowledge to supercharge your React applications. Don't miss this opportunity to elevate your React expertise to new heights. Join our workshop and unlock the potential of React Server Components with TypeScript. Your apps will thank you.

Practice TypeScript Techniques Building React Server Components App

Maurice De Beijer [MVP]

Let's face the facts and admit it: Estimating how long it will take to build software is hard. Why is estimation so hard? Well there are some reasons for that. Many people tend to be optimistic about how long it will take to do a task. Not surprising when we learn the way memory works. It tends to skew our experiences from old projects. We often forget the many small setbacks encountered. Another reason is that many tasks are not included in the initial estimate. They only become visible over time. Does that mean that estimation is impossible and a waste of time? Not at all. Many software development activities are commercial activities. Starting something without even a rough estimate of what the costs and timeline will be is risky at best.

A foolproof Way to Estimate a Software Project

Maurice De Beijer [MVP]

Tired of having users email you that your Svelte application is broken? Turns out that building reliable applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts, including the backend API’s, work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real world user would. In this session Maurice will show you how to use Cypress during development and on the CI server with Svelte. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Surati Tech Talks 2022 / Build reliable Svelte applications using Cypress

Maurice De Beijer [MVP]

Tired of having users email you that your web application is broken? Turns out that building reliable web applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real user would. In this session Maurice will show you how to use Cypress during development and on the CI server. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Build reliable Svelte applications using Cypress

Maurice De Beijer [MVP]

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex and mission critical application with React is another matter. How to configure reliable hosting on Azure for the front and back-end? How to track runtime errors that happen in the browser. And how to create an efficient workflow between front and back-end teams. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://azconf.dev/

Building Reliable Applications Using React, .NET & Azure

Maurice De Beijer [MVP]

With the release of React 18 we finally get the long awaited concurrent rendering. But how is that going to affect your application? What are the benefits of concurrent rendering in React? What do you need to do to switch to concurrent rendering when you upgrade to React 18? And what if you don’t want or can’t use concurrent rendering yet? There are some behavior changes you need to be aware of! In this workshop we will cover all of those subjects and more. Join me with your laptop in this interactive workshop. You will see how easy it is to switch to concurrent rendering in your React application. You will learn all about concurrent rendering, SuspenseList, the startTransition API and more. https://reactadvanced.com/workshops-3h

Concurrent Rendering Adventures in React 18

Maurice De Beijer [MVP]

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex, distributed and mission critical application with React is another matter. Add occasional poor mobile connectivity and things become really challenging. That doesn't mean that it is impossible, it is just harder to architect and develop. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://www.c-sharpcorner.com/events/react-virtual-conference2

Building reliable applications with React, C#, and Azure

Maurice De Beijer [MVP]

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex, distributed and mission critical application with React is another matter. Add occasional poor mobile connectivity and things become really challenging. That doesn't mean that it is impossible, it is just harder to architect and develop. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://www.meetup.com/nl-NL/tilburg-tech-tuesdays/events/277150883/

Building large and scalable mission critical applications with React

Maurice De Beijer [MVP]

Een kleine React applicatie bouwen met een backend is niet moeilijk. Maar wat als de applicatie groter en complexer wordt? Dan wordt het een ander verhaal. En al helemaal als het een publiek toegankelijke applicatie is. Plotseling blijkt dat allerlei vaak gedane aannames niet meer kloppen. Je krijgt te maken met netwerkstoringen en schaalbaarheid. Verschillende teams die onafhankelijk van elkaar aan de front- en backend werken. Runtime fouten die optreden omdat sommige browsers toch net even anders blijken te werken dan je verwacht. In deze sessie gaat Maurice de Beijer zijn ervaringen delen over hoe je dit aan kan pakken.

Building Reliable Applications Using React, .NET & Azure

Maurice De Beijer [MVP]

The React team rewrote the book on developing components. Before we had a choice between classes and functional components. Yet many components needed to be classes. A functional component was often too limited. Now, using hooks, we can extend functional components to be as powerful as we want. Suspense and asynchronous rendering is in the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. Come to this session to learn what React hooks are and how to get started using hooks. But be warned, once seen React hooks can’t be unseen and your React components will never be the same again.

Why I am hooked on the future of React

Maurice De Beijer [MVP]

Building reliable web applications using Cypress

Maurice De Beijer [MVP]

React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the <Suspense /> component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this. You will learn all about using , showing loading indicators and handling errors. You will see how easy it is to get started with concurrent rendering. You will make suspense even more capable by combining it with concurrent rendering, the useTransition() hook and the component.

Getting started with React Suspense and concurrent rendering

Maurice De Beijer [MVP]

The React team has rewritten the book on developing components several times. This time they have introduced Suspense. Amongst other thing this makes splitting your application into multiple bundles easier. But that is only the start as the real innovation comes when loading data. Gone are the side effect hooks with the typical loading, loaded and error states. Instead we can suspend components when loading data. Need to do multiple request? No problem you can suspend multiple components at the same time if you want. Need to trap errors? No problem just use a standard React error boundary. Come to this session to learn what React Suspense can do for you.

React suspense, not just for Alfred Hitchcock

Maurice De Beijer [MVP]

Reactive and functional programming, you have probably heard the term mentioned before. It’s supposed to be really cool and a good practice. But what is reactive programming exactly and how to get started with it in JavaScript? And why does Angular start using the reactive extensions for JavaScript (RxJS) instead of standard promises? In this presentation, Maurice is going to show you how to get started with RxJS, the JavaScript implementation of the ReactiveX library. You will learn why using RxJS is a great way of dealing with streams of events in an asynchronous and functional way.

From zero to hero with the Reactive extensions for JavaScript

Maurice De Beijer [MVP]

Why I am hooked on the future of React

Maurice De Beijer [MVP]

The new React

Maurice De Beijer [MVP]

From zero to hero with the reactive extensions for JavaScript

Maurice De Beijer [MVP]

Why I am hooked on the future of React

Maurice De Beijer [MVP]

I am hooked on React

Maurice De Beijer [MVP]

Using restful APIs can be hard on your React applications. Before you know it, you are doing lots of parallel queries to the server. Using GraphQL instead of REST might help a lot. Instead of downloading many complete resources each component declares its own needs. Then the GraphQL client library then combines these requirements. The result is a single optimized query for the server. In this session, Maurice de Beijer is going to show you how to get started with GraphQL in your React applications.

Create flexible React applications using GraphQL apis

Maurice De Beijer [MVP]

More from Maurice De Beijer [MVP] (20)

Practice TypeScript Techniques Building React Server Components App

A foolproof Way to Estimate a Software Project

Surati Tech Talks 2022 / Build reliable Svelte applications using Cypress

Build reliable Svelte applications using Cypress

Building Reliable Applications Using React, .NET & Azure

Concurrent Rendering Adventures in React 18

Building reliable applications with React, C#, and Azure

Building large and scalable mission critical applications with React

Building Reliable Applications Using React, .NET & Azure

Why I am hooked on the future of React

Building reliable web applications using Cypress

Getting started with React Suspense and concurrent rendering

React suspense, not just for Alfred Hitchcock

From zero to hero with the Reactive extensions for JavaScript

Why I am hooked on the future of React

The new React

From zero to hero with the reactive extensions for JavaScript

Why I am hooked on the future of React

I am hooked on React

Create flexible React applications using GraphQL apis

Recently uploaded

How to convert PDF to text with Nanonets

naman860154

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Histor y of HAM Radio presentation slide

vu2urc

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

Heather Hedden, Senior Consultant at Enterprise Knowledge, presented “The Role of Taxonomy and Ontology in Semantic Layers” at a webinar hosted by Progress Semaphore on April 16, 2024. Taxonomies at their core enable effective tagging and retrieval of content, and combined with ontologies they extend to the management and understanding of related data. There are even greater benefits of taxonomies and ontologies to enhance your enterprise information architecture when applying them to a semantic layer. A survey by DBP-Institute found that enterprises using a semantic layer see their business outcomes improve by four times, while reducing their data and analytics costs. Extending taxonomies to a semantic layer can be a game-changing solution, allowing you to connect information silos, alleviate knowledge gaps, and derive new insights. Hedden, who specializes in taxonomy design and implementation, presented how the value of taxonomies shouldn’t reside in silos but be integrated with ontologies into a semantic layer. Learn about: - The essence and purpose of taxonomies and ontologies in information and knowledge management; - Advantages of semantic layers leveraging organizational taxonomies; and - Components and approaches to creating a semantic layer, including the integration of taxonomies and ontologies

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Enterprise Knowledge

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Scaling API-first – The story of a global engineering organization

Radu Cotescu

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Delhi Call girls

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

In an era where artificial intelligence (AI) stands at the forefront of business innovation, Information Architecture (IA) is at the core of functionality. See “There’s No AI Without IA” – (from 2016 but even more relevant today) Understanding and leveraging how Information Architecture (IA) supports AI synergies between knowledge engineering and prompt engineering is critical for senior leaders looking to successfully deploy AI for internal and externally facing knowledge processes. This webinar be a high-level overview of the methodologies that can elevate AI-driven knowledge processes supporting both employees and customers. Core Insights Include: Strategic Knowledge Engineering: Delve into how structuring AI's knowledge base is required to prevent hallucinations, enable contextual retrieval of accurate information. This will include discussion of gold standard libraries of use cases support testing various LLMs and structures and configurations of knowledge base. Precision in Prompt Engineering: Learn the art of crafting prompts that direct AI to deliver targeted, relevant responses, thereby optimizing customer experiences and business outcomes. Unified Approach for Enhanced AI Performance: Explore the intersection of knowledge and prompt engineering to develop AI systems that are not only more responsive but also aligned with overarching business strategies. Guiding Principles for Implementation: Equip yourself with best practices, ethical guidelines, and strategic considerations for embedding these technologies into your business ecosystem effectively. This webinar is designed to empower business and technology leaders with the knowledge to harness the full potential of AI, ensuring their organizations not only keep pace with digital transformation but lead the charge. Join us to map a roadmap to fully leverage Information Architecture (IA) and AI chart a course towards a future where AI is a key pillar of strategic innovation and business success.

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Earley Information Science

Slack Application Development 101 Slides

praypatel2

Recently uploaded (20)

How to convert PDF to text with Nanonets

Automating Google Workspace (GWS) & more with Apps Script

Axa Assurance Maroc - Insurer Innovation Award 2024

Histor y of HAM Radio presentation slide

A Year of the Servo Reboot: Where Are We Now?

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Boost PC performance: How more available memory can improve productivity

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Scaling API-first – The story of a global engineering organization

🐬 The future of MySQL is Postgres 🐘

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Data Cloud, More than a CDP by Matt Robison

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

A Domino Admins Adventures (Engage 2024)

Tata AIG General Insurance Company - Insurer Innovation Award 2024

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Slack Application Development 101 Slides

Tooling for the productive front end developer

1. Tooling for the productive front-end developer Maurice de Beijer @mauricedb

2. Who am I?  Maurice de Beijer  The Problem Solver  MicrosoftAzure MVP  Freelance developer/instructor  Twitter: @mauricedb and @React_Tutorial  Web: http://www.TheProblemSolver.nl  E-mail: maurice.de.beijer@gmail.com 2

3. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

4. Where to get scripts Bower NPM Yarn JSPM

5. Download and copy 

6. Bower

7. NPM

9. JSPM

10. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

11. Searching for NPM packages https://www.npmjs.com https://npms.io

12. NPM

13. NPMS.IO

14. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

15. ECMAScript 2015 and beyond CoffeeScript Babel TypeScript JSX Flow Dart

16. CoffeeScript

17. Babel

18. TypeScript

19. JSX

20. Flow

21. Dart

22. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

23. Task runners Grunt Gulp Broccoli NPM Scripts

24. Grunt

25. Gulp

26. Broccoli

27. NPMScripts

28. NPM Scripts

29. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

30. Minification uglify-js clean-css html-minifier

31. Uglify

32. CleanCSS

33. HTML Minifier

34. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

35. Bundling Browserify SystemJS Webpack Rollup jspm

36. Browserify

37. SystemJS

38. Webpack

39. Rollup

40. JSPM

41. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

42. Chrome DevTools Console API Pretty Print Break on DOM modifications Break on XHR Break on Event Listener Asynchronous stack trace Timeline Audits Profiles

43. ConsoleAPI

44. Pretty Print

45. Pretty Print

46. Break on DOM modificatio ns

47. Break on XHR

48. Asynchronous stack trace

49. Timeline

50. Audits

51. Profile

52. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

53. Performance testing YSlow WebPageTest Chrome DevTools Lighthouse

54. YSlow

55. WebPageTest

56. Chrome timeline

57. Chrome audit

58.

59. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

60. UnitTesting Testem Mocha Jest Chai Chai-as-promised Jsdom

61. Testem

62. Mocha

63. Jest

64. Chai

65. Chai as promised

66. JS Dom

67. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

68. End 2 End Testing Selenium Nightwatch Browserstack

69. Selenium

70. Nightwatch

71. BrowserStack

72. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

73. Code generators Angular CLI Create ReactApp Yeoman Swagger

74. AngularCLI

75. Create React App

76.

77. Yeoman

78. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

79. Linting ESLint JavaScript Standard Style JavaScript Semi-Standard Style TSLint Stylelint SonarQube Code Climate

80. ESLint

81. JavaScript StandardStyle

82. JavaScript Semi-Standard Style

83. TSLint

84. StyleLint

85. SonarQube

86.

87. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

88. CSS Less SASS Stylelint scss-lint PostCSS Autoprefixer

89. LESS

90. SASS

91. SyleLint

92. SCSS Lint

93. PostCSS

94. Autoprefixer

95. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

96. Online editor JSFiddle JSBin Glitch

97. JS Fiddle

98. JS Bin

99. Glitch

100. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

101. Tools I use with GitHub Zenhub Refined GitHub Shields David Greenkeeper Travis CI Codecov Code Climate

102. Zenhub

103.

104. Gulp-main- bower-files

105. Shields

106. David

107. Greenkeeper

108. TravisCI

109. Codecov

110. CodeClimate

111. Overview Where to get scripts Searching for NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub

112. Thank you Maurice de Beijer - @mauricedb

Tooling for the productive front end developer

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Tooling for the productive front end developer

Similar to Tooling for the productive front end developer (20)

More from Maurice De Beijer [MVP]

More from Maurice De Beijer [MVP] (20)

Recently uploaded

Recently uploaded (20)

Tooling for the productive front end developer