TheWebPleb
TheWebPleb
  • 40
  • 178 022
How to present a technical demo as an introvert | TheWebPleb
Discord: discord.gg/Q4vYP5zETx
BuyMeACoffee: buymeacoffee.com/thewebpleb
Hi guys, in this video, I want to quickly cover some tips on how to present technical demos as an introvert. These are things that help me and hopefully you will find them useful!
If you have questions, please don't hesitate to leave a comment or reach out through Discord!
Thanks for watching!!!
Tags: Ignition Perspective web design webdev Ignition8 Ignition8.1 Inductive Automation #thewebpleb message handler introverts
Переглядів: 235

Відео

A Warning about Perspective Message Handlers | Ignition 8.1
Переглядів 8437 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys, in this video, I would like to go over what I consider a warning or precaution when using Perspective message handlers. This stems from the fact that they're asynchronous, so they should be treated as such - this is more of a thing to keep in mind when you use them in your projects. You won't have issues most of t...
KVM | A cool tool for remote developers
Переглядів 5608 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I do something a little different - I'll talk a little about a tool called a KVM (keyboard / video / mouse) switch that allows you to use one set of monitors (video), one keyboard, and one mouse for two devices (I have a laptop w/ dock and a desktop tower) with the click of a button! This tool saves...
Building a dynamic Equipment Schedule | Part 2 | Ignition 8.1
Переглядів 1 тис.9 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I'm going to continue our simple example of a dynamic Equipment Schedule component using a MS SQL Server database and two tables, Asset and AssetEvent. We will build out a simple form that will upload data to the database and query those events to display them in our view. If you have questions, ple...
Building a dynamic Equipment Schedule | Part 1 | Ignition 8.1
Переглядів 2 тис.9 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys, I'm back! In this video, I'm going to create a simple example of a dynamic Equipment Schedule component using a MS SQL Server database and two tables, Asset and AssetEvent. This is to demonstrate how to retrieve items and scheduleEvents, and how to bind them to the appropriate component properties. If you have que...
Passing Data to and from a Popup Window | Ignition 8.1
Переглядів 4,8 тис.Рік тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we'll cover how to pass data to and from popup windows. If you have any questions about anything I talked about in the video, please let me know in the comments below! Thank you for watching! Tags: Ignition Perspective web design webdev Ignition8 Ignition8.1 Inductive Automation #thewebpleb
Creating a Dynamic Flex Repeater | Ignition 8.1
Переглядів 6 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we're going to go over how to quickly create a dynamic Flex Repeater, one which instances can be added to and deleted from in the runtime. If you have any questions about anything I talked about in the video, please let me know in the comments below! Flex Repeater index documentation: docs.inductive...
3 Ways to Duplicate Perspective Views
Переглядів 1,3 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to look at 3 different ways to reuse Perspective views within our projects. The methods mentioned in this video are copy/paste, using the Perspective Flex Repeater and, lastly, using the Perspective Table. If you have questions about anything in this video, please reach out to me through email, D...
Let's Build a Postman Clone | Part 4 | Styling and Scripting
Переглядів 8192 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys and gals! In this video, we're going to finish the rest of the component styling. This includes the Header and Body tables and other odds and ends. We also fix the message handlers to modify the correct tables and cells. I apologize that my face camera filled up its memory card, this may or may not have been a good...
Creating Toast Notifications with Perspective Components
Переглядів 2,1 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to build a toast notification system using only Perspective components and CSS. In other words, we don't need to use a custom module or even external CSS files to accomplish this. Thank you for watching! Tags: #Ignition #Perspective #web #toast #notifications #modern #Ignition8.1
Let's Build a Postman Clone | Part 3 | Table Styling
Переглядів 6393 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to continue working on the Postman clone. We will style the Params table to look like the Postman table. We will also add custom CSS and add custom views into our table. We will learn how to access properties from the table in the views that are embedded within cells. Here is the gist I talk abou...
Let's Build a Postman Clone | Part 2 | Initial Style
Переглядів 5643 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we'll continue working on our Postman clone. Specifically, we'll style the components in the top flex container and implement a bare-bones GET request. I hope this video was informative! I'm excited to see what this project will turn into. Thank you all once again for continuing to support this comm...
Let's Build a Postman Clone | Part 1 | UI Overview and Layout
Переглядів 1,8 тис.3 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I'm going to introduce you to a project or series I want to work on, which is to create an API testing tool like Postman, but in Perspective. We also look at the first iteration of the design (in Adobe XD) and create the initial layout of the Request page. I hope this video was informative! I'm exci...
Ignition Perspective - Modern Table responsive CSS
Переглядів 4,1 тис.3 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we'll take a look at how to use the Modern Table Ignition Exchange resource in your project. We will cover how to add it to your gateway, how to make simple changes, and how the project is set up. I hope you find this resource useful! Expect more to come... Link to Modern Table: inductiveautomation.com/excha...
Understanding CSS, Selectors, and Specificity in Ignition Perspective
Переглядів 3,6 тис.3 роки тому
Discord: discord.gg/3QvdPgHCDB BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we take a look at element, class, and ID selectors. We take a look at how to use combinators to make selectors more specific and we learned what specificity is (and how it is calculated). We added several buttons into a view and experimented with the selectors we learned about in the first part of the video ...
Using Animate.css and custom CSS in Perspective
Переглядів 3,4 тис.3 роки тому
Using Animate.css and custom CSS in Perspective
Implementing YouTube APIs using Ignition Perspective
Переглядів 3,8 тис.3 роки тому
Implementing UA-cam APIs using Ignition Perspective
Implement Search for Perspective Map using the Nominatim API
Переглядів 4,1 тис.3 роки тому
Implement Search for Perspective Map using the Nominatim API
Ignition on a Docker Container | Part 2
Переглядів 1,6 тис.3 роки тому
Ignition on a Docker Container | Part 2
Installing Docker to use with Ignition | Part 1
Переглядів 2,4 тис.3 роки тому
Installing Docker to use with Ignition | Part 1
Improving User Experience with Anchors | Ignition 8.1 Perspective
Переглядів 1,8 тис.3 роки тому
Improving User Experience with Anchors | Ignition 8.1 Perspective
GeoGuessr Take 2 | DO NOT WATCH, FORBIDDEN 404
Переглядів 933 роки тому
GeoGuessr Take 2 | DO NOT WATCH, FORBIDDEN 404
Using Git for Ignition Projects | Beginner Tutorial
Переглядів 3,4 тис.3 роки тому
Using Git for Ignition Projects | Beginner Tutorial
Sending data from iframe to Perspective view | Ignition Perspective 8.1
Переглядів 2,9 тис.3 роки тому
Sending data from iframe to Perspective view | Ignition Perspective 8.1
My favorite game!!! | GeoGuessr first try
Переглядів 1593 роки тому
My favorite game!!! | GeoGuessr first try
Using Auth0 as an IdP | Ignition 8.1
Переглядів 3,2 тис.3 роки тому
Using Auth0 as an IdP | Ignition 8.1
Creating a Dynamic Ignition Perspective Navigation Menu | system.perspective.getProjectInfo()
Переглядів 10 тис.3 роки тому
Creating a Dynamic Ignition Perspective Navigation Menu | system.perspective.getProjectInfo()
Building and Using Custom Modules | Ignition 8.1 Perspective
Переглядів 6 тис.3 роки тому
Building and Using Custom Modules | Ignition 8.1 Perspective
Fixing Chart.js chart to Fill Ignition Perspective Inline Frame
Переглядів 9583 роки тому
Fixing Chart.js chart to Fill Ignition Perspective Inline Frame
Using a Chart.js Bar graph in Ignition Perspective view
Переглядів 6 тис.3 роки тому
Using a Chart.js Bar graph in Ignition Perspective view

