Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
All info, tutorial, JS tips and more ....!
bio.link/javascript_js_
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @technical_stark
Download Telegram
Bootstrap & jQuery - Certification Course for Beginners
———————————————————
✳️ 100% Free
❇️ Expiry - Within Few hours
❇️ Certificate- Yes
———————————————————
Learn to Create fully Animated, Interactive, Mobile Responsive Web Pages using Bootstrap & jQuery Library.
———————————————————
Enroll Fast || Within Few hours
———————————————————
𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛
https://www.udemy.com/course/bootstrap-jquery-certification-course-for-beginners/?couponCode=YOUACCEL82987
———————————————————
Invite Your Friends➛
T.me/JavaScript_js_learn
JavaScript & jQuery - Certification Course for Beginners
———————————————————
✳️ 100% Free
❇️ Expiry - Within Few hours
❇️ Certificate- Yes
———————————————————
Add Animated, Dynamic, Client-Side Functionality to your Web Pages using JavaScript & jQuery
———————————————————
Enroll Fast || Within Few hours
———————————————————
𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛
https://www.udemy.com/course/javascript-jquery-certification-course-for-beginners/?couponCode=YOUACCEL82987
———————————————————
Invite Your Friends➛
T.me/JavaScript_js_learn
Forwarded from Learn Html
Practical HTML5 Mastery Course
———————————————————
✳️ 100% Free
❇️ Expiry - Within Few hours
❇️ Certificate- Yes
———————————————————
Start your frontend development journey by implementing HTML5 concepts in a complete hands-on based approach
———————————————————
Enroll Fast || Within Few hours
———————————————————
𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛
https://www.udemy.com/course/practical-html5-mastery-course/?couponCode=A7C04CE79E1DA142CF70
———————————————————
Invite Your Friends➛
T.me/html_web_learn
CSS, JavaScript And Python Complete Course
———————————————————
✳️ 100% Free

❇️ Expiry - Within Few hours
❇️ Certificate- Yes
———————————————————
CSS And JavaScript Programming Language And Python Programming Language Complete Course
———————————————————
Enroll Fast || Within Few hours
———————————————————

𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛ https://www.udemy.com/course/css-javascript-and-python-complete-course/?couponCode=8B4474B63270E7662558
———————————————————
Invite Your Friends➛ T.me/JavaScript_js_learn
Simple exercises create animations with SVG image sources

https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13

#svg #animation
Webtoon-made PSD library for previewing images with Adobe PSD extension in web browsers

https://webtoon.github.io/psd/

#psd
Tips and tricks in configuring VS Code with the Simplified Web Dev channel

https://youtu.be/DKxS3IkduWQ

#vscode #settings
Top Web 3.0 STARTUPS in 2022 🌱

Every Programmer should know about these web3 startups 🙌

1.Brave

- it is a popular web3 browser.
- it is also considered one of the major browsers for Web 3
- its own cryptocurrency called BAT.

https://try.bravesoftware.com/

2.Polygon

- it is a layer 2 blockchain.
- developer can create DApps with low transaction fees.
- It is a India’s biggest web3 project

https://polygon.technology/

3. ConsenSys

- Create DApps on the top it
- focus on ethereum

https://consensys.net/

4.Biconomy

- Biconomy offers a cross-chain transaction protocol.
- The company recently formed a partnership with WazirX to increase Web 3.0 adoption.
- Gasless transactions

https://www.biconomy.io/

5. The Graph :

- it is an indexing protocol for querying networks like Ethereum and IPFS.

- Anyone can build and publish open APIs, called subgraphs, making data easily accessible.

https://thegraph.com/en/

6.Alchemy

- it act as a middleman between blockchain.
- Its platform lets developers build applications on top of blockchains such as Ethereum.

https://www.alchemy.com/

For More Web3 Content Join @web3_learn
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
Learn JavaScript pinned «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.getElem…»
This media is not supported in your browser
VIEW IN TELEGRAM
Explanation of some design patterns that can be used in JavaScript and TypeScript-based projects with the Fireship channel

https://www.youtube.com/watch?v=tv-_1er1mWI

#fireship #designpattern