{"id":2907,"date":"2020-06-22T12:45:18","date_gmt":"2020-06-22T09:45:18","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=2907"},"modified":"2021-07-28T19:09:30","modified_gmt":"2021-07-28T16:09:30","slug":"article-june","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/article-june\/","title":{"rendered":"18+ Articles of June to Learn JavaScript"},"content":{"rendered":"<p>Hello JavaScripters! This time we have articles about the best <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, authentication, facial recognition, and many more. Enjoy!<\/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.anychart.com\/blog\/2020\/06\/10\/stacked-area-chart-javascript-tutorial\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/How-to-Create-Stacked-Area-Chart-with-JavaScript-1.png\" alt=\"\" class=\"wp-image-2909 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/How-to-Create-Stacked-Area-Chart-with-JavaScript-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/How-to-Create-Stacked-Area-Chart-with-JavaScript-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/How-to-Create-Stacked-Area-Chart-with-JavaScript-1-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 Create Stacked Area Chart with JavaScript<\/strong><\/h4><p>by Anastasia Zoumpliou<\/p><p><a href=\"https:\/\/www.anychart.com\/blog\/2020\/06\/10\/stacked-area-chart-javascript-tutorial\/\" 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:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1-1024x768.png\" alt=\"\" class=\"wp-image-3005 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1-1024x768.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1-768x576.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1-1536x1152.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-1.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>Best 14+ Bootstrap Open Source Projects<\/strong><\/h4><p>by @flatlogic<\/p><p><a href=\"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-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:\/\/blog.bitsrc.io\/redux-react-alternatives-c1733793a339\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/5-Alternatives-to-React-Redux-in-2020-1.png\" alt=\"\" class=\"wp-image-2910 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/5-Alternatives-to-React-Redux-in-2020-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/5-Alternatives-to-React-Redux-in-2020-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/5-Alternatives-to-React-Redux-in-2020-1-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 Alternatives to React Redux in 2020<\/strong><\/h4><p>by Shanika Wickramasinghe<\/p><p><a href=\"https:\/\/blog.bitsrc.io\/redux-react-alternatives-c1733793a339\" 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\"><a href=\"https:\/\/blog.soshace.com\/implementing-two-factor-authentication-with-nodejs-and-otplib\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Implementing-Two-Factor-Authentication-with-NodeJS-and-otplib-1.png\" alt=\"\" class=\"wp-image-2911 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Implementing-Two-Factor-Authentication-with-NodeJS-and-otplib-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Implementing-Two-Factor-Authentication-with-NodeJS-and-otplib-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Implementing-Two-Factor-Authentication-with-NodeJS-and-otplib-1-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>Implementing Two-Factor Authentication with NodeJS and otplib<\/strong><\/h4><p>by Bradley Kofi<\/p><p><a href=\"https:\/\/blog.soshace.com\/implementing-two-factor-authentication-with-nodejs-and-otplib\/\" 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\/5-free-react-js-admin-dashboard-templates-for-2020-571c8508d4d1\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-71aewf.png\" alt=\"\" class=\"wp-image-3007 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-71aewf.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-71aewf-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-71aewf-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+ Free React.js Admin Dashboard Templates for 2020<\/strong><\/h4><p>by @bitdev_<\/p><p><a href=\"https:\/\/blog.bitsrc.io\/5-free-react-js-admin-dashboard-templates-for-2020-571c8508d4d1\" 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:\/\/hackernoon.com\/stale-while-revalidate-data-fetching-composable-with-vue-3-composition-api-664s3wvi\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Stale-While-Revalidate-Data-Fetching-Composable-with-Vue-3-Composition-API-1.png\" alt=\"\" class=\"wp-image-2912 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Stale-While-Revalidate-Data-Fetching-Composable-with-Vue-3-Composition-API-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Stale-While-Revalidate-Data-Fetching-Composable-with-Vue-3-Composition-API-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Stale-While-Revalidate-Data-Fetching-Composable-with-Vue-3-Composition-API-1-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>Stale-While-Revalidate Data Fetching Composable with Vue 3 Composition API<\/strong><\/h4><p>by @MaOberlehner<\/p><p><a href=\"https:\/\/hackernoon.com\/stale-while-revalidate-data-fetching-composable-with-vue-3-composition-api-664s3wvi\" 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\/06\/facial-recognition-web-application-react\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Building-A-Facial-Recognition-Web-Application-With-React-1.png\" alt=\"\" class=\"wp-image-2913 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Building-A-Facial-Recognition-Web-Application-With-React-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Building-A-Facial-Recognition-Web-Application-With-React-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Building-A-Facial-Recognition-Web-Application-With-React-1-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>Building A Facial Recognition Web Application With React<\/strong><\/h4><p>by @davidadeneye<\/p><p><a href=\"https:\/\/www.smashingmagazine.com\/2020\/06\/facial-recognition-web-application-react\/\" 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:\/\/flatlogic.com\/blog\/6-stunning-react-js-project-ideas\/\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_-1024x768.png\" alt=\"\" class=\"wp-image-2965 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_-1024x768.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_-768x576.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_-1536x1152.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-60.jhv_.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>6 Stunning React.js Project Ideas<\/strong><\/h4><p>by @flatlogic<\/p><p><a href=\"https:\/\/flatlogic.com\/blog\/6-stunning-react-js-project-ideas\/\">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:\/\/medium.com\/takeaway-tech\/getting-started-with-redux-saga-54af359e84ff\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Getting-Started-with-Redux-Saga-1.png\" alt=\"\" class=\"wp-image-2914 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Getting-Started-with-Redux-Saga-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Getting-Started-with-Redux-Saga-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Getting-Started-with-Redux-Saga-1-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>Getting Started with Redux Saga<\/strong><\/h4><p>by @MattyFew<\/p><p><a href=\"https:\/\/medium.com\/takeaway-tech\/getting-started-with-redux-saga-54af359e84ff\" 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:\/\/hackernoon.com\/the-best-software-development-project-management-tools-compared-8027f66ad0a0\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/The-Best-Software-Development-Project-Management-Tools-Compared-1.png\" alt=\"\" class=\"wp-image-2915 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/The-Best-Software-Development-Project-Management-Tools-Compared-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/The-Best-Software-Development-Project-Management-Tools-Compared-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/The-Best-Software-Development-Project-Management-Tools-Compared-1-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>The Best <a href='https:\/\/flatlogic.com\/services\/web-development'>Software Development<\/a> Project Management Tools, Compared<\/strong><\/h4><p>by @ow<\/p><p><a href=\"https:\/\/hackernoon.com\/the-best-software-development-project-management-tools-compared-8027f66ad0a0\" 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:\/\/flatlogic.com\/blog\/top-16-vue-open-source-projects\/\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-min-1024x768.png\" alt=\"\" class=\"wp-image-2827 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-min-1024x768.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-min-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-min-768x576.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-min-1536x1152.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-55ods-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>Top 16+ Vue Open Source Projects<\/strong><\/h4><p>by @flatlogic<\/p><p><a href=\"https:\/\/flatlogic.com\/blog\/top-16-vue-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:\/\/dzone.com\/articles\/functional-on-the-frontend-with-fp-ts-and-pipe\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-1_Functional-on-the-Frontend-With-fp-ts-and-pipe.png\" alt=\"\" class=\"wp-image-2916 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-1_Functional-on-the-Frontend-With-fp-ts-and-pipe.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-1_Functional-on-the-Frontend-With-fp-ts-and-pipe-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-1_Functional-on-the-Frontend-With-fp-ts-and-pipe-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>Functional on the Frontend With fp-ts and pipe<\/strong><\/h4><p>by @carolstran<\/p><p><a href=\"https:\/\/dzone.com\/articles\/functional-on-the-frontend-with-fp-ts-and-pipe\" 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:\/\/johnpapa.net\/better-frontend-development-with-inspiration-from-the-culinary-world-with-ryan-lanciaux\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Better-Frontend-Development-with-Inspiration-from-the-Culinary-World-with-Ryan-Lanciaux-2-1.png\" alt=\"\" class=\"wp-image-2918 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Better-Frontend-Development-with-Inspiration-from-the-Culinary-World-with-Ryan-Lanciaux-2-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Better-Frontend-Development-with-Inspiration-from-the-Culinary-World-with-Ryan-Lanciaux-2-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Better-Frontend-Development-with-Inspiration-from-the-Culinary-World-with-Ryan-Lanciaux-2-1-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>Better Frontend Development with Inspiration from the Culinary World &#8211; with Ryan Lanciaux<\/strong><\/h4><p>by @John_Papa<\/p><p><a href=\"https:\/\/johnpapa.net\/better-frontend-development-with-inspiration-from-the-culinary-world-with-ryan-lanciaux\/\" 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\/improving-seo-of-react-apps-with-react-helmet-7b79fb8774f4\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Improving-SEO-with-React-Helmet-1.png\" alt=\"\" class=\"wp-image-2919 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Improving-SEO-with-React-Helmet-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Improving-SEO-with-React-Helmet-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Improving-SEO-with-React-Helmet-1-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>Improving SEO with React Helmet<\/strong><\/h4><p>by @AuMayeung<\/p><p><a href=\"https:\/\/blog.bitsrc.io\/improving-seo-of-react-apps-with-react-helmet-7b79fb8774f4\" 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:\/\/css-tricks.com\/css-is-and-where-are-coming-to-browsers\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/CSS-is-and-where-are-coming-to-browsers-1.png\" alt=\"\" class=\"wp-image-2920 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/CSS-is-and-where-are-coming-to-browsers-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/CSS-is-and-where-are-coming-to-browsers-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/CSS-is-and-where-are-coming-to-browsers-1-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>CSS :is() and :where() are coming to&nbsp;browsers<\/strong><\/h4><p>by @chriscoyier<\/p><p><a href=\"https:\/\/css-tricks.com\/css-is-and-where-are-coming-to-browsers\/\" 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:\/\/speckyboy.com\/early-adoption-of-web-development-tools\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/early-adoption-webdev-04-1.png\" alt=\"\" class=\"wp-image-2922 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/early-adoption-webdev-04-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/early-adoption-webdev-04-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/early-adoption-webdev-04-1-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>Thoughts on the Early Adoption of <a href='https:\/\/flatlogic.com\/services\/web-development'>Web Development<\/a> Tools<\/strong><\/h4><p>by @karks88<\/p><p><a href=\"https:\/\/speckyboy.com\/early-adoption-of-web-development-tools\/\" 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:\/\/speckyboy.com\/onboarding-carousels-snippets\/\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/8-Fantastic-Onboarding-Carousel-HTML-CSS-Snippets-1.png\" alt=\"\" class=\"wp-image-2923 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/8-Fantastic-Onboarding-Carousel-HTML-CSS-Snippets-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/8-Fantastic-Onboarding-Carousel-HTML-CSS-Snippets-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/8-Fantastic-Onboarding-Carousel-HTML-CSS-Snippets-1-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>8 Fantastic Onboarding Carousel HTML &amp; CSS Snippets<\/strong><\/h4><p>by @Land_Of_Web<\/p><p><a href=\"https:\/\/speckyboy.com\/onboarding-carousels-snippets\/\" 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:\/\/ultimatecourses.com\/blog\/remove-object-properties-destructuring\"><img decoding=\"async\" width=\"800\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Removing-Object-Properties-with-Destructuring-1-1.png\" alt=\"\" class=\"wp-image-2924 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Removing-Object-Properties-with-Destructuring-1-1.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Removing-Object-Properties-with-Destructuring-1-1-600x450.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Removing-Object-Properties-with-Destructuring-1-1-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>Removing Object Properties with Destructuring<\/strong><\/h4><p>by @toddmotto<\/p><p><a href=\"https:\/\/ultimatecourses.com\/blog\/remove-object-properties-destructuring\" rel=\"nofollow\">Read the article<\/a> <\/p><\/div><\/div><p> <\/p><h4 class=\"wp-block-heading\"><strong>You might also like these articles:<\/strong><\/h4><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/blog\/12-best-bootstrap-progress-bar-widgets\/\">12 Best Bootstrap Progress Bar Widgets<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/13-bootstrap-date-pickers-examples\/\">13 Bootstrap Date Pickers Examples<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/top-19-remarkable-javascript-data-table-libraries-and-plugins\/\">Top 19+ Remarkable JavaScript Data Table Libraries and Plugins<\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>This time we have articles about best open-source projects, authentication, facial recognition, and many more. Enjoy!<\/p>\n","protected":false},"author":3,"featured_media":3009,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"June roundup: 18 JavaScript\/frontend reads, plus 3 related picks\nCovers React, Vue 3, Node.js 2FA, SEO, CSS :is()\/:where(), charts, FP, and UI snippets\nMix of tutorials, templates, tool comparisons, and project ideas for practitioners\nIncludes Flatlogic pieces and external resources from Smashing, CSS-Tricks, DZone, Speckyboy","flatlogic_facts":[{"text":"Roundup lists 18 JavaScript and frontend articles, plus 3 'You might also like' links.","source":""},{"text":"Topics span React, Vue 3 Composition API, Node.js 2FA, React Helmet SEO, and CSS :is()\/:where().","source":""},{"text":"Includes Flatlogic posts on Bootstrap OSS projects, React project ideas, and top Vue OSS projects.","source":""},{"text":"Resources include tutorials on stacked area charts, admin dashboards, fp-ts\/pipe, and onboarding carousels.","source":""}],"footnotes":""},"categories":[1],"tags":[48,54,35,47],"class_list":["post-2907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-bootstrap","tag-javascript","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>18+ Articles of June to Learn JavaScript - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"How to learn JavaScript? Take one step at a time and read every month JS articles that were written by developers and for developers.\" \/>\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\/article-june\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"18+ Articles of June to Learn JavaScript\" \/>\n<meta property=\"og:description\" content=\"How to learn JavaScript? Take one step at a time and read every month JS articles that were written by developers and for developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/article-june\/\" \/>\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-06-22T09:45:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-28T16:09:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.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":"18+ Articles of June to Learn JavaScript - Flatlogic Blog","description":"How to learn JavaScript? Take one step at a time and read every month JS articles that were written by developers and for developers.","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\/article-june\/","og_locale":"en_US","og_type":"article","og_title":"18+ Articles of June to Learn JavaScript","og_description":"How to learn JavaScript? Take one step at a time and read every month JS articles that were written by developers and for developers.","og_url":"https:\/\/flatlogic.com\/blog\/article-june\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2020-06-22T09:45:18+00:00","article_modified_time":"2021-07-28T16:09:30+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.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\/article-june\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/"},"author":{"name":"Nastassia Ovchinnikova","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bed36c984b2f920a7fc450877f425eed"},"headline":"18+ Articles of June to Learn JavaScript","datePublished":"2020-06-22T09:45:18+00:00","dateModified":"2021-07-28T16:09:30+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/"},"wordCount":271,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.png","keywords":["Bootstrap","Javascript","React","Reviews"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/article-june\/","url":"https:\/\/flatlogic.com\/blog\/article-june\/","name":"18+ Articles of June to Learn JavaScript - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.png","datePublished":"2020-06-22T09:45:18+00:00","dateModified":"2021-07-28T16:09:30+00:00","description":"How to learn JavaScript? Take one step at a time and read every month JS articles that were written by developers and for developers.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/article-june\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/article-june\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/article-june\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Top-JS-Art_jun.png","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/article-june\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"18+ Articles of June 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\/2907","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=2907"}],"version-history":[{"count":2,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2907\/revisions"}],"predecessor-version":[{"id":7087,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2907\/revisions\/7087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/3009"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=2907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=2907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=2907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}