Create a Card Game in Canvas with React Components

Create a Card Game in Canvas with React Components

What’s a website without a little fun and games now and then?  Even if you’ve never made a game before, or have no experience with game engines like Unity, that’s okay! Instead, you can channel the power of React Components and put your web development knowledge to work adding some fun aspects to your website. … Read more Create a Card Game in Canvas with React Components

How to Get Started with Vue.js

Web Class: An Introduction to Vue.js

You can access the full course here: Build JavaScript Applications with Vue.js Part 1 Hello everyone and welcome to our course on Vue.js! Here we will learn how to use the framework Vue.js to enrich our experience with web development. We will go through the basics of what it is and how to use it … Read more How to Get Started with Vue.js

An Overview of JavaScript Versions

Web Class: Discover Modern JavaScript – ES6 to ES9

You can access the full course here: Modern JavaScript – From ES6 to ES9 Part 1 What is new in Javascript ES6-9? ES6: Default parameters – add default values for function parameters String interpolation – build variables right into a string Multiline strings – create strings that span multiple lines Let constants – create variables … Read more An Overview of JavaScript Versions

Intro to Git, Github, and Version Control

Web Class: Intro to Git, Github, and Version Control

You can access the full course here: Git and Github – Version Control and Collaboration Part 1 What is Version Control and Git? Version control is keeping track of software as projects are updated and new versions are released. A well-built system like git allows us to work on current versions of software while maintaining … Read more Intro to Git, Github, and Version Control

Creating a React and Reactstrap Card Gallery

For this tutorial, you will be utilizing React, npm, Node.js, Bootstrap, and Reactstrap. To keep all of the development environments static, I would advise everyone to use the same text editor like myself, Visual Studio Code, for this tutorial. If you are not familiar with React, I would recommend that you try this tutorial here … Read more Creating a React and Reactstrap Card Gallery

Understanding React.js Higher-Order Components

App render after adding a Higher-Order Component

In this tutorial, we will approach React.js Higher-Order Components (HOCs), with the help of an easy to understand, basic example. To follow along, you will need some React.js and JavaScript knowledge, but everything is detailed in the checklist below. Download the source code You can follow along, and build your app from the ground up, or … Read more Understanding React.js Higher-Order Components

Exploring Semantic UI and Setup

You can access the full course here: Responsive Admin Pages with Semantic UI Part 1 An important part of using Semantic UI is getting familiar with the website. It’s a copy-and-paste framework so learning how to navigate the website to find the widgets and frames that we want will save us time in the long … Read more Exploring Semantic UI and Setup

An Introduction to WebVR

You can access the full course here: WebVR for Beginners – Build VR Websites with A-Frame Part 1 Rotation Scaling Parenting Learning Goals Rotation transform Scale transform Parent/children objects Intro to 3D modelling concepts Go to https://aframe.io/community to get access to the documentation and Github repository of the A-Frame Library. You can also sign up … Read more An Introduction to WebVR

An Introduction to Express

You can access the full course here: Express for Beginners In this course, we’ll be covering the Express framework (https://expressjs.com/) used for web applications in node.js.  For this lesson, we’ll be installing necessary tools and getting our basic environment set up. Setting up Node.js To begin, we need to make sure to download and install the … Read more An Introduction to Express