Chrome Web Developer Tools
Table of Contents Keyboard Shortcuts To open the Chrome Developer Tools, Console Tab, you can use the following shortcodes:Windows: ctrl + shift + jMac: cmd + option + iTo open…
Useful Commands & Techniques
How to get the number of DOM elements used in a web page? document.getElementsByTagName('*').length
React.js Video Game Discovery App Project (Part 2)
Install React Query npm i @tanstack/react-query@4.28 Edit main.tsx import "bootstrap/dist/css/bootstrap.css"; import React from "react"; import ReactDOM from "react-dom/client"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import App from "./App"; import…
PHP for WordPress
Table of Contents PHP Coding Conventions All PHP files must end in .phpStatements (or commands) in PHP end with a semicolon (;)If you want to include comments, which are nonfunctional…
WP CLI
Table of Contents Install Installation instruction:https://wp-cli.org/#installing curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar php wp-cli.phar --info chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp To test the installation: wp --info Commands Each command starts with:…
Command Line Tools
Open files in programs from command line tool Mac open -a 'google chrome' /yourPath // open a file Google Chrome code . // Open a folder in Visual Studio Code…
JavaScript
What is JavaScript? JavaScript is a dynamic, weakly typed programming language that is compiled at runtime.JavaScript was created to make web pages dynamic.Originally was called LiveScript but due to the…
SEO (Search Engine Optimization)
Table of Contents The majority of online experiences involve search 68% of online experiences begin with a search engine. 53% of all website traffic comes from organic search. 93% of…