Programmer and Web Developer

Dan Guinn Programmer I love programming and I am particularly passionate about web languages. I often work in a Full-Stack environment which over time has allowed me to have exposure to a many languages and frameworks. I teach the full web development track of the continuing eductation Web Development Certificate at Johnson County Community College. This covers the full stack from HTML and CSS to modern development in ReactJS and Node.

This arrangement of doing development during the day and teaching classes many nights has constantly sharpened my skills. My real-world experience benefits my teaching and my abundant study in teaching, benefits my day position.

Check out the following features of this page to explore my code knowledge.

Languages Code Demos Back to Portfolio Index

Code Demo Index

Check out my ongoing collection of code demos. Sometimes I'm serious, and sometimes I just play!

jQuery/PHP

NodeJS/Express

HTML, CSS, JavaScript, React, Node

NodeJS

Vue JS

Misc JavaScript, PHP

Languages

I am providing this list to show aptitude and overall knowledge. The following is a list of languages and technologies I have experience with or have a working knowledge of. Under each language, I have indicated my ongoing training and experience, from both formal and various online training sources. This list attempts to be somewhat exhaustive, but I am constantly expanding my knowledge.

Programming Fundamentals

Object Oriented Programming

Programming Fundamentals, OOP in Java (Web Development Certificate @ JCCC)
I am knowledgeable of OOP patterns in PHP and JavaScript.
I teach OOP in my Intro to Programming Class and Excel VBA Class - OOP in Excel VBA Chart

MVC Patterns

General knowledge of Symfony and Laravel MVC approaches
Dabbled in Python/Django MVC
I am comfortable with various front-end MVC (MVVM, SPA) patterns

ReactJS, AngularJS, Vue, Vanilla JavaScript

NodeJS/Express Structures

Cloud Development

Oracle Big Machines

BML, BMQL, CPQ interface
Certificate: CPQ Yellowbelt

Salesforce

Some limited experience with Apex and Lightning
Online Study: https://trailblazer.me/id/danguinn

Web Languages

Front-End Markup, Layout & Style

HTML 4 & 5

15+ Years of Professional Experience in HTML
Hobby since 1995
HTML5 & CSS3 Fundamentals (Web Development Certificate @ JCCC)
HTML5 & CSS3 Advanced (Web Development Certificate @ JCCC)
Online study: Codecademy (HTML & CSS 7 hours, old course unlisted)
Online study: Codecademy (Make a Website 4 hours, old course unlisted)
Class taught: HTML5 & CSS3 Fundamentals
Class taught: HTML5 & CSS3 Advanced

HTML Templating

Twig (working knowledge)
Liquid (working knowledge)
JavaScript ES6 Templating

CSS 2 & 3

15+ Years of Professional Experience in CSS
Hobby since 2000
HTML5 & CSS3 Fundamentals (Web Development Certificate @ JCCC)
HTML5 & CSS3 Advanced (Web Development Certificate @ JCCC)
Online study: Codecademy (HTML & CSS 7 hours, old course, unlisted)
Class taught: HTML5 & CSS3 Advanced

Sass

General working knowledge
Online study: Codecademy (Learn Sass 3 hours)

CSS Frameworks

Teach General CSS Frameworks at JCCC (Web Development Certificate @ JCCC)
CSS Reset and Normalize
JavaScript Dependent CSS Frameworks

Bootstrap

Proficient knowledge of layouts and grid systems
Class Taught: HTML5 & CSS3 Advanced

Foundation (working knowledge)
Materialize (working knowledge)
Semantic (working knowledge)
UI Kit (working knowledge)
Bulma (working knowledge)

No-JavaScript Dependency CSS Frameworks

Chota (working knowledge)
Mini-CSS (working knowledge)
Picnic-CSS (working knowledge)
Pico CSS (working knowledge)
Pure CSS (working knowledge)
Tailwind CSS (working knowledge)
Skeleton (working knowledge)
Spectre.css (working knowledge)
HiQ (working knowledge)

MISC

Web Fonts & Glyphs

Font Awesome
Google Fonts
Bootstrap Glyphicons
Font sprites
SVG

Mapping Libraries:

GoogleMaps: Several years experience, proficient
Leaflet/Mapbox: Some experience, proficient

Shopify Liquid

Self taught, some experience, itermediate knowledge

Markdown

Working knowledge

JavaScript & JavaScript Libraries

JavaScript

Hobby since 2000
Approximately 12 Years of Mixed Stack Professional Experience
JavaScript & AJAX (Web Development Certificate @ JCCC)
Online study: Codecademy (JavaScript 10 hours, old class, unlisted)
Online study: Codecademy (Make an Interactive Website 5 hours, old class, unlisted)
Online study: JavaScript for Web Designers - Lynda.com
Class Taught: Intro to Programming, JavaScript

AJAX

