//alert("Updating more websites.........\n\nYou can also suggest if you know any best website or youtube channel.\n\nYou can tell me if any problem in this code so I can resolve.\n\nYou can also share this code in your feed post to reach more people.\n\nKeep Coding, Enjoy and love Coding ❤️❤️❤️.\n\nCheck List\n---------------\n\n✅ 1 - Top Code Competative Websites\n✅ 2 - Top Programming Websites\n✅ 3 - Top Coding Challenge Websites\n✅ 4 - Best Websites to Learn Coding\n✅ 5 - Best coding blog\n✅ 6 - Best Game Coding Sites\n✅ 7 - Coding Websites for Kids in Elementary School\n✅ 8 - Coding Websites for Kids in Middle School\n✅ 9 - Coding Websites for High School Kids\n✅ 10 - YouTube Channels to Learn Programming\n✅ 11 - Websites for Machine Learning and Data Science\n✅ 12 - Websites for Java Tutorial\n✅ 13 - Websites for C Tutorial\n✅ 14 - Websites for C++ Tutorial\n✅ 15 - Websites for PHP Tutorial\n✅ 16 - Websites for C/C++/Java/C#/Python/PHP/Ruby Tutorial\n 17 - Websites for Python Tutorial"); var devideSection = 10; var map1 = new Map(); var appWebList = [{title : "Sololearn", img : "https://www.sololearn.com/Images/home-new/onbrd_logo_colored.svg", link : "https://www.sololearn.com/", content : "Learn to code for free! Interactive lessons, 'on-the-go' practice, peer support."}] map1.set('Best Websites/App', appWebList); var competeWebList = [{title : "Techgig", img : "https://static.techgig.com/Themes/Release/images/tg_images_new/techgig-white-logo.svg", link : "https://www.techgig.com/", content : "TechGig gives both professional and aspiring developers a platform to practice coding, take part in exciting coding challenges, undergo skill evaluation tests."} , {title : "Hackerearth", img : "https://static-fastly.hackerearth.com/newton/static/images/H5.png", link : "https://www.hackerearth.com/", content : "Practice programming, prepare for interviews, and participate in hackathons with a community of 4M+ developers."} ,{title : "HackerRank", img : "https://www.hackerrank.com/wp-content/uploads/2020/05/hackerrank_logo-Pride.gif", link : "https://www.hackerrank.com/", content : "HackerRank is the market-leading technical assessment and remote interview solution for hiring developers."} ,{title : "Code Forces", img : "https://www.guru99.com/images/1/031519_0605_Competitive5.png", link : "https://codeforces.com/contests", content : "Codeforces is a Russian base competitive programming website. It regularly hosts coding contest where competitive programmers from all over the world."} ,{title : "Topcoder", img : "https://www.topcoder.com/wp-content/uploads/2016/01/topcoder-logo.png", link : "https://www.topcoder.com/challenges", content : "This is your one stop shop for all things related to the Competitive Programming track on Topcoder."} ,{title : "CodeChef", img : "https://www.bookmychefs.com/chef/img/chef_default2.png", link : "https://www.codechef.com/contests", content : "Programming Competition: Join Online Programming Contest."}]; map1.set('Top Code Competative Websites', competeWebList); var list = [{title : "The Odin Project", img : "https://pbs.twimg.com/profile_images/853541927781904384/LKvUgs4u_400x400.jpg", link : "https://www.theodinproject.com/", content : "The Odin Project empowers aspiring web developers to learn together."} ,{title : "FreeCodeCamp", img : "https://i0.wp.com/the-inkline.com/wp-content/uploads/2017/09/freecodecamp.jpg?fit=900%2C900&ssl=1", link : "https://www.freecodecamp.org/", content : "Learn to code at home. Build projects. Earn certifications."} ,{title : "CodeChef", img : "https://www.bookmychefs.com/chef/img/chef_default2.png", link : "https://www.codechef.com/", content : "Programming Competition: Join Online Programming Contest."} ,{title : "HackerRank", img : "https://www.hackerrank.com/wp-content/uploads/2018/08/hackerrank_logo.png", link : "https://www.hackerrank.com/", content : "HackerRank is the market-leading technical assessment and remote interview solution for hiring developers."} ,{title : "Codewars", img : "https://assets-global.website-files.com/62462834c60df92621c6b5be/624f2f0a99d70b93d9a65476_light-text-logo.svg", link : "https://www.codewars.com/", content : "Codewars is where developers achieve code mastery through challenge."} ,{title : "CodinGame", img : "https://logonoid.com/images/codingame-logo.png", link : "https://www.codingame.com/", content : "CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises."} ,{title : "Codecademy", img : "https://i.pcmag.com/imagery/reviews/05XBKmNFYeHCMIn726Nohqb-3..v_1569471603.jpg", link : "https://www.codecademy.com/", content : "Learn the technical skills you need for the job you want."} ,{title : "Coursera", img : "https://lh3.googleusercontent.com/ixCG01dNBLLI6Z8nz8CDVdLh2E0PXgZb_B0VPmAVlmIW9COPBBjT1u6AxBzlYnDoJH5L", link : "https://www.coursera.org/", content : "Join Coursera for free and learn online. Build skills with courses from top universities like Yale, Michigan, Stanford, and leading companies like Google and IBM."} ,{title : "Coderbyte", img : "https://coderbytestaticimages.s3.amazonaws.com/consumer-v2/nav/coderbyte_logo_digital_multi_light.png", link : "https://coderbyte.com/", content : "Improve your coding skills with our library of 300+ challenges and prepare for coding interviews with content from leading technology companies."} ,{title : "Topcoder", img : "https://www.topcoder.com/wp-content/uploads/2016/01/topcoder-logo.png", link : "https://www.topcoder.com/", content : "The Topcoder Community is the world's largest network of designers, developers, and data scientists."} ,{title : "SitePoint", img : "https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2012/05/sitepoint-logo-new-both-flat.png", link : "https://www.sitepoint.com/", content : "Learn Web Design & Development with SitePoint tutorials, courses and books - HTML5, CSS3, JavaScript, PHP, mobile app development, Responsive Web."} ,{title : "Khan Academy", img : "https://cdn.kastatic.org/images/khan-logo-dark-background-2.png", link : "https://www.khanacademy.org/", content : "You can learn anything. Expert-created content and resources for every course and level. Always free."} ,{title : "EdX", img : "https://cdn-blog.lawrencemcdaniel.com/wp-content/uploads/2018/02/22125436/open-edx-banner.jpg", link : "https://www.edx.org/", content : "Access 2000 free online courses from 140 leading institutions worldwide. Gain new skills and earn a certificate of completion."} ,{title : "Udacity", img : "https://static.businessworld.in/article/article_extra_large_image/1521538261_PbPTN7_udacity1.jpg", link : "https://www.udacity.com/", content : "Plan Your Career & Secure In Demand Tech Skills Online."} ,{title : "A List Apart", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRAtcBr0urMP0XUfhhNqHo-mJzCu8Yli-flOg&usqp=CAU", link : "https://alistapart.com/", content : "There's a common cognitive dissonance about design: that good design can't come from designers with color vision deficiencies."} ,{title : "Ars Technica", img : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Ars_Technica_logo_%282016%29.svg/1280px-Ars_Technica_logo_%282016%29.svg.png", link : "https://arstechnica.com/", content : "Serving the Technologist for more than a decade. IT news, reviews, and analysis."} ,{title : "Treehouse", img : "https://miro.medium.com/max/4000/1*HxiohFw0e7CwC_Sz5a3Auw.jpeg", link : "https://teamtreehouse.com/", content : "Learn web design, coding and much more with Treehouse. You can learn at your own pace and become job ready within months."} ,{title : "Slashdot", img : "https://cdn.vox-cdn.com/thumbor/rJOgO39Ebjrf3j7YSujLywRlEvo=/0x0:500x333/1200x800/filters:focal(0x0:500x333)/cdn.vox-cdn.com/assets/1390849/Slashdot_wordmark_and_logo.png", link : "https://slashdot.org/", content : "Slashdot: News for nerds, stuff that matters. Timely news source for technology related news with a heavy slant towards Linux and Open Source.."} ,{title : "TechCrunch", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSWgFiLg0CDijZau_26Xa4CVriQGukcJHmFEQ&usqp=CAU", link : "https://techcrunch.com/", content : "Reporting on the business of technology, startups, venture capital funding, and Silicon Valley."} ,{title : "Hacker News", img : "https://jayclouse.com/wp-content/uploads/2019/06/hacker_news-1000x525-1.jpg", link : "https://thehackernews.com/", content : "The Hacker News is the most trusted, widely-read infosec source of the latest hacking news, cyber attacks, computer security, and cybersecurity for ethical ..."} ,{title : "Codeforces", img : "https://news.itmo.ru/images/news/big/917925.jpg", link : "https://codeforces.com/", content : "Programming competitions and contests, programming community."} ,{title : "W3Schools", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQenWJGsk7M_wAyuRlbSxlaEoi74KM4dyCquA&usqp=CAU", link : "https://www.w3schools.com/", content : "W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding."} ,{title : "Project Euler", img : "https://raw.githubusercontent.com/verloka/Project-Euler/master/march/logo.jpg", link : "https://projecteuler.net/", content : "A website dedicated to the fascinating world of mathematics and programming."} ,{title : "MIT OpenCourseWare", img : "https://channels.roku.com/images/d055bacec9974b29bea310148ca17ae1-hd.jpg", link : "https://ocw.mit.edu/index.htm", content : "MIT OpenCourseWare is a web-based publication of virtually all MIT course content. OCW is open and available to the world and is a permanent MIT activity."} ,{title : "SPOJ", img : "https://d33wubrfki0l68.cloudfront.net/87ddd9f20eb73ed2b6094996068387db618ccda6/d1dde/img/uploads/spoj.jpg", link : "https://www.spoj.com/", content : "SPOJ (Sphere Online Judge) is an online judge system with over 315000 registered users and over 20000 problems."} ,{title : "Coding Horror", img : "https://dailyblogtips.com/wp-content/uploads/codinghorror.gif", link : "https://blog.codinghorror.com/", content : "A blog by Jeff Atwood on programming and human factors."}]; map1.set('Top Programming Websites', list); var list1 = [{title : "Topcoder", img : "https://www.topcoder.com/wp-content/uploads/2016/01/topcoder-logo.png", link : "https://www.topcoder.com/", content : "The Topcoder Community is the world's largest network of designers, developers, and data scientists."} ,{title : "Coderbyte", img : "https://coderbytestaticimages.s3.amazonaws.com/consumer-v2/nav/coderbyte_logo_digital_multi_light.png", link : "https://coderbyte.com/", content : "Improve your coding skills with our library of 300+ challenges and prepare for coding interviews with content from leading technology companies."} ,{title : "Project Euler", img : "https://raw.githubusercontent.com/verloka/Project-Euler/master/march/logo.jpg", link : "https://projecteuler.net/", content : "A website dedicated to the fascinating world of mathematics and programming."} ,{title : "HackerRank", img : "https://www.hackerrank.com/wp-content/uploads/2018/08/hackerrank_logo.png", link : "https://www.hackerrank.com/", content : "HackerRank is the market-leading technical assessment and remote interview solution for hiring developers."} ,{title : "CodeChef", img : "https://www.bookmychefs.com/chef/img/chef_default2.png", link : "https://www.codechef.com/", content : "Programming Competition: Join Online Programming Contest."} ,{title : "CodeFights", img : "https://codesignal.com/wp-content/uploads/2020/03/Logo_Main.svg", link : "https://codesignal.com/", content : "CodeFights provides a collection of coding challenges for you to solve in their online editor and there is a forum for users to discuss the challenges. "} ,{title : "Exercism.io", img : "https://assets.exercism.io/assets/logo-white-e3be059a4bfc4bf65f196a12105e9cff389b5a67f2065a0862d4ff6153571ef5.png", link : "https://exercism.io/", content : "Exercism is a coding challenge website that offers 3100+ challenges spanning 52 different programming languages."} ,{title : "Codewars", img : "https://assets-global.website-files.com/62462834c60df92621c6b5be/624f2f0a99d70b93d9a65476_light-text-logo.svg", link : "https://www.codewars.com/", content : "Codewars provides a large collection of coding challenges submitted and edited by their own community. "} ,{title : "LeetCode", img : "https://assets.leetcode.com/static_assets/public/images/LeetCode_Sharing.png", link : "", content : "LeetCode is a popular Online Judge that provides a list of 190+ challenges that can help you prepare for technical job interviews."} ,{title : "SPOJ", img : "https://d33wubrfki0l68.cloudfront.net/87ddd9f20eb73ed2b6094996068387db618ccda6/d1dde/img/uploads/spoj.jpg", link : "https://www.spoj.com/", content : "SPOJ (Sphere Online Judge) is an online judge system with over 315000 registered users and over 20000 problems."} ,{title : "CodinGame", img : "https://logonoid.com/images/codingame-logo.png", link : "https://www.codingame.com/", content : "CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises."}]; map1.set('Top Coding Challenge Websites', list1); var learnCodingList = [{title : "GitHub", img : "https://www.vhv.rs/dpng/d/419-4199354_github-icon-png-download-github-logo-transparent-png.png", link : "https://github.com/", content : "GitHub is the world's leading software development platform and also the largest open-source community."} ,{title : "Codecademy", img : "https://i.pcmag.com/imagery/reviews/05XBKmNFYeHCMIn726Nohqb-3..v_1569471603.jpg", link : "https://www.codecademy.com/", content : "Learn the technical skills you need for the job you want."} ,{title : "Treehouse", img : "https://miro.medium.com/max/4000/1*HxiohFw0e7CwC_Sz5a3Auw.jpeg", link : "https://teamtreehouse.com/", content : "Learn web design, coding and much more with Treehouse. You can learn at your own pace and become job ready within months."} ,{title : "Udemy", img : "https://www.udemy.com/staticx/udemy/images/v6/logo-coral.svg", link : "https://www.udemy.com/", content : "Udemy is an online learning platform which currently offers 80,000 online coding courses including web development, UX design, UI development, and iOS development."} ,{title : "Coursera", img : "https://lh3.googleusercontent.com/ixCG01dNBLLI6Z8nz8CDVdLh2E0PXgZb_B0VPmAVlmIW9COPBBjT1u6AxBzlYnDoJH5L", link : "https://www.coursera.org/", content : "Join Coursera for free and learn online. Build skills with courses from top universities like Yale, Michigan, Stanford, and leading companies like Google and IBM."} ,{title : "Khan Academy", img : "https://cdn.kastatic.org/images/khan-logo-dark-background-2.png", link : "https://www.khanacademy.org/", content : "You can learn anything. Expert-created content and resources for every course and level. Always free."} ,{title : "W3Schools", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQenWJGsk7M_wAyuRlbSxlaEoi74KM4dyCquA&usqp=CAU", link : "https://www.w3schools.com/", content : "W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding."} ,{title : "EdX", img : "https://cdn-blog.lawrencemcdaniel.com/wp-content/uploads/2018/02/22125436/open-edx-banner.jpg", link : "https://www.edx.org/", content : "Access 2000 free online courses from 140 leading institutions worldwide. Gain new skills and earn a certificate of completion."} ,{title : "FreeCodeCamp", img : "https://i0.wp.com/the-inkline.com/wp-content/uploads/2017/09/freecodecamp.jpg?fit=900%2C900&ssl=1", link : "https://www.freecodecamp.org/", content : "Learn to code at home. Build projects. Earn certifications."} ,{title : "Evanto tuts +", img : "https://static.tutsplus.com/packs/media/images/tuts_logo-ae9e557ae6c08db82f47e6047900e39b.svg", link : "https://tutsplus.com/", content : "Evanto tuts + is a very useful online code-learning website for beginners."} ,{title : "Codeconquest", img : "https://www.code-youth.ca/wp-content/uploads/2019/07/codeconquest.x93828.png", link : "https://www.codeconquest.com/", content : "A free online guide to coding for beginners. If you’re someone who wants to learn about coding, but you haven’t got a clue where to start, you’ve come to the right place."} ,{title : "Code", img : "https://code.org/images/logo.png", link : "https://code.org/", content : "Code.org® is a nonprofit dedicated to expanding access to computer science in schools and increasing participation by women and underrepresented youth. "} ,{title : "Code Avengers ", img : "https://cdn.dribbble.com/users/103596/screenshots/802232/ca_logo_1.jpg", link : "https://www.codeavengers.com/", content : "Fun and effective online learning. A better way to learn to build websites, games, apps and more."} ,{title : "Dash", img : "https://atlantaservicejam.files.wordpress.com/2016/02/general-assembly-logo-600.gif", link : "https://dash.generalassemb.ly/", content : "Learn to code awesome websites in HTML, CSS, and JavaScript"} ,{title : "Learn Enough", img : "https://softcover-static.s3.amazonaws.com/og_le.png", link : "https://www.learnenough.com/", content : "Learn Enough is based on the idea that you don’t have to learn everything to get started—you just have to learn enough to be dangerous."} ,{title : "Hackr.io", img : "https://hackr.io/assets/images/programming-images/logo-new.svg", link : "https://hackr.io/", content : "Find the Best Programming Courses & Tutorials"} ,{title : "Edabit", img : "https://s3.amazonaws.com/edabit-images/logo_wide_large.png", link : "https://edabit.com/", content : "Learn to code with fun, bite-sized challenges. Gain XP, unlock achievements and level up."}]; map1.set('Best Websites to Learn Coding', learnCodingList); var blogWebsiteList = [{title : "David Walsh Blog", img : "https://davidwalsh.name/wp-content/themes/punky/images/logo.png", link : "https://davidwalsh.name/", content : "David Walsh is a 33-year old web developer and software engineer from Madison, Wisconsin."} ,{title : "A List Apart", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRAtcBr0urMP0XUfhhNqHo-mJzCu8Yli-flOg&usqp=CAU", link : "https://alistapart.com/", content : "There's a common cognitive dissonance about design: that good design can't come from designers with color vision deficiencies."} ,{title : "SitePoint", img : "https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2012/05/sitepoint-logo-new-both-flat.png", link : "https://www.sitepoint.com/", content : "Learn Web Design & Development with SitePoint tutorials, courses and books - HTML5, CSS3, JavaScript, PHP, mobile app development, Responsive Web."} ,{title : "Softwarehow", img : "https://www.softwarehow.com/wp-content/uploads/softwarehowlogo.svg", link : "https://www.softwarehow.com/", content : "SoftwareHow is dedicated to providing honest, unbiased reviews of computer software, written by real software users for real software users."}]; map1.set('Best coding blog', blogWebsiteList); var gameWebsiteList = [{title : "CodeMonkey", img : "https://d3sujgifhk94se.cloudfront.net/wp-content/uploads/2020/06/21143425/codemonkey_logo.png", link : "https://www.codemonkey.com/", content : "CodeMonkey teaches coding using CoffeeScript, a real programming language, to teach you to build your own games in HTML5."} , {title : "CodinGame", img : "https://logonoid.com/images/codingame-logo.png", link : "https://www.codingame.com/start", content : "CodinGame offers up fun free games to help learn more than 25 programming languages, including JavaScript, Ruby, and PHP."} ,{title : "CSS Diner", img : "https://i.pinimg.com/originals/8a/b1/ad/8ab1ad8128508785f956eb6f58779b47.jpg", link : "https://flukeout.github.io/", content : "CSS Diner is a simple but fun way to learn CSS. There are 32 levels that will teach you the basics of how CSS selectors work. "} ,{title : "Flexbox Froggy", img : "https://i.stack.imgur.com/yjVDO.png", link : "http://flexboxfroggy.com/", content : "Want to learn how CSS flexbox works? Check out Flexbox Froggy. It has a simple interface that teaches you the basics of how things align in flexbox"} ,{title : "Flexbox Defense", img : "https://d2.alternativeto.net/dist/s/flexbox-defense_187640_full.png?format=jpg&width=1600&height=1600&mode=min&upscale=false", link : "http://www.flexboxdefense.com/", content : "Flexbox Defense is another great way to practice your flexbox skills. "} ,{title : "CodeCombat", img : "https://codecombat.dexecure.net/images/pages/base/logo.png", link : "https://codecombat.com/", content : "CodeCombat is aimed at teachers and students, but anyone can play. Learn Python, JavaScript, CoffeeScript, or the Lua game scripting language."} ,{title : "Ruby Warrior", img : "https://d2.alternativeto.net/dist/s/ruby-warrior_190787_full.png?format=jpg&width=1200&height=1200&mode=crop", link : "https://www.bloc.io/ruby-warrior#/", content : "If you want to learn Ruby, then Ruby Warrior is the game for you. There are beginner and intermediate tracks to suit your skill level."} ,{title : "Untrusted", content : "Untrusted is a meta-JavaScript adventure game that tests your JavaScript skills to solve problems.", link : "https://alexnisnevich.github.io/untrusted/", img : "https://coschedule.s3.amazonaws.com/96361/9962d73b-4b41-48e7-a37c-25d733a6dc7e/untrusted.jpg"} ,{title : "Robocode", content : "If you ever watched the show BattleBots, then Robocode is for you. You’ll learn programming skills by building virtual robot battle tanks in Java or .NET. ", link : "https://robocode.sourceforge.io/", img : "https://robocode.sourceforge.io/gfx/robocode_logo_tanks.png"}]; map1.set('Best Game Coding Sites', gameWebsiteList); var webForKidinElementryList = [{title : "Blockly", img : "https://codewizardshq.com/wp-content/uploads/2016/08/blockly_coding_website_for_kids-150x150.png", link : "https://blockly.games/", content : "Blockly teaches programming principles and introduces JavaScript using a block-based programming approach. It’s just like doing a puzzle, except you connect pieces of code."} ,{title : "CodeCombat", img : "https://codecombat.dexecure.net/images/pages/base/logo.png", link : "https://codecombat.com/", content : "CodeCombat is aimed at teachers and students, but anyone can play. Learn Python, JavaScript, CoffeeScript, or the Lua game scripting language."} ,{title : "Stencyl", img : "https://codewizardshq.com/wp-content/uploads/2018/03/Stencyl-logo.png", link : "http://www.stencyl.com/", content : "Stencyl is game creation software that lets users publish iPhone, iPad, Android, Windows, Mac, Linux, HTML5 & Flash games without code."} ,{title : "CodeMonkey", img : "https://d3sujgifhk94se.cloudfront.net/wp-content/uploads/2020/06/21143425/codemonkey_logo.png", link : "https://www.codemonkey.com/", content : "Code Monkey is a coding website that teaches kids coding through playful online games. "} ,{title : "Code", img : "https://code.org/images/logo.png", link : "https://code.org/", content : "Code.org® is a nonprofit dedicated to expanding access to computer science in schools and increasing participation by women and underrepresented youth. "} ,{title : "Kodable", img : "https://codewizardshq.com/wp-content/uploads/2016/08/kodable_coding_website_for_kids-150x150.png", link : "https://www.kodable.com/", content : "Kodable teaches computer science fundamentals through kid-friendly, self-directed lessons. Students get to create and play alongside bright, cute characters."} ,{title : "Scratch", img : "https://codewizardshq.com/wp-content/uploads/2016/08/scratch_coding_website_for_kids-150x150.png", link : "https://scratch.mit.edu/", content : "It’s a free block coding website for kids, developed by the MIT Media Lab."} ,{title : "Tynker", img : "https://codewizardshq.com/wp-content/uploads/2016/08/tynker_coding_website_for_kids-150x150.png", link : "https://www.tynker.com/", content : "Tynker is a self-paced online programming course for kids. It’s a coding website for kids created for them to build their own games and apps."}]; map1.set('Coding Websites for Kids in Elementary School', webForKidinElementryList); var webForKidinMiddleSchoolList = [{title : "App Inventor", img : "https://codewizardshq.com/wp-content/uploads/2016/08/appinventor_coding_website_for_kids-150x150.jpg", link : "http://www.appinventor.org/", content : "App Inventor is a visual, blocks language for building Android Apps. Their coding website for kids features video tutorials and courses in a box."} ,{title : "Code Avengers ", img : "https://cdn.dribbble.com/users/103596/screenshots/802232/ca_logo_1.jpg", link : "https://www.codeavengers.com/", content : "Fun and effective online learning. A better way to learn to build websites, games, apps and more."} ,{title : "Code Monster", img : "https://codewizardshq.com/wp-content/uploads/2016/08/codemonster_coding_website_for_kids-150x150.jpg", link : "http://www.crunchzilla.com/code-monster", content : "Code Monster is an interactive game that gives kids a place to practice writing JavaScript. "} ,{title : "CodeWizardsHQ", img : "https://codewizardshq.com/wp-content/uploads/2016/08/blueVertical@2x.png", link : "https://codewizardshq.com/", content : "CodeWizardsHQ is the leading coding school for kids and has adopted a blended method to teach kids to code."} ,{title : "GameBlox", img : "https://codewizardshq.com/wp-content/uploads/2016/08/gameblox_coding_website_for_kids-150x150.jpg", link : "https://gameblox.org/", content : "GameBlox is a block-based programming site for making games online for web and mobile devices. "} ,{title : "Codemoji", img : "https://codewizardshq.com/wp-content/uploads/2016/08/codemoji_coding_website_kids_logo-150x150.jpg", link : "https://codemoji.com/", content : "Codemoji uses images to teach coding and they’ve developed their platform with a deep belief that typing proficiency is not required to code."} ,{title : "Lightbot", img : "https://codewizardshq.com/wp-content/uploads/2016/08/lightbot_coding_website_kids_logo-150x150.jpg", link : "https://lightbot.com/", content : "LightBot lets kids solve puzzles using programming. It’s a puzzle game, based on coding, that secretly teaches you programming logic as you play. "}]; map1.set('Coding Websites for Kids in Middle School', webForKidinMiddleSchoolList); var webForKidinHighSchoolList = [{title : "Glitch", img : "https://codewizardshq.com/wp-content/uploads/2016/08/thimble_coding_website_for_kids-150x150.png", link : "https://glitch.com/", content : "Glitch is a simple tool for creating web apps. They’re evolving and simplifying developer tools, making it ideal for older kids who are learning to code."} ,{title : "Codecademy", img : "https://i.pcmag.com/imagery/reviews/05XBKmNFYeHCMIn726Nohqb-3..v_1569471603.jpg", link : "https://www.codecademy.com/", content : "Learn the technical skills you need for the job you want."} ,{title : "Code HS", img : "https://codewizardshq.com/wp-content/uploads/2016/08/CodeHS_coding_website_for_kids-150x150.png", link : "https://codehs.com/", content : "Code HS is a coding website for kids that delivers a blended learning approach to high school computer science classes."} ,{title : "Pluralsight", img : "https://codewizardshq.com/wp-content/uploads/2016/08/codeschool.png", link : "https://www.pluralsight.com/codeschool", content : "Pluralsight offers one of the largest selections of coding courses online for new and aspiring developers. "} ,{title : "Codewars", img : "https://assets-global.website-files.com/62462834c60df92621c6b5be/624f2f0a99d70b93d9a65476_light-text-logo.svg", link : "https://www.codewars.com/", content : "Codewars is where developers achieve code mastery through challenge."} ,{title : "Khan Academy", img : "https://cdn.kastatic.org/images/khan-logo-dark-background-2.png", link : "https://www.khanacademy.org/", content : "You can learn anything. Expert-created content and resources for every course and level. Always free."} ,{title : "Vidcode", img : "https://codewizardshq.com/wp-content/uploads/2016/08/videcode_coding_website_for_kids-150x150.jpg", link : "https://www.vidcode.com/", content : "Vidcode is a coding website for kids that offers research-backed computer science courses focused on open-ended projects. "}]; map1.set('Coding Websites for High School Kids', webForKidinHighSchoolList); var youtubeChannelList = [{title : "Programming Knowledge", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/1-800x132.png", link : "https://www.youtube.com/user/ProgrammingKnowledge", content : "Here you will find a variety of videos aimed at new programmers. The tutorials here range from an Android tutorial for beginners to Java, Python and C++ tutorials."} , {title : "Treehouse", img : "https://miro.medium.com/max/4000/1*HxiohFw0e7CwC_Sz5a3Auw.jpeg", link : "https://www.youtube.com/user/gotreehouse", content : "This is the official YouTube home of teamtreehouse.com. Team Treehouse is a learning resource established with the mission of providing affordable education in technology. "} ,{title : "Learncode.academy", img : "https://yt3.ggpht.com/a/AATXAJwXxITlfxKmPX2h2OkLKwxzR-OoCLCxkKmf1Ugs=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/learncodeacademy", content : "At Learncode.academy, you will be walked through topics like JavaScript and jQuery in Stern’s efficient and thorough style. "} ,{title : "Derek Banas", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/4-800x132.png", link : "https://www.youtube.com/user/derekbanas", content : "Banas is the creator of the hugely popular Learn JavaScript in 30 Minutes playlist."} ,{title : "TheNewBoston", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/5-800x132.jpg", link : "https://www.youtube.com/user/thenewboston", content : "On thenewboston, you will find more than 4,200 videos that are followed by over a million subscribers. "} , {title : "Kudvenkat", img : "https://yt3.ggpht.com/a/AATXAJyG0pe9JkOOl0MMgN2oMJRr5pEDRSgToc8CEijr=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/kudvenkat", content : "Kudvenkat’s video tutorials should among your main resources if you want to learn Microsoft.NET technologies. "} ,{title : "DevTips", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/7-800x133.png", link : "https://www.youtube.com/user/DevTipsForDesigners", content : "DevTips will be of interest to you if you are a web designer who wants to improve your skills and if you need to learn more about coding CSS, HTML5 and other relevant topics."} ,{title : "CSS-Tricks", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/8-800x132.png", link : "https://www.youtube.com/user/realcsstricks", content : "The primary focus of Chris Coyier’s content has been CSS and HTML and both of those topics are covered in significant detail."} ,{title : "Mike Locke", img : "https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/468494/settings_images/rcET6yoXS0qp8H8PQVuA_mluxacademy_logo_blue.png", link : "https://www.youtube.com/user/mlwebco", content : "Mike Locke is an instructor, and designer with over 17 years of experience. He specializes in front-end development (XHTML and CSS) among other areas."} ,{title : "Adam Khoury", img : "https://i0.wp.com/ayokasystems.com/wp-content/uploads/10-800x133.jpg", link : "https://www.youtube.com/user/flashbuilding", content : "Adam Khoury is an author instructor and developer. He has over 700 videos and his subscribers number more than 120,000."} ,{title : "Edureka", img : "https://yt3.ggpht.com/a/AATXAJxogTt00S5LBF1u1HG2H-Z4cGNhdEHNuiVD0YspUg=s88-c-k-c0x00ffffff-no-rj", link : "https://www.youtube.com/user/edurekaIN", content : "For absolute beginners, edureka is one of the best YouTube channel to learn web development"} ,{title : "Traversy Media", img : "https://yt3.ggpht.com/a/AATXAJw6qBlNzbAweKz7UlC44hYLoEtdoXGmzN8IJno3mg=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/TechGuyWeb", content : "Traversy Media is a fine source of latest web tutorials on different programming languages. "} ,{title : "DesignCourse", img : "https://yt3.ggpht.com/a/AATXAJyC278MnqvWj6nYJAUT6E3tzxrZ03-CRsIbnDQIwA=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow", content : "Founded by Gary, Design Course is a well-known YouTube channel for learning latest happenings in the UI/UX world."} ,{title : "Hitesh Choudhary", img : "https://yt3.ggpht.com/a/AATXAJxSW9SqAjU_Q4ZXAXfqmGblSkFkUSOMUAnLvK5_mw=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/hiteshitube", content : "Having the knack of exploring new languages, Hitesh Choudhary brings regular videos on various programming languages, primarily of the backend."} ,{title : "Academind", img : "https://yt3.ggpht.com/a/AATXAJxb_vf1eP6r278YghZIE53tMLh13RCKU6ZSuoTt6w=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w", content : "Academind provides comprehensive video tutorials on frontend languages including Angular, Vue, React.js and others."} ,{title : "LevelUpTuts", img : "https://yt3.ggpht.com/a/AATXAJwuTmBKZD9sTE28x5qOHN_vRCPCP528iQeVqauh=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/LevelUpTuts", content : "LevelUpTuts is one of the most favorite place of developers on YouTube to learn about the trending dev topics."} ,{title : "LearnWebCode", img : "https://yt3.ggpht.com/a/AATXAJx465huC47B_RSqncFqzBB5UfFvMX6qZQpAvYYH=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/LearnWebCode", content : "If you want to learn primarily about WordPress, CSS/HTML, JavaScripting and more, search out for the LearnWebCode on YouTube."} ,{title : "Joe Parys Academy", img : "https://yt3.ggpht.com/a/AATXAJyC7OxeqbVar9ZKeN8xswjBLwz2VVVYQSUi01_A=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/channel/UC8g_o_0wHJUsp67lJA69yhg", content : "oe Parys Academy is another popular YouTube channel where you get tons of information and news about the latest happenings in the web development industry."} ,{title : "IAmTimCorey", img : "https://yt3.ggpht.com/a/AATXAJxRGfv1YCCh9tamNue4H4J1Ih_5i9hlr5cVtrGd=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/IAmTimCorey", content : "My goal is to make your life easier, specifically when it comes to learning software development."} ,{title : "The Net Ninja", img : "https://yt3.ggpht.com/a/AATXAJwx4nhIEwFU_ZFJDGNZa0omzcVUz5MfzecVtRnr=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg", content : "Black-belt your development skills. Tutorials on: Modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, HTML & CSS, Plus loads more..."} ,{title : "intellipaaat", img : "https://yt3.ggpht.com/a/AATXAJxo5sxMK5En0bXdwzW65cLoDmmGYdoWWDnwlmd0zrw=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/intellipaaat", content : "Learn about Big Data, Data Science, Artificial Intelligence and 150 other top trending technologies."} ,{title : "Caleb Curry", img : "https://yt3.ggpht.com/a/AATXAJzFJLYJgEVYb9xBZrjEkikp4J1XCMJKGZLjMeBrcA=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/CalebTheVideoMaker2", content : "Here you will find videos on C++, JavaScript, C, database design, SQL, and more!"} ,{title : "Java By Navin Reddy", img : "https://yt3.ggpht.com/a/AATXAJzEsLbnJurLNlmk57lnA1eZlCXADH7NLqMZVMV2Sg=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/c/NavinReddyJava/videos", content : "All Tutorials on Java, Scala, Android, C."} ,{title : "Programming with Mosh", img : "https://yt3.ggpht.com/a/AATXAJymy6xr9_W7GTkPW1ov2OyxzvNCOE-ff1d7VK36Cg=s100-c-k-c0xffffffff-no-rj-mo", link : "https://www.youtube.com/user/programmingwithmosh", content : "At codewithmosh.com, we give you all the resources you need to become a top professional software engineer."}]; map1.set('YouTube Channels to Learn Programming', youtubeChannelList); var machineLearningWebList = [{title : "KDnuggets", img : "https://2.bp.blogspot.com/-AFBuc5pU_OQ/WoiIIUlW-NI/AAAAAAAAABw/1_cvqI1SXIM2zEKOkA3owjtR5md82GBpgCLcBGAs/s1600/Kdnuggets-Logo.jpg", link : "https://www.kdnuggets.com/", content : "KDnuggets™ is a leading site on AI, Analytics, Big Data, Data Mining, Data Science, and Machine Learning"} , {title : "Kaggle", img : "https://www.kaggle.com/static/images/site-logo.png", link : "https://www.kaggle.com/", content : "Kaggle is said to be a one-stop shop that provides all the tools to share and collaborate on data science projects."} ,{title : "Towards Data Science", img : "https://cdn-images-1.medium.com/max/624/1*W3ebXM4V58VGsE1EflMJ7w@2x.png", link : "https://towardsdatascience.com/", content : "TDS is a reading and learning platform."} ,{title : "Analytics Vidhya", img : "https://cdn-images-1.medium.com/max/146/1*cK8jYS5H7rDYhb0vZkW4NA@2x.png", link : "https://medium.com/analytics-vidhya", content : "AV is suitable for those looking for a platform to compete in hackathons and to practice their DS skills."} ,{title : "Data Science Dojo", img : "https://static.datasciencedojo.com/wp-content/uploads/2016/07/SEO-Featured-Images_Home-01.png", link : "https://blog.datasciencedojo.com/author/raja/", content : "This website is for those looking for tutorials and articles that talk about data science, data engineering, big data analytics, AI, and machine learning."} ,{title : "Geeks for Geeks — Machine Learning", img : "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png", link : "https://www.geeksforgeeks.org/machine-learning/", content : "It’s a massive collection of articles that are well-categorized and a great place for beginners looking for free resources."} ,{title : "InsideBIGDATA", img : "https://insidebigdata.com/wp-content/themes/news-bigdata/images/inside-big-data-logo-horizontal.png", link : "https://insidebigdata.com/", content : "InsideBIGDATA is a news outlet that distills news, strategies, products, and services in the world of Big Data for data scientists"}]; map1.set('Websites for Machine Learning and Data Science', machineLearningWebList); var javaWebList = [{title : "Tutorials Point", img : "https://www.tutorialspoint.com/images/tp-logo-diamond.png", link : "https://www.tutorialspoint.com/java/", content : "RxJS, ggplot2, Python Data Persistence, Caffe2, PyBrain, Python Data Access, H2O, Colab, Theano, Flutter, KNime, Mean.js, Weka, Solidity."} ,{title : "Java T Point", img : "https://www.javatpoint.com/images/logo/jtp_logo.png", link : "https://www.javatpoint.com/java-tutorial", content : "Tutorials, Free Online Tutorials, Javatpoint provides tutorials of all technology like java tutorial, android, java frameworks, javascript, ajax ..."} ,{title : "Java 2 Novice", img : "https://www.java2novice.com/images/logo_96_1.png", link : "https://www.java2novice.com", content : "Java sample example codes, Java sample programs, Java Example Programs."} ,{title : "How to do in Java", img : "https://howtodoinjava.com/wp-content/uploads/2022/07/howtodoinjava-logo-new-e1657903724495.png", link : "https://howtodoinjava.com/", content : "Simple and easy to follow free Java tutorials on spring framework, spring boot, angular, maven, hibernate, jpa, concurrency, collections and much more."} ,{title : "Guru 99", img : "https://www.guru99.com/images/logo/logo_v1.png", link : "https://www.guru99.com/java-tutorial.html", content : "All Courses include Learn courses from a pro. Our experts are passionate teachers who share their sound knowledge and rich experience with learners."} ,{title : "Geeks For Geeks", img : "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png", link : "https://www.geeksforgeeks.org/java/", content : "A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes."} ,{title : "Codes Cracker", img : "https://codescracker.com/images/codescracker_sn.png", link : "https://codescracker.com/", content : "Learn Online Coding Java C C++ Programming HTML CSS JavaScript SQL PHP Web Python Perl Objective-C C# Tutorials."}] map1.set('Websites for Java Tutorial', javaWebList); var cWebList = [{title : "Tutorials Point", img : "https://www.tutorialspoint.com/cprogramming/images/c-mini-logo.jpg", link : "https://www.tutorialspoint.com/cprogramming/index.htm", content : "C programming is a general-purpose, procedural, imperative computer programming language developed in 1972 by Dennis M."} ,{title : "Java T Point", img : "https://www.javatpoint.com/images/logo/jtp_logo.png", link : "https://www.javatpoint.com/c-programming-language-tutorial", content : "Tutorials, Free Online Tutorials, Javatpoint provides tutorials of all technology like java tutorial, android, java frameworks, javascript, ajax ..."} ,{title : "Learn C", img : "https://www.learn-c.org/static/img/logos/learn-c.org.png", link : "https://www.learn-c.org/", content : "learn-c.org is a free interactive C tutorial for people who want to learn C, fast."} ,{title : "Programiz", img : "https://www.programiz.com/sites/all/themes/programiz/assets/pc_logo.svg", link : "https://www.programiz.com/c-programming", content : "It can be used to develop software like operating systems, databases, compilers, and so on. C programming is an excellent language to learn to program."} ,{title : "Cprogramming", img : "https://www.cprogramming.com/static/main_images/cprog.png", link : "https://www.cprogramming.com/", content : "Cprogramming.com covers both C and C++ in-depth, with both beginner-friendly tutorials, more advanced articles, and the book Jumping into C++."}]; map1.set('Websites for C Tutorial', cWebList); var phpWebList = [{title : "PHP: Hypertext Preprocessor", img : "https://www.php.net/images/logos/php-logo.svg", link : "https://www.php.net/", content : "PHP is a popular general-purpose scripting language that is especially suited to web development. Fast, flexible."} ,{title : "PHP: The Right Way", link : "https://phptherightway.com/", img : "https://i.pinimg.com/originals/78/bb/de/78bbde3ae4962d34935dfc3c2238d98b.png", content : "An easy-to-read, quick reference for PHP best practices, accepted coding standards, and links to authoritative PHP tutorials around the Web."} ,{title : "Learn PHP", img : "https://www.learn-php.org/static/img/logos/learn-php.org.png", link : "https://www.learn-php.org/", content : "learn-php.org is a free interactive PHP tutorial for people who want to learn PHP, fast."}] map1.set('Websites for PHP Tutorial', phpWebList); var cppWebList = [{title : "C Plus Plus", img : "https://image.shutterstock.com/image-photo/ryazan-russia-june-05-2018-260nw-1113548570.jpg", link : "http://www.cplusplus.com/doc/tutorial/", content : "These tutorials explain the C++ language from its basics up to the newest features introduced by C++11."} ,{title : "Learn CPP", img : "https://www.includehelp.com/articles/images/learncpp.jpg", link : "https://www.learncpp.com/", content : "LearnCpp.com is a free website devoted to teaching you how to program in C++."}] map1.set('Websites for C++ Tutorial', cppWebList); var pythonWebList = [{title : "Learn Python", img : "https://www.learnpython.org/static/img/logos/learnpython.org.png", link : "https://www.learnpython.org/", content : "learnpython.org is a free interactive Python tutorial for people who want to learn Python, fast."} ,{title : "Real Python", img : "https://cdn.realpython.com/static/real-python-logo.893c30edea53.svg", link : "https://realpython.com/", content : "Learn Python online: Python tutorials for developers of all skill levels, Python books and courses, Python news, code examples, articles, and more."} ,{title : "Python Course", img : "https://www.python-course.eu/images/image03.jpg", link : "https://www.python-course.eu/python3_course.php", content : "Python3 Tutorial. Classroom training Courses."}] map1.set('Websites for Python Tutorial', pythonWebList); var commonWebList = [{title : "Tutorials Point", img : "https://www.tutorialspoint.com/images/tp-logo-diamond.png", link : "https://www.tutorialspoint.com/index.htm", content : "RxJS, ggplot2, Python Data Persistence, Caffe2, PyBrain, Python Data Access, H2O, Colab, Theano, Flutter, KNime, Mean.js, Weka, Solidity."} ,{title : "Java T Point", img : "https://www.javatpoint.com/images/logo/jtp_logo.png", link : "https://www.javatpoint.com/", content : "Javatpoint provides tutorials and interview questions of all technology like java tutorial, android, java frameworks, javascript, ajax ..."} ,{title : "W3 Schools", img : "https://cabinetm-beta.s3.amazonaws.com/0000016a-a1b5-5247-baf2-42b6c0d79fa6.png", link : "https://www.w3schools.com/", content : "THE WORLD'S LARGEST WEB ... W3.CSS. A modern CSS framework for faster and better responsive web pages."} ,{title : "Guru 99", img : "https://www.guru99.com/images/logo/logo_v1.png", link : "https://www.guru99.com/", content : "All Courses include Learn courses from a pro."} ,{title : "Geeks For Geeks", img : "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png", link : "https://www.geeksforgeeks.org/", content : "A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes.."} ,{title : "studytonight", img : "https://www.studytonight.com/css/resource.v2/icons/studytonight/st-icon-dark.png", link : "https://www.studytonight.com", content : "Best place to learn Engineering subjects like Core Java, C++, DBMS, Data Structures etc through Hand-written simple Tutorial, Tests, Video tutorials and ..."}]; map1.set('Websites for C/C++/Java/C#/Python/PHP/Ruby Tutorial', commonWebList); var addingMoreInfo = "Adding more websites.........\n\nYou can also suggest if you know any best website or youtube channel.\n\nYou can tell me if any problem in this code so I can resolve.\n\nYou can also share this code in your feed post to reach more people.\n\nKeep Coding, Enjoy and love Coding ❤️❤️❤️.\n\n"; var webList = "✅ 1 - Top Code Competative Websites\n✅ 2 - Top Programming Websites\n✅ 3 - Top Coding Challenge Websites\n✅ 4 - Best Websites to Learn Coding\n✅ 5 - Best coding blog\n✅ 6 - Best Game Coding Sites\n✅ 7 - Coding Websites for Kids in Elementary School\n✅ 8 - Coding Websites for Kids in Middle School\n✅ 9 - Coding Websites for High School Kids\n✅ 10 - YouTube Channels to Learn Programming\n✅ 11 - Websites for Machine Learning and Data Science\n✅ 12 - Websites for Java Tutorial\n✅ 13 - Websites for C Tutorial\n✅ 14 - Websites for C++ Tutorial\n✅ 15 - Websites for PHP Tutorial\n✅ 16 - Websites for C/C++/Java/C#/Python/PHP/Ruby Tutorial\n✅ 17 - Websites for Python Tutorial"; window.onload = function(){ swal({ title : "Top Learning/Coding/Code Challenge Websites/Youtube Channel !", //width: 400, animation: true, customClass: 'animated tada', text : addingMoreInfo }) .then((value) => { swal({ // width: 400, title : "Check List", button: "Click Here", text : webList }) .then((value) => { document.querySelector("body").style.visibility = "hidden"; document.querySelector("#loader").style.visibility = "visible"; setTilte(); setData(); $('#main').append(''); document.querySelector("#loader").style.display = "none"; document.querySelector("body").style.visibility = "visible"; }) }); //setSlider(); } function setTilte() { var get_keys = map1.keys(); var i = 0; for(var ele of get_keys) { $('#main').append('

