<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web-Ui on Coderrob</title><link>https://coderrob.com/tags/web-ui/</link><description>Recent content in Web-Ui on Coderrob</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Wed, 22 Oct 2025 21:00:00 -0500</lastBuildDate><atom:link href="https://coderrob.com/tags/web-ui/index.xml" rel="self" type="application/rss+xml"/><item><title>Javascript Promise</title><link>https://coderrob.com/posts/javascript-promise/</link><pubDate>Wed, 22 Oct 2025 21:00:00 -0500</pubDate><guid>https://coderrob.com/posts/javascript-promise/</guid><description>&lt;p>A &lt;code>Promise&lt;/code> is a guaranteed placeholder value for what a function or series of functions will return.&lt;/p>
&lt;p>It&amp;rsquo;s a &lt;em>promise&lt;/em> to return a value eventually.&lt;/p>
&lt;blockquote>
&lt;p>The function swears this time is different. You can trust it. It swears it&amp;rsquo;ll get it back to you in no time.&lt;/p>
&lt;/blockquote>
&lt;p>If you haven&amp;rsquo;t already, check out my post on &lt;a href="../javascript-callbacks">JavaScript Callbacks&lt;/a> where we dove into callback hell and why we desperately needed something better. Spoiler: Promises are that something better.&lt;/p></description></item><item><title>Why Typescript Interface Names Should Start With "I"</title><link>https://coderrob.com/posts/why-typescript-interface-names-should-be-start-with-i/</link><pubDate>Tue, 20 Aug 2024 19:34:02 -0500</pubDate><guid>https://coderrob.com/posts/why-typescript-interface-names-should-be-start-with-i/</guid><description>&lt;p>TypesScript interface names should start with &amp;ldquo;I&amp;rdquo; because while a type is real, an interface is purely &amp;ldquo;I&amp;quot;maginary.&lt;/p></description></item><item><title>Netlify Single Page App 404 Redirect</title><link>https://coderrob.com/posts/netlify-single-page-app-404-redirect/</link><pubDate>Mon, 08 Nov 2021 16:36:15 -0600</pubDate><guid>https://coderrob.com/posts/netlify-single-page-app-404-redirect/</guid><description>&lt;h3 id="tldr">tl;dr&lt;/h3>
&lt;p>Add a &lt;code>netlify.toml&lt;/code> file to the root of your project if one doesn&amp;rsquo;t exist.&lt;/p>
&lt;p>Add the following setting to redirect all routes to your single-page-application.&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#000;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-toml" data-lang="toml">&lt;span style="display:flex;">&lt;span>[[redirects]]
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>from = &lt;span style="color:#87ceeb">&amp;#34;/*&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>to = &lt;span style="color:#87ceeb">&amp;#34;/index.html&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>status = &lt;span style="color:#f60">200&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>The &lt;code>netlify.toml&lt;/code> file should now look something like this:&lt;/p>
&lt;p>&lt;img src="https://coderrob.com/img/netlify-toml.png" alt="Netlify toml">&lt;/p>
&lt;h3 id="background">Background&lt;/h3>
&lt;p>I started using &lt;a href="https://www.netlify.com/">Netlify&lt;/a> for a number of side projects and a recent start-up.&lt;/p>
&lt;p>As many do, I started using a single-page-applications (SPA) framework to build up the front-end.&lt;/p></description></item><item><title>Javascript Callbacks</title><link>https://coderrob.com/posts/javascript-callbacks/</link><pubDate>Mon, 03 May 2021 15:00:00 -0500</pubDate><guid>https://coderrob.com/posts/javascript-callbacks/</guid><description>&lt;h2 id="brief-history-of-callbacks">Brief History of Callbacks&lt;/h2>
&lt;p>It all starts with the callback function.&lt;/p>
&lt;p>A callback function is just a plain JavaScript function that is passed into another function as an argument.&lt;/p>
&lt;p>That&amp;rsquo;s it. Nothing special.&lt;/p>
&lt;p>This callback function can be used to return data, or to signal that some event took place.&lt;/p>
&lt;p>If you&amp;rsquo;ve worked with web development you&amp;rsquo;ve definitely crossed paths with callbacks.&lt;/p>
&lt;p>Think of a button &lt;code>click&lt;/code> event for a web page.&lt;/p></description></item><item><title>New Course: Event Handling in jQuery</title><link>https://coderrob.com/posts/event-handling-in-jquery/</link><pubDate>Thu, 29 Apr 2021 14:46:08 -0500</pubDate><guid>https://coderrob.com/posts/event-handling-in-jquery/</guid><description>&lt;h3 id="event-handling-in-jquery">Event Handling in jQuery&lt;/h3>
&lt;p>My newest course, &amp;ldquo;Event Handling in jQuery&amp;rdquo; went live at Pluralsight!&lt;/p>
&lt;p>&lt;a href="https://app.pluralsight.com/library/courses/jquery-building-dynamic-websites/table-of-contents">View My Course - Event Handling in jQuery&lt;/a>&lt;/p>
&lt;p>&lt;a href="https://github.com/Coderrob/event-handling-in-jquery">GitHub Files - Event Handling in jQuery&lt;/a>&lt;/p>
&lt;h4 id="course-description">Course Description&lt;/h4>
&lt;p>Open your web browser and immediately you’ve triggered an event.&lt;/p>
&lt;p>With every opening of a page, click of a button, or movement of the mouse, you’ve probably triggered dozens of events.&lt;/p>
&lt;p>Ever get prompted that you’ll be logged out of a site due to inactivity? You can even trigger an event by doing nothing for just long enough.&lt;/p></description></item><item><title>Javascript Function Parameters and Arguments Explained</title><link>https://coderrob.com/posts/javascript-function-parameters-and-arguments-explained/</link><pubDate>Thu, 17 Sep 2020 00:46:15 -0500</pubDate><guid>https://coderrob.com/posts/javascript-function-parameters-and-arguments-explained/</guid><description>&lt;h3 id="javascript-function-signatures">JavaScript Function Signatures&lt;/h3>
&lt;p>Alright, you&amp;rsquo;ve probably seen functions before. Something like this maybe?&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#000;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-js" data-lang="js">&lt;span style="display:flex;">&lt;span> &lt;span style="color:#f00">function&lt;/span> doSomething(name, desc, task) {
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> &lt;span style="color:#0f0">// did something
&lt;/span>&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&lt;span style="color:#0f0">&lt;/span> }
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>This function, named &lt;code>doSomething&lt;/code>, takes three &lt;code>parameters&lt;/code> as part of its function signature. These parameters named &lt;code>name&lt;/code>, &lt;code>desc&lt;/code>, and &lt;code>task&lt;/code> are the names of the values being sent into the function.&lt;/p>
&lt;p>I&amp;rsquo;m going to use a sportsball reference here so be warned. You can think of the function as a net that gets various types of objects tossed into the hoop &lt;code>( )&lt;/code> where it triggers sports points.&lt;/p></description></item></channel></rss>