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.
stuff with a "javascript" tag
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.
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.
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.
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.
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.
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.
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
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.
5 Reasons Why You Need To Learn To Use JavaScript Before jQuery
A list of good reasons why it's better to learn JavaScript before jQuery. A short learning resource list at the end to help you get started.
Best JavaScript Learning Resources for Developers (2025) - 4 Books + 1 Podcast
Great, useful JavaScript books listed from easiest to hardest. Authors include John Resig, Douglas Crockford and Stoyan Stefanov.
TUTORIAL: What NYC Subways Can Teach Us About JavaScript Closures
JavaScript closures tutorial using the New York City subway to explain how they work. With demo, code samples and short reading list.
SCREENCAST TUTORIAL: JavaScript for() loop That Creates A jQuery Fade In/Fade Out
JavaScript for loop dynamically creates a jQuery fade in/fade out effect with a delay; includes a demo, code sample and screencast tutorial.
The HTML5 Boilerplate Video is AWESOME!!!!!!
Paul Irish's HTML5 Boilerplate video is extremely informative as it demonstrates many great CSS and JavaScript hacks and best practices
TUTORIAL: How AJAX, jQuery and HTML5 Work Together
AJAX, jQuery and HTML5 are big buzz words in the web design/development community nowadays. While getting these web technologies to work together is exciting, the programming required to do this isn't new.
TUTORIAL: A Simple, Effective jQuery Image Rollover
A very popular, cross-browser complaint jQuery image rollover
TUTORIAL: A Simple jQuery Image Fade In/Fade Out With A Delay
An easy jQuery tutorial to fade in and fade out two images with a delay