'+ ele +'

'); i++; } } function setData() { var get_entries = map1.values(); var l = 0; for(var ele of get_entries) { var i = 0; var j = 0; for(var k = 0; k < ele.length; k++) { var obj = ele[k]; var img = obj.img; var title = obj.title; var link = obj.link; var content = obj.content; if(i % devideSection === 0) { $( "

", { "class": "wrapper-flexbox content" + l + "_" + i }).appendTo( ".content" + l ); j = i; } var isyoutube = link.includes("youtube"); var name = 'Website'; if(isyoutube) name = 'Youtube Channel' $('.content' + l + '_' + j).append('

'+title+'

'+content+'

'); i++; } l++; } } function getRandomColor() { var letters = '0123456789ABCDEF'; var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } function setSlider() { $("#myCarousel").on("slide.bs.carousel", function(e) { var $e = $(e.relatedTarget); var idx = $e.index(); var itemsPerSlide = 4; var totalItems = $(".carousel-item").length; if (idx >= totalItems - (itemsPerSlide - 1)) { var it = itemsPerSlide - (totalItems - idx); for (var i = 0; i < it; i++) { // append slides to end if (e.direction == "left") { $(".carousel-item") .eq(i) .appendTo(".carousel-inner"); } else { $(".carousel-item") .eq(0) .appendTo($(this).find(".carousel-inner")); } } } }); } /*document.onreadystatechange = function() { if (document.readyState !== "complete") { document.querySelector("body").style.visibility = "hidden"; document.querySelector("#loader").style.visibility = "visible"; } else { document.querySelector("#loader").style.display = "none"; document.querySelector("body").style.visibility = "visible"; } }; */