КОМЕНТАРІ

  • @Shubhangikale-ku9fx
    @Shubhangikale-ku9fx 5 днів тому

    Can you make video for Transcation group in ignition but ene user can logg dataignition perspective view and log that data to & from the data base.inshort create a view for transaction group how can we create it .

  • @seanexperience228
    @seanexperience228 19 днів тому

    Would you be able to make a video on how to pull live video from like a cctv onto ignition perspective?

  • @Tindurbox
    @Tindurbox 26 днів тому

    Thanks, as always!

  • @EmilioSordo-s6z
    @EmilioSordo-s6z 27 днів тому

    did you created a video making the dashboard? Really good content man!

  • @ratliffgreg
    @ratliffgreg Місяць тому

    Great video as always. My solution for this has a couple of benefits, hopefully it can help you or someone out there in UA-camland. Any time that I have a "reusable" popup such as an "Are You Sure?" popup, I create one "generic" popup view somewhere. I pass in the content displayed on the popup as a view parameter (i.e. "Clicking yes will do something. Are You Sure?"), as well as a parameter I call invokedBy. The invokedBy parameter should contain the name of the component that called the popup. On the "yes" or affirmative button in the popup, I put an event script that simply sends a message named "confirmResponse" with a payload containing the response (true or false) and return the value of invokedBy. I then put a boolean custom property on the component that called the popup named confirmReponse, set to false by default. I put the code that does all the work on a change script attached to this property. In the script, I first check to see if the value of the custom property is true (currentValue.value == True). If so, I do whatever work is needed (db call or whatever) there. At the end of the script, I always set the value of the confirmResponse property back to false, thus arming it for the next time. Next, I put a messageHandler on the component that called the popup, that listens for the message. In the msg handler, I check the payload to see if invokedBy is me (me being the name of the calling component where this message is being added) and the value of confirmResponse. If the names match, then this message is meant for me and I set the custom property (confirmResponse) to true. This fires the change event script, does the work and re-arms itself. If the names do not match, this message was meant for some other component, and it's ignored. The two benefits are: It allows me to put all of the code in one place, on the same view/component (not the popup), and that code can be synchronous. Additionally, the popup can be used for many other things related to confirming an action. Hope this helps someone! Keep putting out those videos, I've learned many things from you. I'm looking forward to more.

  • @AlesperEng
    @AlesperEng Місяць тому

    You asked what I want to see. I'd like to see historian used to log analog and binary inputs into excel using Ignition, thanks

  • @AlesperEng
    @AlesperEng Місяць тому

    Thanks

  • @vikanchirawatpongsa9046
    @vikanchirawatpongsa9046 Місяць тому

    Do you put any of these on the Ignition Exchange?

  • @jaredburris7600
    @jaredburris7600 2 місяці тому

    SOLID video dude, starting off on some Docker and Ignition for work and this has helped get me started with Docker for sure. Thanks a lot dude keep it up please!!

  • @mightbepossiblykaine4871
    @mightbepossiblykaine4871 2 місяці тому

    ur the GOAT

  • @ThilagaVathi-f7j
    @ThilagaVathi-f7j 3 місяці тому

    I followed the steps you mentioned, but in the Ignition Gateway page, the module state is still showing as 'New.' How can I solve this problem?

  • @ahmedmedhat8180
    @ahmedmedhat8180 3 місяці тому

    How did you create a shared tag ? (The one you used for api key)

  • @KobyAnsel
    @KobyAnsel 3 місяці тому

    Super helpful video! Is there anyway to resize the width of the row headers? I'm trying to view the scheduler from a mobile device, but the default row header width takes up about half of the screen.

  • @treyflipps870
    @treyflipps870 3 місяці тому

    Steel toe?

  • @uniquedesign5680
    @uniquedesign5680 3 місяці тому

    Any way to get which button was clicked on the popUp

  • @trejohnson7677
    @trejohnson7677 4 місяці тому

    I find it ridiculous how difficult it is to add custom components to this java monstrosity.

  • @DanielLazaro-m2e
    @DanielLazaro-m2e 4 місяці тому

    I get this error when I am trying to debug print. AttributeError: 'com.inductiveautomation.ignition.designer.gui.tool' object has no attribute 'perspective'

  • @NullPoint961
    @NullPoint961 4 місяці тому

    the script doesnt properly show html navigation page

  • @amoebusman
    @amoebusman 4 місяці тому

    Do I need a license for each gateway, or just for the main one?

  • @Happy-cz8ft
    @Happy-cz8ft 4 місяці тому

    If you are going to make a tutorial, Know what you are doing.😡🤬

  • @TYUIO11111
    @TYUIO11111 5 місяців тому

    you have to take care of leather to make it last .... 215 for made in canada leather with vibrams is dirt cheap you moron, also are your really comparing made in china crap shoes that cost 5 bucks in costco to make vs a small leather boot company. learn something about the industry you idiot.

  • @renganathana-y2e
    @renganathana-y2e 5 місяців тому

    Hai ,can you help me to add web browser component in perspective view

  • @Amalokch
    @Amalokch 5 місяців тому

    Ok.This is one of your most useful videos ever! is like one IT guys uploaded a video in how to deal "loneliness and jealously" in a work environment. Non technical videos are the best! thanks for this, this really help me out, keep them out!

  • @Amalokch
    @Amalokch 5 місяців тому

    Golden video! and many thanks for not editing it, someone who just started in Perspective this is very useful, every "small mistake" makes you learn more, and you explains even the basic details!

  • @buffengineer1612
    @buffengineer1612 6 місяців тому

    Great tips!

  • @Brian_Banda.
    @Brian_Banda. 6 місяців тому

    Thank you for the video

  • @darklordofapathy
    @darklordofapathy 6 місяців тому

    Could you have the listening component send a 'completed' message back so there's feedback that the message was processed?

  • @JoshDingus
    @JoshDingus 6 місяців тому

    Some new monitors can act as a kvm as well. I just got a new Dell monitor that has this available.

  • @JoshDingus
    @JoshDingus 6 місяців тому

    Great video and keep it up all good suggestions. How did you change your approach to correct the bug that was caused by asynchronous behavior?

  • @leehunt1261
    @leehunt1261 6 місяців тому

    This was a big help, thank you!

  • @paulrenteria8857
    @paulrenteria8857 6 місяців тому

    Gracias compa, hey habias de hacer un curso de ignition como el aleman que hizo el de beckhoff, yo creo que la pegarias y si aparte lo haces en espanol mejor compa. saludos desde arizona mexico.

  • @Alex-pb2pg
    @Alex-pb2pg 7 місяців тому

    That project development from scratch series is a great idea. I appreciate the time you put into these videos.

  • @weistrass
    @weistrass 7 місяців тому

    It would be great an update with the new stylesheet.css

  • @naderchinichian
    @naderchinichian 7 місяців тому

    You can put rest of your code inside the message listener or define custom property on the button as flag and set it inside message listener and then call system.util.invokeAsynchronous() base on that flag for the rest of your code. By the way this problem is even true for having having multiple binding that link together.

  • @JeffRankinenAmyJoey
    @JeffRankinenAmyJoey 7 місяців тому

    This message handling information is very useful! I'm working on a natural gas monitoring project using the gas and oil app from the Ignition demo. Messages are used for the pop-ups. Looking forward to your complete beginner project! I recommend the water treatment demo project from the Ignition demo for ideas on your project.

  • @paulsilva753
    @paulsilva753 7 місяців тому

    Thank you for sharing! It will be nice to see the ignition pet project, especially for beginners.👍

  • @nickeschenbrenner4947
    @nickeschenbrenner4947 8 місяців тому

  • @javicito2619
    @javicito2619 8 місяців тому

    Hi, very nice video, its really helpful, could i still join the Discord channel ?

  • @abhijitjagtap6393
    @abhijitjagtap6393 8 місяців тому

    Hi. I created flex repetar. And i want to pass entred kepyad value through massage handeler.but now i entered value for one instance this value pass for all intance. What can i do

  • @balegdah8261
    @balegdah8261 8 місяців тому

    thanks so much ily x

  • @balegdah8261
    @balegdah8261 8 місяців тому

    ur so cool

  • @muhammadmustajab6277
    @muhammadmustajab6277 8 місяців тому

    Cleared a lot of queries. Thanks

  • @joshuamcnamara2326
    @joshuamcnamara2326 8 місяців тому

    Hey, What css class do you use so you dont have to make multiple views?

  • @Joe-zy9ij
    @Joe-zy9ij 8 місяців тому

    KVM switches were popular a long time ago but I haven’t seen them in recent years. Modern USB-C on laptops can run everything from one cable so it’s not cumbersome to switch over. And for on-the-fly changeovers to alternate PC’s it’s cheaper to just use Remote Desktop instead of buying a KVM switch.

  • @paulsilva753
    @paulsilva753 8 місяців тому

    Thank you for sharing❤

  • @johnkelley3212
    @johnkelley3212 9 місяців тому

    Excllent vid! Thanks and good to see you back....

  • @y4kko2
    @y4kko2 9 місяців тому

    Great video good to see you back! I got an idea to go forward with this topic to create a full project of work orders + downtime tracking or expand on those latest 2 videos

  • @Indianbutler
    @Indianbutler 9 місяців тому

    what about the other way around? sending from perspective to the ? Like a Web Gl? if you have an animation for instance

  • @leosilva1036
    @leosilva1036 9 місяців тому

    Exccellent it works fine ....Thanks...

  • @pop12111
    @pop12111 9 місяців тому

    Welcome Back