Learn Svelte By Making a Word Puzzle: Part 1

James Slaughter Articles, Development Technologies & Tools, JavaScript, Learning Svelte, Tutorial Leave a Comment

Svelte is a growing JavaScript component framework compiler delivered in a developer-friendly package. Usage of Svelte has been growing – IBM and even Apple (in its newest beta of Apple Music) have been using it for their frontend needs.

For a number of reasons, I think it’s a tool we developers need to get on board with. So, let’s embark on an active learning assignment: making a word puzzle with Svelte!

DevOps Consulting Services

We help clients to plan, prioritize, and implement DevOps strategies that reduce time from “code commit” to deployment while maintaining uptime and quality. Services include Assessment & Strategy: Analysis of current practices, tools, and workflows, identifying areas for improvement and developing a tailored DevOps strategy that aligns with unique business objectives and goals. Containerization & Orchestration: Containerizing apps and adopting container orchestration platforms to automate the deployment, scaling, and management of containerized applications using tools like Kubernetes and Docker. Configuration Management: Implementing configuration management tools such as Ansible…

Kendo Grid: A Primer For First-Time Users

Brian Jacobs Articles, Cloud, Development Technologies & Tools, Tutorial, Vue.js Leave a Comment

This is my take on working with Kendo Grid in a Vue 3 project. While I have not explored the grid functionality to the nth degree, these are some things I like about the grid, some difficulties I had implementing it, and some workarounds and quirks I have discovered. Specifically, I will be referring to the Vue implementation of Kendo Grid and the Native Components. This is not to be confused with the Kendo UI for Vue Wrappers.

Kendo Grid is a very robust tool for displaying data in table format. Out-of-the-box features include sorting, filtering, and pagination. Simply defining the column schema with a few config options will have the grid set up quickly. A few features that require more coding and configuration are column collapsing, adding a toolbar, displaying aggregated fields, using custom cell components, implementing column groups, and exporting grid data to a file.

Let’s get started!

React Hooks Form

React Hook Form

Braden Niswonger Articles, Development Technologies & Tools, React Leave a Comment

In this blog, we will explore React Hook Form, an extremely lightweight and effective form building library using React. This open-source, third-party library has no dependencies and can be integrated with most existing forms or libraries. It provides the ability to subscribe to individual components, limiting the frequency of re-renders and making it more efficient.

Below, we will learn some of the basic usages of React Hook Form, some more in-depth features, and then look at an example form integrated with an existing UI library.

Code a Christmas Game ... with Cats!

Code a Family Christmas Game …With Cats

Ryan Brewer Articles, Community, Tutorial 1 Comment

Have kiddos at home for break this time of year? If so, I’m sure you’ll appreciate this quick, fun boredom killer. We’ll create a game for you and your family, and the best part: your kids can create the whole thing!

Play as the Christmas Tree Star, who’s been knocked off the tree by the (crazy) house cat. Like every Star, you’re far from helpless. You’ll jump your way back to the top. But beware! The (truly crazy) cat is still inside the tree …with black eyes open wide …hunting you.