-
Notifications
You must be signed in to change notification settings - Fork 1
/
javascript.html
executable file
·182 lines (181 loc) · 11.9 KB
/
javascript.html
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="manifest" href="/site.webmanifest">
<title>DevDum!</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<div id="header">
<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"></svg>
</div>
</div>
<div id="mobileMenuToggle" title="Menu">Menu</div>
<div id="headerLeft">
<a href="/"><img alt="Home" title="Home" id="menuToggle" src="DevDum copy (1).png" width="190px"/></a>
</div>
<div id="headerRight">
<nav>
<ul>
<li><a id="github"rel="nofollow" href="https://github.com/" target="_blank">GitHub</a></li>
<li><a id="dailydev" rel="nofollow" href="https://app.daily.dev/" target="_blank">DailyDev</a></li>
<li><a id="w3" rel="nofollow" href="https://www.w3schools.com/" target="_blank">W3Schools</a></li>
<li><a id="mdn" rel="nofollow" href="https://developer.mozilla.org/en-US/" target="_blank">MDN WebDocs</a></li>
<li><a id="stack" rel="nofollow" href="https://stackoverflow.com/" target="_blank">StackOverflow</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="wrapall">
<div id="sidebar">
<div id="stickThis">
<div id="sidebarContent">
<!-- <div id="logo"><imd </h1>
<h4>Less Searching. More Learning.</h4> -->
<aside>
<div><a id="color1" href="html.html"><img alt="HTML" title="HTML" src="icons/output-onlineimagetools-html.png"/></a></div>
<div><a id="color2" href="style.html"><img alt="CSS" title="CSS" src="icons/output-onlineimagetools-css.png"/></a></div>
<div><a id="color3" href="javascript.html"><img alt="JavaScript" title="Javascript" src="icons/output-onlineimagetools-js.png" width="53px"/></a></div>
<div><a id="color4" href="bootstrap.html"><img alt="Bootstrap" title="Bootstrap" src="icons/output-onlineimagetools-bootstrap.png"/></a></div>
<div><a id="color5" href="react.html"><img alt="React" title="React" src="icons/output-onlineimagetools-react.png"/></a></div>
<div><a id="color6" href="nodejs.html"><img alt="Node" title="Node" src="icons/output-onlineimagetools-nodejs.png" width="50px"/></a></div>
<div><a id="color7" href="api.html"><img alt="API" title="API" src="icons/output-onlineimagetools-api.png"/></a></div>
<div><a id="color8" href="mysql.html"><img alt="SQL" title="SQL" src="icons/output-onlineimagetools-sql.png"/></a></div>
<div><a id="color9" href="github.html"><img alt="GitHub" title="GitHub" src="icons/output-onlineimagetools-github.png"/></a></div>
<div><a id="color10" href="youtube.html"><img alt="YouTube" title="YouTube" src="icons/output-onlineimagetools-youtube.png"/></a></div>
<div><a id="color11" href="more.html"><img alt="More" title="More" src="icons/output-onlineimagetools-more.png" width="48px"/></a></div>
<a class="back2Top" href="#"><code>⮝ Back to Top ⮝</code></a>
</aside>
</div>
</div>
<div id="stick-here"></div>
</div>
<div id="main">
<section id="page">
<main>
<article id="yellow">
<h1 class="display-2">Javascript<span class="vim-caret"><img alt="javascript" title="javascript" src="icons/output-onlineimagetools-js.png" width="68px"/></span></h1>
<h4><strong>JavaScript is one of the 3 languages all web developers must learn. It's the world's most popular programming language. JavaScript is free to use for everyone. </strong></h4>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for resources..." title="Type in a name">
</article>
<ul id="myUL">
<article>
<h2><a href="https://html-css-js.com/js/" target="_blank">Javascript Tools & Resources</a></h2>
<p>Improve your front end developing efficiency with our free online JavaScript and jQuery tool collection. Use the JS beautifier, the cheat sheets or read the latest news in our blog.</p>
</article>
<article>
<h2><a href="https://www.w3schools.com/js/default.asp target="_blank">W3SCHOOLS | Javascript</a></h2>
<p>Javascript reference contains examples for all properties, methods and events, and is continuously updated according to the latest web standards.</p>
</article>
<article>
<h2><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript" target="_blank">MDN | Javascript Reference</a></h2>
<p>An excellent resource for aspiring web developers — Learn JavaScript in an interactive environment, with short lessons and interactive tests, guided by automated assessment.</p>
</article>
<article>
<h2><a href="https://devdocs.io/javascript/" target="_blank">DevDocs | Javascript</a></h2>
<p>A This part of the JavaScript section on MDN serves as a repository of facts about the JavaScript language. Javascript JavaScript standard built-in objects, along with their methods and properties.</p>
</article>
<article>
<h2><a href="https://www.htmlgoodies.com/javascript/" target="_blank">HTML Goodies | Javascript Tutorials</a></h2>
<p>TMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS.</p>
</article>
<article>
<h2><a href="https://www.30secondsofcode.org/js/p/1" target="_blank">30 Seconds of Code | JS Snippets </a></h2>
<p>The JavaScript snippet collection contains a wide variety of ES6 helper functions. It includes helpers for dealing with primitives, arrays and objects, as well as algorithms, DOM manipulation functions and Node.js utilities.</p>
</article>
<article>
<h2><a href="https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-introduction/cheatsheet" target="_blank">Free Code Camp | Javascript Cheatsheets</a></h2>
<p>Topics: Functions, Arrays, Scope, Loops, Iterators, Objects</p>
</article>
<article>
<h2><a href="https://javascript.info/" target="_blank">JavaScript.info | The Modern JavaScript Tutorial</a></h2>
<p>How it's done now. From the basics to advanced topics with simple, but detailed explanations. Here we learn JavaScript,
starting from scratch and go on to advanced concepts like OOP.</p>
</article>
<article>
<h2><a href="https://coderwall.com/t/javascript/popular" target="_blank">Coderwall | Javascript Tips</a></h2>
<p>The latest development and design tips, tools, and projects from our developer community.</p>
</article>
<article>
<h2><a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/" target="_blank">JavaScript Algorithms & Data Structures</a></h2>
<p>You'll learn fundamental programming concepts in JavaScript. You'll start with basic data structures like numbers and strings. Then you'll learn to work with arrays, objects, functions, loops, if/else statements, and more.</p>
</article>
<article>
<h2><a href="https://www.w3docs.com/learn-javascript.html" target="_blank">W3Docs | Javascript Snippets</a></h2>
<p>How-to articles, tricks, and solutions about Javascript...</p>
</article>
<article>
<h2><a href="https://owlypixel.com/javascript-framework-benefits/" target="_blank">Benefits of Using JavaScript</a></h2>
<p>In this article, we'll discuss what is a front-end framework and when it makes sense to use it.</p>
</article>
<article>
<h2><a href="https://devdocs.io/javascript/" target="_blank">DevDocs | Javascript</a></h2>
<p>This part of the JavaScript section on MDN serves as a repository of facts about the JavaScript language</p>
</article>
<article>
<h2><a href="https://overapi.com/javascript" target="_blank">OverAPI | Javascript Cheatsheet</a></h2>
<p>Javascript Reference, Tools, and Cheatsheet. This is the whole code of OverAPI, you can fork it and use it like Github Pages locally.</p>
</article>
<article>
<h2><a href="https://mbeaudru.github.io/modern-js-cheatsheet/" target="_blank">Modern Javascript Cheatsheet</a></h2>
<p>This document is a cheatsheet for JavaScript you will frequently encounter in modern projects and most contemporary sample code.</p>
</article>
<article>
<h2><a href="https://www.tutorialsteacher.com/javascript" target="_blank">TutorialsTeacher | Array Methods Reference & More</a></h2>
<p>These tutorials will help you learn JavaScript step by step starting from the basics to an advanced level. Each tutorial includes practical examples. You can edit and see the result real time with Code Editor. </p>
</article>
<article>
<h2><a href="https://thesmartcoder.dev/9-awesome-projects-you-can-build-with-vanilla-javascript/" target="_blank">40+ Javascript Projects for your portfolio</a></h2>
<p>Build these awesome javascript projects with vanilla js for your portfolio, to try out new skills or increase your job chances. Practice JavaScript - Get Hired!</p>
</article>
<article>
<h2><a href="https://jquery.com/" target="_blank">jQuery| API Documentation</a></h2>
<p>jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation,
and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.</p>
</article>
</ul>
</main>
<footer>
<p>2022©DevDum! Code Smarter. Not Harder. <a rel="nofollow" href="https://github.com/rdevans87/DevDum" target="_blank" rel="nofollow">Hosted on GitHub!</a></p>
<a href="https://www.buymeacoffee.com/ryanevans" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 42px !important;width: 180px !important;"></a>
<a href="https://www.producthunt.com/posts/devdum-code-smarter-not-harder?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-devdum-code-smarter-not-harder" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=343032&theme=light"
alt="DevDum! Code Smarter. Not Harder. - 200+ Resources for web developers. It's a no brainer! | Product Hunt" style="width: 200px; height: 43px;" width="250" height="54" /></a>
</footer>
</section>
</div>
</div>
<script>
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
article = ul.getElementsByTagName("article");
for (i = 0; i < article.length; i++) {
a = article[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
article[i].style.display = "";
} else {
article[i].style.display = "none";
}
}
}
</script>
</body>
</html>