CodingExercises.com, Making complex simple
In this tutorial, I’ll guide you through navigating the console / shell on Mac and Ubuntu. Table of Contents Updating key bindings on a Mac Step 1: Open zsh Step 2: List the key bindings Step 3: Add custom key bindings Pro Tip 1: Unleashing Terminal Superpowers! Pro Tip 2: What’s the caret for? Step 4: Save the file Bonus tip: Save commands in a text file Updating key bindings on Ubuntu Step 1.…
To add an icon using the CSS ::before pseudo-class, you can follow these steps: 1. Find the icon you want to use, and save it as an image file This image file can be in a format like PNG or SVG. 2. Create a CSS class for the element that you want to add the icon to For example, if you want to add an icon to a link, you could use the following CSS: a .icon :before { /* CSS rules for the ::before…
What data types exist in Python? 1. Numeric data types: Integer ( int ): represents positive or negative whole numbers, without decimals. Float ( float ): represents decimal or floating-point numbers, including scientific notation. Complex ( complex ): represents numbers with real and imaginary parts. 2. Sequence data types: String ( str ): represents a sequence of characters. List ( list ):…
Python is a popular high-level programming language that is widely used for developing various types of applications such as web development, machine learning, data analysis, and automation. In this post, we will walk through the steps to create your first Python app that includes the concepts of variables and user input. 1. Install Python Before you start creating your first Python app, you need…
It’s very easy to serve a Jekyll blog locally. You just run the following command in the command prompt: jekyll serve Even simpler, you can use the short version: jekyll s . However, if there’s something already serving on port 4000, then you will get an error that might look a bit like this: jekyll 3.9.2 | Error: Address already in use - bind(2) for 127.0.0.1:4000…
Here is a step-by-step guide to creating a weather app using React with hooks and Axios. Step 1: Create a new React App First, let’s create a new React app using the create-react-app command. Open up your terminal and run the following command: npx create-react-app weather-app This will create a new directory named weather-app with all the necessary files to get started. Step 2: Install…
In part 1 I’ve shown you one way to code a game in React. In this part, I’ll show you an alternative way to achieve the same goal. Step 1: Create the Board component Create a new file named Board.js in the src folder, and add the following code: import React from ' react ' ; function Board () { return ( < div > < h1 > Tic - Tac - Toe < /h1 > < div className = " board " > { /* The board squares…
Let’s code a simple Tic-Tac-Toe game in React! Here’s a step-by-step guide to coding Tic-Tac-Toe, using React hooks: 1. Install and setup the starter app First, make sure you have a basic understanding of HTML, CSS, and JavaScript. React is a JavaScript library, so you’ll need to have some knowledge of JavaScript to create a React application. Create a new React project using the create-react-app…
In this article I’ll list a number of apps that I’ve found online. These apps are written in React and showcase some use cases of React. 1. A React translation app This is an app example from the course on Udemy titled Modern React with Redux [2023 Update] . There are two different Codesandbox examples here: the starter for the translation app the completed translation app This simple app shows…
I’ve already discussed Jekyll on this blog, but that was a while ago. Now I’m coming back to it, and there are a few interesting things to mention. Reinstalling an existing Jekyll blog locally on a brand new Ubuntu 20.04 system I’ve installed Ubuntu 20.04 on a laptop, and now with this brand new installation, I wanted to take my existing Jekyll-powered blog repo locally. It was a pretty easy thing…