15+ Years of Professional Experience (Both regular JavaScript and jQuery)
JavaScript & AJAX (Web Development Certificate @ JCCC)
Online study: jQuery Data with AJAX - Lynda.com
Class Taught: JavaScript

JavaScript Libraries/Frameworks

ES6

General working knowledge of ES6 conventions and modular structures

Modules

IIFE
CommonJS
ES6

jQuery

JavaScript & AJAX
Currently teach in my CSS Frameworks class at JCCC (Web Development Certificate @ JCCC)
Online study: Codecademy (jQuery 3 hours, old class, unlisted)
Online study: Codecademy (Make an Interactive Website 5 hours, old class, unlisted)

ReactJS (proficient)

Audited classes as a JCCC instructor
Online Study: Codecademy (Learn ReactJS: Part I, 5 hours)
Online Study: Codecademy (Learn ReactJS: Part 2, 5 hours)
Online study: Egghead.io
Class Taught: ReactJS - Web Development Certificate @ JCCC
Class Taught: JavaScript Frameworks

AngularJS (intermediate knowledge)

Online study: Codecademy (Learn AngularJS 1.X 5 hours)

Vue.js

Working knowledge of basics
Class Taught: JavaScript Frameworks (Survey Class) (Web Development Certificate @ JCCC)

Vite

Working knowledge of basics
Class Taught: JavaScript Frameworks (Survey Class) (Web Development Certificate @ JCCC)

Ember

Very Basic Working knowledge of basics
Class Taught: JavaScript Frameworks (Survey Class) (Web Development Certificate @ JCCC)

Vanilla JS

Working knowledge of basics
Class Taught: JavaScript Frameworks (Survey Class) (Web Development Certificate @ JCCC)

Older Libraries:

Oracle Jet

Basic working knowledge

Require JS

Self taught, proficient, novice to intermediate knowledge
2 years professional experience (primarily with component templating)
Primary usage in data-binding templating

KnockoutJS

Self taught, proficient, novice to intermediate knowledge
2 years professional experience (primarily with component templating)
Primary usage in data-binding templating

MISC - Some limited experience with the following:

Backbone.js (novice)
Chaplin js (novice)
Underscore (novice)
PhantomJS (3 months)

NodeJS

See Back, End Server-Side Programming

JSON - Transporit languages and REST

Covered in JavaScript & AJAX class (Web Development Certificate @ JCCC)

XML/JSON & Related Transport Languages

XML

Self taught, proficient

XSL

Self taught, proficient

RSS

Self taught, proficient

Classic ASP / VBScript

2 years of professional experience
Proficient in VBScript

Back-End, Server-side Programming

PHP & Technologies

PHP Language

10+ years professional experience (Classic OO PHP)
W3Schools Cert
Online study: : Codecademy (PHP 4 hours, old class, unlisted)
Online study: KNP University

Templating Engines

Twig (working knowledge)

Web Services - XML, RSS, JSON
Frameworks

I have written a personal MVC/CMS modular PHP Framework
CodeIgnitor (novice to intermediate knowledge)
Laravel (novice to intermediate knowledge)
Symphony (novice to intermediate knowledge, KNP University)

NodeJS

I teach classes in the Web Development Certificate @ JCCC
Primary Libraries:

NPM
Express
Express Project Builder
Socket.io
Nodemon/Reload

Class taught: NodeJS
Front-End Development in Node

ReactJS
Angular
Vue.js
Vite
Vanilla JS

Python / Django

Self taught (novice to intermediate knowledge)

Database Languages

SQL (Primarily MySQL)

10+ Years of Professional Experience
Class Taught: SQL Fundamentals
Online study: Codecademy (Learn SQL 3 hours)

MS Office Application Technologies

Desktop VBScript
VBA for Excel

2 years of professional experience as a VBA developer
Have integrated custom ribbon designs and modules into various work situations
Have taught class Excel VBA Programming at JCCC, FALL 2016

VBA for Access

Written class curriculum for Access VBA Programming for JCCC, FALL 2016

Desktop Console

Java

I am not a Java programmer, but have a decent working knowledge of Java

Python

Self taught, basic skills

Mobile

Python / Kivy

Self taught, novice to intermediate knowledge

Server

LAMPP

7+ Years of Professional Experience
Primarily on Ubuntu, some on Cent OS
Raspberry PI (Ubuntu ARM)
The site you are viewing is running on my home LAMPP server.
Some general experience with XAMPP, MAMPP, WAMP also.

NodeJS

See Back, End Server-Side Programming

Package & Dependency Managers (General working knowledge)

Bower
NPM
Composer
apt-get, etc.

Repositories

Mecurial - Some experience, general working knowledge
Github - Some experience, general working knowledge

Git Enabled Editors:

Atom (Win/Linus)
SourceTree (Mac)
GitKraken (Linux)

Git

