Learn JavaScript™
Open in Telegram
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
Show more4 411
Subscribers
-124 hours
No data7 days
-330 days
Posts Archive
\n\n💻 Functions \n\nfunction nameOfFunction() {\n // function body \n}\n\n\n💻 DOM Element\n\ndocument.getElementById(\"elementID\").innerHTML = \"Hello World!\";\n\n💻 Output\n\nconsole.log(a);\n\n💻Conditional Statements\n\n- If Statement\n\nif (condition) {\n // block of code to be executed if the condition is true\n}\n\n- If-else Statement\n\nif (condition) {\n // block of code to be executed if the condition is true\n} else {\n // if the condition is false\n}\n\n💻 Switch Statement\n\nswitch (expression) {\n case x:\n // code block\n break;\n case y:\n // code block\n break;\n default:\n // code block\n}\n\n💻 For Loop\n\nfor (initialization; condition; incrementation;) {\n // code block to be executed\n}\n\n\n💻 While Loop\n\nwhile (condition) {\n // code block to be executed\n}\n\nDo While Loop\n\ndo {\n // run this code in block\n i++;\n} while (condition);\n\n💻 Strings\n\n- charAt method\n\nstr.charAt(3)\n\n- concat method\n\nstr1.concat(str2)\n\n- index of method\n\nstr.indexOf('substr')\n\n- match method\n\nstr.match(/(chapter \\d+(\\.\\d)*)/i;)\n\n- replace method\n\nstr1.replace(str2)\n\n- split method\n\nstr.split('\\n')\n\nArrays \n\nvar fruit = [\"element1\", \"element2\", \"element3\"];\n\n- concat method\n\n concat()\n\n- indexOf method\n\nindexOf()\n\n- join method\n\njoin()\n\n- reverse method\n\nreverse()\n\n- sort method\n\nsort()\n\n- toString method\n\ntoString()\n\n- valueOf method\n\nvalueOf()\n\n💻 Dates\n\n- Pulling Date from the Date object\n\ngetDate()\n\n- Pulling Day from the Day object\n\ngetDay()\n\n- minutes\n\ngetMinutes()\n\n- Hours\n\ngetHours()\n\n- Seconds\n\n getSeconds()\n\n- Time\n\ngetTime()\n\n💻 Errors\n\n- try and catch\n\ntry {\n Block of code to try\n }\ncatch (err) {\n Block of code to handle errors\n}\n\n- alert method\n\nalert()\n\n- blur method\n\nblur()\n\n- setInterval\n\nsetInterval(() => {\n // Code to be executed\n}, 1000);\n\n- setTimeout\n\nsetTimeout(() => {\n // Code to be executed\n}, 1000);\n\n- close\n\nwindow.close()\n\n- confirm\n\nwindow.confirm('Are you sure?')\n\n- prompt\n\nvar name = prompt(\"What is your name?\", \"LEARN JAVASCRIPT\");\n\n\n- querySelector\n\ndocument.querySelector('css-selectors')document.getElementsByTagName('element-name')\n\n- querySelectorAll\n\ndocument.querySelectorAll('css-selectors', ...)\n\n- getElementsByTagName\n\ndocument.getElementsByTagName('element-name')\n\n- getElementsByClassName\n\ndocument.getElementsByClassName('class-name')\n\n- Get Element by Id\n\ndocument.getElementById('id')\n\n- createElement\n\ndocument.createElement('div')\n\nFollow @JavaScript_js_learn for More JavaScript Content","datePublished":"2022-03-14T12:11:56Z","dateModified":"2022-03-14T12:11:56Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":412},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1848","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1848","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1848","headline":"Top Web 3.0 STARTUPS in 2022 🌱 Every Programmer should know about these web3 startups 🙌 1.Brave - it is a pop…","articleBody":"Top Web 3.0 STARTUPS in 2022 🌱\n\nEvery Programmer should know about these web3 startups 🙌\n\n1.Brave \n\n- it is a popular web3 browser.\n- it is also considered one of the major browsers for Web 3\n- its own cryptocurrency called BAT.\n\nhttps://try.bravesoftware.com/\n\n2.Polygon \n\n- it is a layer 2 blockchain.\n- developer can create DApps with low transaction fees.\n- It is a India’s biggest web3 project\n\nhttps://polygon.technology/\n\n3. ConsenSys \n\n- Create DApps on the top it\n- focus on ethereum\n\nhttps://consensys.net/\n\n4.Biconomy \n\n- Biconomy offers a cross-chain transaction protocol.\n- The company recently formed a partnership with WazirX to increase Web 3.0 adoption.\n- Gasless transactions\n\nhttps://www.biconomy.io/\n\n5. The Graph : \n\n- it is an indexing protocol for querying networks like Ethereum and IPFS.\n\n- Anyone can build and publish open APIs, called subgraphs, making data easily accessible.\n\nhttps://thegraph.com/en/\n\n6.Alchemy \n\n- it act as a middleman between blockchain.\n- Its platform lets developers build applications on top of blockchains such as Ethereum.\n\nhttps://www.alchemy.com/\n\nFor More Web3 Content Join @web3_learn","datePublished":"2022-03-14T11:59:24Z","dateModified":"2022-03-14T11:59:24Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":280}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2022-03-14T11:59:07Z"}}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1847","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1847","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1847","headline":"Tips and tricks in configuring VS Code with the Simplified Web Dev channel https://youtu.be/DKxS3IkduWQ #vsco…","articleBody":"Tips and tricks in configuring VS Code with the Simplified Web Dev channel\n\nhttps://youtu.be/DKxS3IkduWQ\n\n#vscode #settings","datePublished":"2022-03-14T08:13:15Z","dateModified":"2022-03-14T08:13:15Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":272},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1846","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1846","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1846","headline":"Creating a Data Pagination function in React JS https://blog.logrocket.com/react-pagination-scratch-hooks/ --…","articleBody":"Creating a Data Pagination function in React JS\n\nhttps://blog.logrocket.com/react-pagination-scratch-hooks/\n\n---\n\nBasic practice using Next JS with Firebase\n\nhttps://javascript.plainenglish.io/master-building-an-app-with-next-js-and-firebase-64ca4867a202\n\n#nextjs #firebase #react #pagination","datePublished":"2022-03-14T08:13:00Z","dateModified":"2022-03-14T08:13:00Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":267},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1845","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1845","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1845","headline":"Guide to using PM2 as process manager in Node JS https://blog.appsignal.com/2022/03/09/a-complete-guide-to-no…","articleBody":"Guide to using PM2 as process manager in Node JS\n\nhttps://blog.appsignal.com/2022/03/09/a-complete-guide-to-nodejs-process-management-with-pm2.html\n\n#nodejs #pm2","datePublished":"2022-03-14T08:12:43Z","dateModified":"2022-03-14T08:12:43Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":270}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1844","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1844","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1844","headline":"Webtoon-made PSD library for previewing images with Adobe PSD extension in web browsers https://webtoon.githu…","articleBody":"Webtoon-made PSD library for previewing images with Adobe PSD extension in web browsers\n\nhttps://webtoon.github.io/psd/\n\n#psd","datePublished":"2022-03-14T08:12:26Z","dateModified":"2022-03-14T08:12:26Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":268}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1843","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1843","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1843","headline":"Simple exercises create animations with SVG image sources https://javascript.plainenglish.io/simple-svg-anima…","articleBody":"Simple exercises create animations with SVG image sources\n\nhttps://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13\n\n#svg #animation","datePublished":"2022-03-14T08:11:43Z","dateModified":"2022-03-14T08:11:43Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":270},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1842","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1842","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1842","headline":"CSS, JavaScript And Python Complete Course ——————————————————— ✳️ 100% Free ❇️ Expiry - Within Few hours ❇️ C…","articleBody":"CSS, JavaScript And Python Complete Course\n———————————————————\n✳️ 100% Free\n❇️ Expiry - Within Few hours\n❇️ Certificate- Yes\n———————————————————\nCSS And JavaScript Programming Language And Python Programming Language Complete Course\n——————————————————— \nEnroll Fast || Within Few hours\n———————————————————\n𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛ https://www.udemy.com/course/css-javascript-and-python-complete-course/?couponCode=8B4474B63270E7662558\n ———————————————————\nInvite Your Friends➛ T.me/JavaScript_js_learn","datePublished":"2022-03-13T14:20:05Z","dateModified":"2022-03-13T14:20:05Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":655},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1841","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1841","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1841","headline":"Practical HTML5 Mastery Course ——————————————————— ✳️ 100% Free ❇️ Expiry - Within Few hours ❇️ Certificate-…","articleBody":"Practical HTML5 Mastery Course\n———————————————————\n✳️ 100% Free\n❇️ Expiry - Within Few hours\n❇️ Certificate- Yes\n——————————————————— \nStart your frontend development journey by implementing HTML5 concepts in a complete hands-on based approach\n——————————————————— \nEnroll Fast || Within Few hours\n———————————————————\n𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛ https://www.udemy.com/course/practical-html5-mastery-course/?couponCode=A7C04CE79E1DA142CF70\n ———————————————————\nInvite Your Friends➛ T.me/html_web_learn","datePublished":"2022-03-13T14:11:23Z","dateModified":"2022-03-13T14:11:23Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":253}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2022-03-13T14:08:07Z"}}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1840","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1840","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1840","headline":"JavaScript & jQuery - Certification Course for Beginners ——————————————————— ✳️ 100% Free ❇️ Expiry - Within…","articleBody":"JavaScript & jQuery - Certification Course for Beginners\n———————————————————\n✳️ 100% Free\n❇️ Expiry - Within Few hours\n❇️ Certificate- Yes\n——————————————————— \nAdd Animated, Dynamic, Client-Side Functionality to your Web Pages using JavaScript & jQuery\n——————————————————— \nEnroll Fast || Within Few hours\n———————————————————\n𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛ https://www.udemy.com/course/javascript-jquery-certification-course-for-beginners/?couponCode=YOUACCEL82987\n ———————————————————\nInvite Your Friends➛ T.me/JavaScript_js_learn","datePublished":"2022-03-13T14:09:21Z","dateModified":"2022-03-13T14:09:21Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":549}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1839","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1839","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1839","headline":"Bootstrap & jQuery - Certification Course for Beginners ——————————————————— ✳️ 100% Free ❇️ Expiry - Within F…","articleBody":"Bootstrap & jQuery - Certification Course for Beginners\n———————————————————\n✳️ 100% Free\n❇️ Expiry - Within Few hours\n❇️ Certificate- Yes\n——————————————————— \nLearn to Create fully Animated, Interactive, Mobile Responsive Web Pages using Bootstrap & jQuery Library.\n——————————————————— \nEnroll Fast || Within Few hours\n———————————————————\n𝐄𝐧𝐫𝐨𝐥𝐥 𝐋𝐢𝐧𝐤➛ https://www.udemy.com/course/bootstrap-jquery-certification-course-for-beginners/?couponCode=YOUACCEL82987\n ———————————————————\nInvite Your Friends➛ T.me/JavaScript_js_learn","datePublished":"2022-03-13T14:08:46Z","dateModified":"2022-03-13T14:08:46Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":543}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1838","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1838","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1838","headline":"Using job scheduler in Node JS with Agenda JS https://blog.logrocket.com/job-scheduling-node-js-agenda-js/ #n…","articleBody":"Using job scheduler in Node JS with Agenda JS\n\nhttps://blog.logrocket.com/job-scheduling-node-js-agenda-js/\n\n#nodejs #agendajs #job #scheduler","datePublished":"2022-03-13T04:01:38Z","dateModified":"2022-03-13T04:01:38Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":259},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1837","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1837","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1837","headline":"Several tools to help develop Vue JS-based applications https://javascript.plainenglish.io/best-27-vuejs-deve…","articleBody":"Several tools to help develop Vue JS-based applications\n\nhttps://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573\n\n#vue #tools","datePublished":"2022-03-13T04:00:43Z","dateModified":"2022-03-13T04:00:43Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":246},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1836","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1836","mainEntityOfPage":"https://telemetr.io/en/channels/1329871998-javascript_js_learn/posts/1836","headline":"Some example projects to use for learning JavaScript beginners https://javascript.plainenglish.io/33-javascri…","articleBody":"Some example projects to use for learning JavaScript beginners\n\nhttps://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d\n\n---\n\nUsing the reject function in Promise in the async await function\n\nhttps://javascript.plainenglish.io/how-to-reject-a-promise-with-the-javascript-async-await-syntax-d71c8870ceca\n\n---\n\n#sample #async #await #reject","datePublished":"2022-03-13T04:00:22Z","dateModified":"2022-03-13T04:00:22Z","author":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"publisher":{"@type":"Organization","name":"Learn JavaScript™","url":"https://telemetr.io/en/channels/1329871998-javascript_js_learn","image":"https://img.tlmtr.io/c/1s00sm/6143085440387885414?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":243},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}}]}

















4 411
Configure a Linux server to prepare to run Docker and NGINX
https://towardsdev.com/6-steps-to-set-up-linux-server-with-nginx-docker-ssl-ef501860610b
#nginx #server #docker
4 411
Create API documentation using the TypeScript Doc library
https://itnext.io/generating-api-documentation-for-typescript-packages-with-typedoc-9e0061108548
—-
Example of hot reload implementation on docker image using TypeScript Node JS
https://medium.com/@kartikio/setup-node-ts-local-development-environment-with-docker-and-hot-reloading-922db9016119
#typescript #nodejs #reload #docs
4 411
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
4 411
How to Create a Progressive Web App with Angular
https://dev.to/sanity-io/how-to-create-a-progressive-web-app-with-angular-2dgi
#Angular #Webapp #JavaScript
4 411
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 Content4 411
Repost from Learn AI, MetaVerse, Web3
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
4 411
Tips and tricks in configuring VS Code with the Simplified Web Dev channel
https://youtu.be/DKxS3IkduWQ
#vscode #settings
4 411
Creating a Data Pagination function in React JS
https://blog.logrocket.com/react-pagination-scratch-hooks/
---
Basic practice using Next JS with Firebase
https://javascript.plainenglish.io/master-building-an-app-with-next-js-and-firebase-64ca4867a202
#nextjs #firebase #react #pagination
4 411
Guide to using PM2 as process manager in Node JS
https://blog.appsignal.com/2022/03/09/a-complete-guide-to-nodejs-process-management-with-pm2.html
#nodejs #pm2
4 411
Webtoon-made PSD library for previewing images with Adobe PSD extension in web browsers
https://webtoon.github.io/psd/
#psd
4 411
Simple exercises create animations with SVG image sources
https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13
#svg #animation
4 411
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
4 411
Repost 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
4 411
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
4 411
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
4 411
Using job scheduler in Node JS with Agenda JS
https://blog.logrocket.com/job-scheduling-node-js-agenda-js/
#nodejs #agendajs #job #scheduler
4 411
Several tools to help develop Vue JS-based applications
https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573
#vue #tools
4 411
Some example projects to use for learning JavaScript beginners
https://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d
---
Using the reject function in Promise in the async await function
https://javascript.plainenglish.io/how-to-reject-a-promise-with-the-javascript-async-await-syntax-d71c8870ceca
---
#sample #async #await #reject
