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.
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 that you can click through to see completion or more information.
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.).
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.
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.
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 HTML5 & CSS3 Traditional Front End
JCCC Fundamentals of JavaScript Programming
JCCC JavaScript in the Browser Context (Update coming soon!)
JCCC - JavaScript Frameworks (ReactJS , AngularJS (Coming Soon!), Vue.js (Coming soon!)
Previous Program:
JCCC - Intro to Web Development Code Examples
JCCC - Programming Fundamentals (JavaScript)
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:
Code: https://github.com/nuntius-rex/node-standard-login
Languages: JavaScript (NodeJS Context), HTML
Code: https://github.com/nuntius-rex/node-jwt-login
Languages: JavaScript (NodeJS Context), HTML, jQuery
JavaScript Modules (Study):
Code: https://github.com/nuntius-rex/javascript-modules
Languages: JavaScript (IIFE, AMD, CommonJS, ES6)
JavaScript Simple SPA Router
(No Front End Framework Required)
Code: https://github.com/nuntius-rex/simple-spa-router
Languages: JavaScript (NodeJS, Express), HTML, CSS
JavaScript Simple SPA Router with ES6 Modules
(No Front End Framework Required)
Code: https://github.com/nuntius-rex/simple-spa-router-es6
Languages: JavaScript (NodeJS, Express), HTML, CSS
Nodemon Reload Example
Code: https://github.com/nuntius-rex/nodemon-reload
Languages: JavaScript (NodeJS, Express, Nodemon, Reload), HTML, CSS
Vue.js Hello World
Some notes on the example generated by the Vue.js CLI
https://github.com/nuntius-rex/vuejs-node-helloworld
A Simple Vue.js Component
A simple component example for students:
https://github.com/nuntius-rex/vuejs-simple-component
Vue.js jQuery Replacement
A compilation and notation of code by Sarah Drasner:
https://github.com/nuntius-rex/viewjs-jquery-replacement
Vue.js Basic Concepts Book Examples
50+ examples coded from the book Vue.js Basic Concents by Eric Sarrion
(There is no current online repo of the code for this book to my knowledge.)
Code: https://github.com/nuntius-rex/vuejs-basic-concepts-examples
More Vue.js Code, Coming Soon!
This collection of code is just some simple one-offs I have done, in some cases just for fun
Elithica Front-End Module System (KnockoutJS, jQuery, Bootstrap)
Simple HTML Encoder (Written in PHP)
ReactJS Button Menu Component Loader
12 Days of Christmas in JavaScript (github) (codepen)
Christmas Tree Loop in JavaScript (github) (codepen)
The Fun Thing About Functions (codepen)
LIVE SITES