html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@7.12.15/dist/sweetalert2.min.css'>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<div id="loader" class="center"></div>
<main id = "main">
</main>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans");
@import url("https://fonts.googleapis.com/css?family=Oswald");
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html,
body {
margin: 0;
}
body {
/* background: #a6192d url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/747/pattern.png) ;*/
scroll-behavior: smooth;
background-size: 300px;
color: #fff;
text-align: center;
display: -webkit-box;
display: flex;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//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."}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run