en
Feedback
Learn JavaScript™

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 more
4 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}]}}]}
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

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

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

sticker.webp0.15 KB

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

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

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

Tips and tricks in configuring VS Code with the Simplified Web Dev channel https://youtu.be/DKxS3IkduWQ #vscode #settings

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

Webtoon-made PSD library for previewing images with Adobe PSD extension in web browsers https://webtoon.github.io/psd/ #psd

Simple exercises create animations with SVG image sources https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13 #svg #animation

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

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

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

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

Using job scheduler in Node JS with Agenda JS https://blog.logrocket.com/job-scheduling-node-js-agenda-js/ #nodejs #agendajs #job #scheduler

Several tools to help develop Vue JS-based applications https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573 #vue #tools

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