General working knowledge
I maintain my own personal Git repo in my locally hosted NAS system
Online study - Codecademy Learn Git, 2 hours

Editor Usage - I prefer text-based web editors but have also used heavier IDEs:

Atom/Pulsar
JetBrains Products: PHPStorm, WebStorm
Brackets
Geany
VS Code
Dreamweaver (briefly, early in my career)

Preferred Personal Development: The following are my personal preferences when developing personal projects:

I tend to favor minimalist development with the philosophy of "use only what you need" versus "load everything that you might need"
My preferred editor has been Atom, Pulsar or other Atom derivative.
My preferred environments are Node/Express (will run host instances via PM2), Vite or Apache/PHP
My preferred CSS framework is probably Spectre.css or other CSS only CSS Framework, but I have defaulted to Bootstrap at times.
My preferred front-end framework is in plain ES6 JavaScript modules (with a framework I bulit) or Vanilla JS.
My preferred back-end languages are Node JS or PHP
My preferred SQL database is MySQL
My preferred JS database is Mongo DB

Keypad Access Code Demo

Inspired by my love for spy-tech movies and geeky gadgets, I came up with the idea of making a keypad access for the web back in May of 2017. Implementing it would be somewhat easy, but making it fun for a demo was a new idea. So I turned the idea into a simple game. The user must guess the proper keypad entry to win. Minimal coding is utilized in this version, just JQuery and as simple PHP script for the backend (one could have easily used NodeJS, etc.).

Crack the Keypad Access!

View jQuery Version Code on Github

RISK ATTACK ROLLER

Ever play the board game RISK? It's all about world domination, where players try to conquer territories to add to their empire. However, each turn is made up of many rolls in the battle for the given territory attack. This can be a long process of two parties, namely the attacker and the defender, rolling dice and removing troops from their territories until one side finally wins. So I was thinking, would it be possible to automate that process? The answer is yes! Here is a code demo from May 2017.

Try out the RISK Roller!

View jQuery Version Code on Github

Rock Paper Scissors Lizard Spock

Play Rock-Paper-Scissors-Lizard-Spock!

I was asked to do a code demo of the game Rock, Paper, Scissors, Lizard, Spock in Symfony (PHP framework) back in 2016.

Languages used: HTML, CSS, JavaScript/jQuery, Bootsrap, AJAX, JSON, PHP (Symfony framework: Twig, Doctrine, DQL)

View Old Symfony Version Code on Github

I more recently redeveloped the game in NodeJS (2020)

Languages Used: HTML, CSS, JavaScript/jQuery, Bootsrap, AJAX, JSON (service), NodeJS (Express, Promise MySQL, Express es6 Template Engine) Dev Dependencies: MVC Create (also created by me), nodemon.

*NEW* View NodeJS Version Code on Github *NEW*

JCCC Class Code Examples

The following are the typical code examples I use in class. Every time I teach I will review and seek to improve them.

2021 Program:

JCCC - How the Web Works

JCCC HTML5 & CSS3 Traditional Front End

JCCC-CSS-Frameworks

JCCC Fundamentals of JavaScript Programming

JCCC JavaScript in the Browser Context (Update coming soon!)

JCCC - NodeJS

JCCC - JavaScript Frameworks (ReactJS , AngularJS (Coming Soon!), Vue.js (Coming soon!)

Previous Program:

JCCC - HTML CSS Fundamentals

JCCC - HTML CSS Advanced

JCCC - Intro to Web Development Code Examples

JCCC - Programming Fundamentals (JavaScript)

JCCC - JavaScript (DOM Context)

JCCC - NodeJS

JCCC - ReactJS

NodeJS

MVC Create

MVC Create is a utility I made to create MVC structures to jump start the creation of a project in NodeJS.

Code: https://www.npmjs.com/package/mvccreate

Languages: JavaScript (NodeJS context)

Node Lizard Spock

Node Lizard Spock is a version of the game Rock, Paper Scissors, Lizard, Spock (like Rock, Paper Scissors, but with two more gestures).

Code: Node-Lizard-Spock (Rock Paper Scissors in Node JS)

Languages/Libraries/Platforms: HTML, CSS, jQuery, JavaScript, NodeJS and Express

Elithica AMD NodeJS

Elithica AMD is a front-end modular system I created by combining some significant libraries. Here I combine them with NodeJS to create a full-stack system

Code: https://github.com/nuntius-rex/Elithica-AMD-Node

Languages/Libraries/Platforms: HTML, CSS, Bootstrap, jQuery, JavaScript, KnockoutJS, Express, ES6 String Template Engine, MVCCreate, Nodemon, NodeJS.

Latitude and Longitude API

I was asked to create a latitude and longitude lookup API.

Code: https://github.com/nuntius-rex/RxSavingsSol-Challenge-API

Languages: JavaScript (NodeJS Context), JSON, MySQL

Node Logins

Examples of some Node JS login methods: