Javascript Sucks! toggle-button in React Tutorial - useState, if to toggle.
Quickly create the project and toggle the button before I get stoned to death!
Nov 9, 20222 min read
Command Palette
Search for a command to run...
Latest articles
Top 10 Youtubers 2022 - Charka UI/Vite/Typescript/React Tutorial - useState, map and display array
This is a great little project to improve your skills. Enjoy. 1. Install Vite + give your project a name (top-ten-youtube) and choose React/typescript npm create vite@latest "Vite can speed up development quite a bit" cd top-ten-youtube npm install n...
Nov 7, 20225 min read
Typescript basics
1. Install + compile npm install -g typescript tsc "file".ts 2. The type system + basic types Numbervar isWinter : boolean = false; String var name : string = "bran"; Booleanvar count : number = 5; Arrayvar names : any[] = ["jon", "Rickon", "Ar...
Mar 18, 20221 min read
React Basics to Advanced
1. First Component Components are like functions that return HTML elements. import reactDom from 'react-dom'; function Greeting(){ return <h4>Hello</h4>; } reactDom.render(<Greeting/>, document.getElementById('root') ); 2. JSX Basics JSX convert...
Feb 15, 20224 min read
Javascript ES6 needed for React 🚀
1. What is ES6? ECMA Script is the standardized name for JavaScript. ES6 was published in June 2015. 2. Let and const A const and let variable cannot be reassigned. let num1 = 20; console.log(num1); let num1 = 10; console.log(num1); const num1 = 20...
Nov 11, 20213 min read
Javascript es6 - Beginner to Advanced
Beginner 1. Outputs JavaScript can "display" data in different ways: Alert box, write to document, write to HTML element and write to the console. Uncomment and execute each code to see what it does. <!DOCTYPE html> <html> <head> <title>Output</t...
Nov 9, 20215 min read
Intermediate to Advanced CSS
1. Text Styling & Formatting Targeting Element Tags HTML <!DOCTYPE html> <html lang="en"> <head> <title>Text Formatting with CSS</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Text styling</h1> ...
Nov 9, 20214 min read
Intermediate to Advanced HTML
1. Ids & Classes The id attribute is used to specify a unique id for an HTML element. You cannot have more than one element with the same id in a document. The class attribute is used to specify a class for an HTML element. Multiple elements can shar...
Nov 1, 20212 min read
Basic Semantic HTML Template
A semantic element clearly describes its meaning to both the browser and the developer. <!DOCTYPE html> <html lang="en"> <head> <title>HTML5 Template</title> </head> <body> <!-- HEADER --> <header> <h1>Website</h1> </header...
Nov 1, 20211 min read