Javascript Cheatsheet ⚡️

💻 JavaScript Basics

- On Page Script

<script type="text/javascript">

- External JS File

<script src="filename.js"></script>

💻 Functions

function nameOfFunction() {
// function body
}


💻 DOM Element

document.getElementById("elementID").innerHTML = "Hello World!";

💻 Output

console.log(a);

💻Conditional Statements

- If Statement

if (condition) {
// block of code to be executed if the condition is true
}

- If-else Statement

if (condition) {
// block of code to be executed if the condition is true
} else {
// if the condition is false
}

💻 Switch Statement

switch (expression) {
case x:
// code block
break;
case y:
// code block
break;
default:
// code block
}

💻 For Loop

for (initialization; condition; incrementation;) {
// code block to be executed
}


💻 While Loop

while (condition) {
// code block to be executed
}

Do While Loop

do {
// run this code in block
i++;
} while (condition);

💻 Strings

- charAt method

str.charAt(3)

- concat method

str1.concat(str2)

- index of method

str.indexOf('substr')

- match method

str.match(/(chapter \d+(\.\d)*)/i;)

- replace method

str1.replace(str2)

- split method

str.split('\n')

Arrays

var fruit = ["element1", "element2", "element3"];

- concat method

concat()

- indexOf method

indexOf()

- join method

join()

- reverse method

reverse()

- sort method

sort()

- toString method

toString()

- valueOf method

valueOf()

💻 Dates

- Pulling Date from the Date object

getDate()

- Pulling Day from the Day object

getDay()

- minutes

getMinutes()

- Hours

getHours()

- Seconds

getSeconds()

- Time

getTime()

💻 Errors

- try and catch

try {
Block of code to try
}
catch (err) {
Block of code to handle errors
}

- alert method

alert()

- blur method

blur()

- setInterval

setInterval(() => {
// Code to be executed
}, 1000);

- setTimeout

setTimeout(() => {
// Code to be executed
}, 1000);

- close

window.close()

- confirm

window.confirm('Are you sure?')

- prompt

var name = prompt("What is your name?", "LEARN JAVASCRIPT");


- querySelector

document.querySelector('css-selectors')document.getElementsByTagName('element-name')

- querySelectorAll

document.querySelectorAll('css-selectors', ...)

- getElementsByTagName

document.getElementsByTagName('element-name')

- getElementsByClassName

document.getElementsByClassName('class-name')

- Get Element by Id

document.getElementById('id')

- createElement

document.createElement('div')

Follow @JavaScript_js_learn for More JavaScript Content

Microsoft's New Proposal To add types to pure JavaScript!

https://devblogs.microsoft.com/typescript/a-proposal-for-type-syntax-in-javascript/

Inspirational Websites Roundup #33

https://tympanus.net/codrops/2022/01/20/inspirational-websites-roundup-33/

Vue 3 as the New Default

https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

Javascript Weekly 23

• News An ECMAScript Proposal for Type Annotations in JavaScript (That Are Ignored at Runtime)
• News Wallaby.js: 15x Faster JavaScript/Jest Testing and Debugging
• News React 18 Release Candidate Released
• News Twitter Thread on Stripe Converting from Flow to TypeScript
• News WebGPU — All of the Cores, None of the Canvas
• News Naming Conflicts – or How Existing Code Can Force Proposed Features to Be Renamed
• News A Lightweight GitHub REST API in 34 Lines of Code
• News Project Management for Today's (And Tomorrow's) Software Team
• News Building Serverless Multi-Region WebSocket APIs on AWS
• News My Experience Building a Chess App in React
• News Creating Native Web Components
• News The Tools that Developers Need–and Don't Need–to Build Great Chatbots
• News LemonadeJS V2: A Reactive JavaScript Library with Zero Transpiling Needed
• News striff: Real Simple String Diffing
• News PSD: A Zero-Dependency PSD (Photoshop) Parser
• News Studio 3T Manages Your Data, While You Wrestle Your App into Shape
• News Tygo: Generate TypeScript Types from Go(lang) Source Code
• News Reason: Write Fast, Type Safe Code in OCaml, But for the JS Ecosystem
• News Ultra: A Modern Streaming React Framework for Deno
• News micropolisJS: A JavaScript Clone of a SimCity-Like Game

Tags: #Javascriptweekly #Javascript #JS #weekly