I Just Did My First Code Commit at Principal Financial!
I started a front end engineer job at Principal Financial Group...and I really like it!!!
kaidez - Web Development Tutorials & JavaScript Coding Tips
Expert web development tutorials, JavaScript tips, and coding best practices. Learn modern web development with React, Node.js, TypeScript, and more from an experienced developer.
Latest posts
Building A GitHub Triage Tracker with the Claude API
I built a GitHub triage tracker with the Claude API — here's what I learned.
What /insights Taught Me About My Claude Workflow
Running Claude Code's /insights command led me down a rabbit hole, but I came out the other side with better package management and automated build reporting.
Building AI Tools with the Claude API: What I Learned
What I learned building two VS Code extensions with the Claude API: stateless conversations, TypeScript integration, and system design.
From Napster to Now: What My 15 Years in the Music Business Taught Me About Surviving AI as a Web Developer
I spent 15 years in music sales and marketing and watched the industry get disrupted. Here's what web developers need to know about AI.
Kaidez 2025 Site Redesign
Redesigned kaidez.com after 8 years using Eleventy, Claude AI & Cline. Supreme-inspired design + llms.txt implementation.
How AI is Changing Entry-Level Tech Jobs (And What New Developers Can Do)
A Stanford study shows is AI hurting entry-level tech jobs. Young developers need experience to compete in 2025 job market.
Search Autocomplete Thing I Did
Quick thoughts on building a small search autocomplete tool. What I learned, what I liked and what I didn't like.
What I Learned About Finding A Front End Web Developer Job In 2022
Six things I learned when looking for a front end web developer job in 2022. Also lists the top FE web dev skills employers are looking for.
JavaScript Developers...Stop HATING Frameworks!!!
JavaScript developers can avoid using frameworks and libraries if the have to, but too many developers avoid them for the wrong reasons.
Use .filter() Instead of an Inner Loop in My JS Average Temperature Code
kaidez updates his JavaScript functional programming/average temperature post to use .filter() instead of an inner loop. Includes demo.
My 101st Post – A Retrospective!
kaidez publishes his 101st post and uses it to reflect on what he's learned as a web developer.
Display Temperature Averages with JavaScript Functional Programming
Use JavaScript functional programming to display average temperatures in certain cities. Uses the .map() & .reduce() methods. Includes demo.
kaidez 2017 site redesign
Kai takes a simplistic approach to updating his blog, using Jekyll, GitHub Pages, BEM CSS, a little bit of React, webpack and Yarn.
The State of JavaScript
React/Redux are part of JavaScript's progression to a full application language. Study this progression to prepare yourself for the future.
Setup Link Functionality with Functional Programming
Use JavaScript functional programming to set click-to-link functionality on a set of elements. Code sample has a basic webpack/Babel setup.
Format Dates with Functional Programming
Use JavaScript functional programming to format dates with the Date() object. Includes a React example.
Want to Learn Javascript Unit Testing? Learn Functional Programming First!
Learn JavaScript unit testing by creating smaller functions with functional programming & testing them with QUnit. Lots of learning resources links.
What I Learned About Finding A Front End Web Developer Job In 2017-UPDATED
Random notes on my past & present experiences in looking for a front end web developer job in 2017. Has tips for code bootcamp graduates looking for work.
Click To Tweet Tutorial Update
kaidez’s click to Tweet tutorial is updated to be shorter, more readable, provide information faster & demonstrate some window.location JavaScript tricks.
10 Tips for High School Students Wanting to be Web Designers/Developers-2016 edition
Tips for high schoolers wanting to be web designers/developers while looking at the state of technology education and hiring in 2016.
jQuery: It's OK To Use It
jQuery allows for too much productivity for web developers to stop using it completely. But they should understand when to use it, and why.
The Head First Duck Simulator In Typescript
TypeScript recreates the Duck Simulator/Strategy pattern described in the 'Head First Design Patterns' book. With lots of resource links.
SCREENCAST: Build Tasks With npm run
Watch how I use npm run to run HTML, CSS and JavaScript build tasks. An alternative to using Grunt, Gulp and similar tools.
Babel Setup For Beginners
How I set up Babel, Browserify, Babelify & Babel ES2015 presets for web development. Great for Babel beginners. Contains lots of resource links.
kaidez 2015 site redesign
kaidez.com uses underscores to create a custom Swiss-style Wordpress theme for his blog's new design. webpack and gulp manage the JS/CSS build process.
Click to Tweet Link Created Dynamically With JS
Tutorial for dynamically creating a click to Tweet link with JavaScript and the window.location object…no hard-coding. With demos and code samples.
Write Code Every F–king Day!
The best way to learn web development is to try and write at least one piece of code a day, especially if the code is JavaScript.
Goodbye, Revlon
After almost ten years, I'm leaving Revlon to pursue a exciting new opportunity.
SCREENCAST: CSS Build Demo
A demo of how to optimize CSS with Gulp, Grunt and tasks like uncss and critical path css. Has a link to fully-commented code on GitHub.
Site I Worked On: parlorhairstudio.com
kaidez created a WordPress site for a Montclair, NJ hair salon, with a strong focus on optimizing the site for local SEO.
kdz - My Personal Scaffolding Tool
kaidez used Node to create a tool for scaffolding out web development projects. Includes a link to thoroughly commented code on GitHub.
AJAX Tutorial Update
kaidez's old AJAX tutorial was updated. jQuery AJAX is discussed in depth and there's a short discussion on JavaScript Promises.
TUTORIAL: Filter Content With jQuery.filter() & jQuery Selectors
Use jQuery.filter() & Attribute Selectors with HTML5 data attributes to filter out specific content on a click. Includes a code demo.
REVIEW: Effective JavaScript
Excellent book that explains complicated JavaScript concepts like API design in painstaking clarity. Great for intermediate JS developers.
TUTORIAL: Load data attributes with Mouse Clicks
Use mouse clicks to load information stored in data attributes onto a web page in a cross-browser compatible way. Contains lots of demos.
kaidez courses on lynda.com (now LinkedIn Learning)
kaidez recorded Ember.js and Backbone.js courses for lynda.com, a leading online learning company.
Site I Worked On: RevlonProBrands.com
kaidez developed the RevlonProBrands.com site using GitHub Atom, Jade, OOCSS, Modernizr’s yepnope functionality, Gulp & Grunt.
Web Components Demo: Templates and (some) Shadow DOM
A Web Components demo using just templates and Shadow DOM, mostly templates. Post includes many links to Web Component learning resources.
REVIEW: Downloaded
The Napster documentary recaps the company’s story and the atmosphere it created, but it doesn't tell the whole story.
TUTORIAL: Jekyll Search with Non-JavaScript/CSS Fallback
jQuery-powered search functionality for a Jekyll site with fallback code if JS or CSS is disabled. Look at the demo before using the code.
Using RequireJS In WordPress
Learn how to use RequireJS in WordPress. Includes a walk-through of how RequireJS works and how WordPress manages JavaScript internally.
GitHub Tutorial Update
kaidez's Git/GitHub tutorial is updated to be shorter, provide information faster and by providing 2 new links to the learning resource list
kaidez 2013 Site Redesign
kaidez.com uses Jekyll as a blog engine, Grunt as a task runner, RequireJS for modular JavaScript management, & Bower for package management
Where I've Been...Upcoming Site Update
A quick update about the status of kaidez.com, including the announcing of a new, upcoming site design.
Media Queries Are Important
CSS3 media queries can help sites perform better in Google search results and the W3C officially recommends them as a web standard.
TUTORIAL: Remove Files From GitHub
Get quick answers first, then learn how Git works with GitHub. This post also has an excellent list of Git/GitHub learning links at the end.
REVIEW: Eloquent JavaScript
Great JavaScript book for beginners covering the fundamentals in detail, focusing on how to use them in web applications, not just websites.
SCREENCAST TUTORIAL: Using JavaScript Off-DOM
How to create/change page elements off-DOM with JavaScript. Discusses createDocumentFragment, cloneNode, appendChild, jQuery .attr() & more.
The kaidez JavaScript Conference Tour: Leg 1: Fluent 2012/San Francisco
kaidez discusses what courses and sessions he'll be checking out at the 2012 Fluent JavaScript Conference. Node, and Jasmine are a few of them.