In this article, I want to detail how to install Meteor and get a project quickly up and running. Step 1: Install Meteor In order to install Meteor, the first step according to the installation instructions is to install a tool called “chocolatey”. https://chocolatey.org/install This can be installed with a cmd.exe command. Once that … Continue reading Meteor: How to install Meteor and get a project started in less than 5 minutes
MongoDB: How to get up and running in less than 5 minutes (on Windows)
MongoDB is a “NoSQL” (non-relational) data store of documents that have no predefined schema, where data is stored as a series of JSON objects. The concept of the relational database where there is a database that has tables which are made up of columns and rows, is replaced by the MongoDB concept of a database … Continue reading MongoDB: How to get up and running in less than 5 minutes (on Windows)
React: How to use CSS in React
In this article I will describe two ways to use CSS in React. Option 1: Inline Define CSS styles ‘inline’ inside React. This uses the props key ‘style’, which uses a dictionary to define all of the CSS attributes. However, these CSS attributes have differences from normal CSS. For example, 1. The attribute names must … Continue reading React: How to use CSS in React
HTML & CSS: How to create a square grid using CSS grid
In order to create a game of tic-tac-toe using React.js, I first needed to figure out how to create a 3×3 grid of squares using HTML and CSS. Turns out, with CSS grid it is fairly straightforward. All we need is three CSS classes: container: This is the highest level div that will contain the … Continue reading HTML & CSS: How to create a square grid using CSS grid
MySQL: How to install a test database and confirm the installation
Now that I have installed PHP and MySQL: How to install PHP/MySQL and confirm the installation I wanted to start using MySQL so I searched for a sample database full of data that I could install for testing. I found this “Employee Sample Database” on the dev.mysql.com website: https://dev.mysql.com/doc/employee/en/ The instructions for installation: https://dev.mysql.com/doc/employee/en/employees-installation.html led … Continue reading MySQL: How to install a test database and confirm the installation
React: How to create the simplest app using Atom
This article is a continuation of the previous article where I created the simplest possible React app in Codepen: React.js: How to create the simplest app using Codepen A second way to create React apps is to use a text editor such as Atom, and reference the necessary resources via CDNs (content delivery networks). In … Continue reading React: How to create the simplest app using Atom
React: How to create the simplest app using Codepen
One easy way to create React apps is to use Codepen. Using Codepen to practice creating React apps requires you to first set some JS settings. The JavaScript Preprocessor should be set to Babel because we will be using JSX instead of pure JavaScript. The Quick-add select menu can be used to select both the … Continue reading React: How to create the simplest app using Codepen
React: Introduction to the main concepts
React is a JavaScript library for building user interfaces, specifically, single page applications (SPAs). It is more of a library than a framework. In the MVC (Model View Controller) paradigm, React takes care of the View. It is in charge of rendering a new view (either by rendering new HTML or changing CSS) in response … Continue reading React: Introduction to the main concepts
JavaScript: How to generate an array of random numbers
Let’s say I want to create a list of 10 numbers that are between the values of 0 and 1. This can be done with a simple for loop. For example: let length = 10; let max = 1; let randArray = []; for (i=0; i < length; i++) { randArray.push(Math.random(max)); } console.log(randArray); Setting the … Continue reading JavaScript: How to generate an array of random numbers
How to install PHP/MySQL and confirm the installation
The quickest way I found to install PHP and MySQL was to download the Bitnami WAMP stack module, which also installs a fresh Apache 2 server. See: https://bitnami.com/stack/wamp The installer I found for Windows 10 was called “bitnami-wampstack-7.1.14-0-windows-x64-installer.exe”. In running the installation, Bitnami creates a folder for apache2, php, and mysql here: C:\Bitnami\wampstack-7.1.14-0 Bitnami also … Continue reading How to install PHP/MySQL and confirm the installation