{"id":3093,"date":"2020-07-13T16:45:25","date_gmt":"2020-07-13T13:45:25","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=3093"},"modified":"2021-07-28T18:28:27","modified_gmt":"2021-07-28T15:28:27","slug":"17-articles-of-july-to-learn-javascript","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/","title":{"rendered":"17+ Articles of July to Learn JavaScript"},"content":{"rendered":"<p>Hey JavaScripters! Today we have articles about <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2018\/08\/article_openSource-600x450.png\"  data-excerpt=\"Back in 2013 our team embraced key technologies like Bootstrap, Angular, React, Vue, .NET, and others to deliver world-class admin dashboards. We researched, analyzed, designed and then developed user-friendly admin dashboards. After that, we sold over 7000 licenses of our admin templates. For admin dashboards, there are two dominant pricing strategies: premium and open-source. All&hellip;\" href=\"https:\/\/flatlogic.com\/blog\/why-we-made-our-premium-admin-dashboard-open-source\/\">open-source<\/a> projects, memory leaks, React apps testing, etc. Please, enjoy these fresh articles in July!<\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/medium.com\/swlh\/my-first-vue3-component-6e1ef1670544\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_My-first-Vue3-component.png\" alt=\"\" class=\"wp-image-3094 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_My-first-Vue3-component.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_My-first-Vue3-component-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_My-first-Vue3-component-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>My First Vue3 Component<\/strong><\/h4><p>by Roberto B<\/p><p><a href=\"https:\/\/medium.com\/swlh\/my-first-vue3-component-6e1ef1670544\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p><\/p><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/flatlogic.com\/blog\/14-best-node-js-open-source-projects\/\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min-1024x768.png\" alt=\"\" class=\"wp-image-3144 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min-1024x768.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min-768x576.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min-1536x1152.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-87odsdf-min.png 1600w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>14+ Best Node.js Open Source Projects<\/strong><\/h4><p>by @flatlogic<\/p><p><a href=\"https:\/\/flatlogic.com\/blog\/14-best-node-js-open-source-projects\/\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/opensource.com\/article\/20\/7\/open-source-test-automation-frameworks\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_9-open-source-test-automation-frameworks.png\" alt=\"\" class=\"wp-image-3095 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_9-open-source-test-automation-frameworks.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_9-open-source-test-automation-frameworks-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_9-open-source-test-automation-frameworks-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>9 Open Source Test-Automation Frameworks<\/strong><\/h4><p>by Amit Dua<\/p><p><a href=\"https:\/\/opensource.com\/article\/20\/7\/open-source-test-automation-frameworks\" rel=\"nofollow\">Read the article<\/a> <a href=\"https:\/\/flatlogic.com\/generator\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png\" alt=\"Professional Vibe Coding\" class=\"banner-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/640;\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png 2560w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-600x150.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1024x256.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-768x192.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1536x384.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-2048x512.png 2048w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 2560px) 100vw, 2560px\"> <\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/flatlogic.com\/blog\/8-essential-bootstrap-components-for-your-web-app\/\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min-1024x768.png\" alt=\"\" class=\"wp-image-3087 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min-1024x768.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min-768x576.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min-1536x1152.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-86we-min.png 1600w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>8 Essential Bootstrap Components for Your Web App<\/strong><\/h4><p>by @flatlogic<\/p><p><a href=\"https:\/\/flatlogic.com\/blog\/8-essential-bootstrap-components-for-your-web-app\/\">Read the article<\/a><\/p><\/div><\/div><p><\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/thenewstack.io\/what-happens-when-developers-leave-their-open-source-projects\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_What-Happens-When-Developers-Leave-Their-Open-Source-Projects_.png\" alt=\"\" class=\"wp-image-3096 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_What-Happens-When-Developers-Leave-Their-Open-Source-Projects_.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_What-Happens-When-Developers-Leave-Their-Open-Source-Projects_-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_What-Happens-When-Developers-Leave-Their-Open-Source-Projects_-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>What Happens When Developers Leave Their Open Source Projects?<\/strong><\/h4><p>by Jack Wallen<\/p><p><a href=\"https:\/\/thenewstack.io\/what-happens-when-developers-leave-their-open-source-projects\/\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/levelup.gitconnected.com\/using-redux-in-event-driven-chrome-extensions-problem-solution-30eed1207a42\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Using-Redux.png\" alt=\"\" class=\"wp-image-3100 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Using-Redux.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Using-Redux-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Using-Redux-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Using Redux in Event-Driven Chrome Extensions: Problem\/Solution<\/strong><\/h4><p>by Savr Goryaev<\/p><p><a href=\"https:\/\/levelup.gitconnected.com\/using-redux-in-event-driven-chrome-extensions-problem-solution-30eed1207a42\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/codeburst.io\/make-a-search-engine-for-any-table-in-react-using-a-custom-hook-2367d289b910\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Make-a-Search-Engine.png\" alt=\"\" class=\"wp-image-3101 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Make-a-Search-Engine.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Make-a-Search-Engine-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Make-a-Search-Engine-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Make a Search Engine for Any Table in React Using a Custom Hook<\/strong><\/h4><p>by Sarthak Saxena<\/p><p><a href=\"https:\/\/codeburst.io\/make-a-search-engine-for-any-table-in-react-using-a-custom-hook-2367d289b910\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.logrocket.com\/understanding-memory-leaks-node-js-apps\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Understanding-memory.png\" alt=\"\" class=\"wp-image-3102 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Understanding-memory.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Understanding-memory-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Understanding-memory-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Understanding Memory Leaks in Node.js Apps<\/strong><\/h4><p>by Faith Ng&#8217;etich<\/p><p><a href=\"https:\/\/blog.logrocket.com\/understanding-memory-leaks-node-js-apps\/\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/dev.to\/itnext\/how-you-can-learn-closures-in-javascript-and-understand-when-to-use-them-2lk5\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-you-can-learn-Closures.png\" alt=\"\" class=\"wp-image-3103 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-you-can-learn-Closures.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-you-can-learn-Closures-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-you-can-learn-Closures-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>How you Can Learn Closures in JavaScript and Understand When to Use Them<\/strong><\/h4><p>by @chris_noring<\/p><p><a href=\"https:\/\/dev.to\/itnext\/how-you-can-learn-closures-in-javascript-and-understand-when-to-use-them-2lk5\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/levelup.gitconnected.com\/how-to-add-type-checking-in-react-a6a9c258abad\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-to-add-type-checking-in-React.png\" alt=\"\" class=\"wp-image-3104 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-to-add-type-checking-in-React.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-to-add-type-checking-in-React-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-to-add-type-checking-in-React-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>How to Add Type Checking in React<\/strong><\/h4><p>by Yogesh Chavan<\/p><p><a href=\"https:\/\/levelup.gitconnected.com\/how-to-add-type-checking-in-react-a6a9c258abad\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/differences-static-generated-sites-server-side-rendered-apps\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Differences-Between.png\" alt=\"\" class=\"wp-image-3105 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Differences-Between.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Differences-Between-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Differences-Between-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Differences Between Static Generated Sites And Server-Side Rendered Apps<\/strong><\/h4><p>by @timipapi<\/p><p><a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/differences-static-generated-sites-server-side-rendered-apps\/\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/react-apps-testing-library\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-To-Test.png\" alt=\"\" class=\"wp-image-3106 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-To-Test.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-To-Test-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_How-To-Test-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>How To Test Your React Apps With The React Testing Library<\/strong><\/h4><p>by @chi_di_mo<\/p><p><a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/react-apps-testing-library\/\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/dev.to\/s_aitchison\/5-lessons-from-50-days-of-css-art-2ae1\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_5-lessons-from-50-days-of-CSS-art.png\" alt=\"\" class=\"wp-image-3107 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_5-lessons-from-50-days-of-CSS-art.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_5-lessons-from-50-days-of-CSS-art-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_5-lessons-from-50-days-of-CSS-art-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>5 Lessons from 50 Days of CSS Art<\/strong><\/h4><p>by @s_aitchison<\/p><p><a href=\"https:\/\/dev.to\/s_aitchison\/5-lessons-from-50-days-of-css-art-2ae1\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.bitsrc.io\/sharing-react-widgets-between-apps-f18c8db1d035\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Sharing-React-Widgets.png\" alt=\"\" class=\"wp-image-3108 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Sharing-React-Widgets.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Sharing-React-Widgets-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_Sharing-React-Widgets-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Sharing React Widgets Between Apps<\/strong><\/h4><p>by Eden Ella<\/p><p><a href=\"https:\/\/blog.bitsrc.io\/sharing-react-widgets-between-apps-f18c8db1d035\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/dev.to\/saurabhdaware\/a-guide-for-contributing-to-any-open-source-javascript-project-ever-hi\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_A-Guide.png\" alt=\"\" class=\"wp-image-3109 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_A-Guide.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_A-Guide-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-1_A-Guide-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>A Guide for Contributing to Any Open Source JavaScript Project Ever<\/strong><\/h4><p>by @saurabhcodes<\/p><p><a href=\"https:\/\/dev.to\/saurabhdaware\/a-guide-for-contributing-to-any-open-source-javascript-project-ever-hi\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p> <\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/livecodestream.dev\/post\/2020-07-04-7-awesome-react-hooks\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdf-min.png\" alt=\"\" class=\"wp-image-3171 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdf-min.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdf-min-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdf-min-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>7 Awesome React Hooks<\/strong><\/h4><p>by @livecodestream<\/p><p><a href=\"https:\/\/livecodestream.dev\/post\/2020-07-04-7-awesome-react-hooks\/\" rel=\"nofollow\">Read the article<\/a><\/p><\/div><\/div><p><\/p><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/medium.com\/better-programming\/batch-address-geocoding-using-react-and-the-google-geocoding-api-bec9ef4444f2\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdffyua-min.png\" alt=\"\" class=\"wp-image-3172 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdffyua-min.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdffyua-min-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Frame-90asdffyua-min-768x576.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/600;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h4 class=\"wp-block-heading\"><strong>Batch Address Geocoding Using React and the Google Geocoding API<\/strong><\/h4><p>by @Sahero<\/p><p><a href=\"https:\/\/medium.com\/better-programming\/batch-address-geocoding-using-react-and-the-google-geocoding-api-bec9ef4444f2\" rel=\"nofollow\">React the article<\/a><\/p><\/div><\/div><h3 class=\"wp-block-heading\"><strong>You might also like these articles:<\/strong><\/h3><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/blog\/20-react-developer-tools-to-increase-your-programming-productivity\/\"><a href=\"https:\/\/flatlogic.com\/blog\/14-best-node-js-open-source-projects\/\">14+ Best Node.js Open Source Projects<\/a><\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/web-and-ui-javascript-frameworks-and-libraries\/\"><a href=\"https:\/\/flatlogic.com\/blog\/8-essential-bootstrap-components-for-your-web-app\/\">8 Essential Bootstrap Components for Your Web App<\/a><\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/angular-vs-react-which-one-to-choose-for-your-web-app\/\"><a href=\"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/\">Best 14+ Bootstrap Open- Source Projects<\/a><\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>Today we have articles about open-source projects, memory leaks, React apps testing, etc.<\/p>\n","protected":false},"author":3,"featured_media":3173,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Curated July roundup of 17 articles to level up JavaScript skills\nCovers React, Node.js, Vue, testing, memory leaks, closures, hooks, and CSS\nHands-on guides: React Testing Library, Redux in Chrome extensions, geocoding, type checking\nIncludes open-source insights and Flatlogic picks on Node.js and Bootstrap","flatlogic_facts":[{"text":"Roundup features 17 linked articles for July.","source":""},{"text":"Includes Flatlogic post '14+ Best Node.js Open Source Projects'.","source":"https:\/\/flatlogic.com\/blog\/14-best-node-js-open-source-projects\/"},{"text":"Includes Flatlogic post '8 Essential Bootstrap Components for Your Web App'.","source":"https:\/\/flatlogic.com\/blog\/8-essential-bootstrap-components-for-your-web-app\/"},{"text":"Includes 'Understanding Memory Leaks in Node.js Apps' by Faith Ng'etich.","source":"https:\/\/blog.logrocket.com\/understanding-memory-leaks-node-js-apps\/"},{"text":"Includes 'How To Test Your React Apps With The React Testing Library' by @chi_di_mo.","source":"https:\/\/www.smashingmagazine.com\/2020\/07\/react-apps-testing-library\/"}],"footnotes":""},"categories":[1],"tags":[54,87,35,47],"class_list":["post-3093","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-javascript","tag-low-code","tag-reactjs","tag-reviews"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>17+ Articles of July to Learn JavaScript - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"JavaScript is one of the most difficult technologies to master. We offer you each month methodically read new articles, and gather knowledge bit by bit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"17+ Articles of July to Learn JavaScript\" \/>\n<meta property=\"og:description\" content=\"JavaScript is one of the most difficult technologies to master. We offer you each month methodically read new articles, and gather knowledge bit by bit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-13T13:45:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-28T15:28:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nastassia Ovchinnikova\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nastassia Ovchinnikova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"17+ Articles of July to Learn JavaScript - Flatlogic Blog","description":"JavaScript is one of the most difficult technologies to master. We offer you each month methodically read new articles, and gather knowledge bit by bit.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/","og_locale":"en_US","og_type":"article","og_title":"17+ Articles of July to Learn JavaScript","og_description":"JavaScript is one of the most difficult technologies to master. We offer you each month methodically read new articles, and gather knowledge bit by bit.","og_url":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2020-07-13T13:45:25+00:00","article_modified_time":"2021-07-28T15:28:27+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png","type":"image\/png"}],"author":"Nastassia Ovchinnikova","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Nastassia Ovchinnikova","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/"},"author":{"name":"Nastassia Ovchinnikova","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bed36c984b2f920a7fc450877f425eed"},"headline":"17+ Articles of July to Learn JavaScript","datePublished":"2020-07-13T13:45:25+00:00","dateModified":"2021-07-28T15:28:27+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/"},"wordCount":282,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png","keywords":["Javascript","Low Code","React","Reviews"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/","url":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/","name":"17+ Articles of July to Learn JavaScript - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png","datePublished":"2020-07-13T13:45:25+00:00","dateModified":"2021-07-28T15:28:27+00:00","description":"JavaScript is one of the most difficult technologies to master. We offer you each month methodically read new articles, and gather knowledge bit by bit.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/07\/Top-JS-Art_jul-min.png","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/17-articles-of-july-to-learn-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"17+ Articles of July to Learn JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bed36c984b2f920a7fc450877f425eed","name":"Nastassia Ovchinnikova","url":"https:\/\/flatlogic.com\/blog\/author\/nastassia\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=3093"}],"version-history":[{"count":2,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3093\/revisions"}],"predecessor-version":[{"id":7084,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3093\/revisions\/7084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/3173"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=3093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=3093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=3093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}