-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresources.html
143 lines (134 loc) · 6.83 KB
/
resources.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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Resources Used</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="laptopWave.png" rel="icon" type="image/png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div style="text-align: center;">
<h2>Resources*under constuction</h2>
<br>
<h4>To get where I am today, I used many programs. If you want to start coding look at these websites to become as good as me. Im kidding but check them out</h4>
<br>
<div style="text-align: left;">
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
</div>
</div>
<br>
<div class="container-fluid mt-3">
<table class="table table-striped">
<thead>
<th width="25%">Name</th>
<th width="25%">Description</th>
</thead>
<tbody>
<tr><!--Row 1 about W3Schools-->
<td><a href="https://www.w3schools.com/" class="nav-link active">W3Schools
<br>
<img src="Mid-Year Portfolio Resource Media/W3Schools_logo.svg.png" alt="W3Schools Logo"></a>
</td>
<td>We create simplified and interactive learning experiences.Learning web development should be easy to understand and available for everyone, everywhere! W3Schools is a school for web developers, covering all the aspects of web development
</td>
</tr>
<br>
<tr>
<td><a href="https://projectstem.org/">Project Stem
<br>
<img src="Mid-Year Portfolio Resource Media/project stem logo transp2.png" alt="Project Stem Logo"></a>
</td>
<td>Project STEM is a teaching approach that primarily relies on project-based learning, where students gain understanding of concepts and can connect several subjects to get the necessary results. Increasing pupils' motivation to learn since it is autonomous and founded on problem-solving and creative thinking.
</td>
</tr>
<br>
<tr>
<td>Code Skulptor
<br>
<img src="Mid-Year Portfolio Resource Media/codeSkulptor.jpeg" alt="Code Skulptor Logo">
</td>
<td>Python code can be executed in a web browser with CodeSkulptor, an interactive web-based Python programming environment. Rice University computer science professor Scott Rixner created the application. Its advantages include clear error warnings that are useful for debugging code, the ability to easily store, update, and share code online with other users, and the ability to visualize program performance.
</td>
</tr>
<br>
<tr>
<td>Python Tutor
<br>
<img src="Mid-Year Portfolio Resource Media/python tutorlogo.png" alt="Python Tutor Logo">
</td>
<td>Python Tutor helps you do programming homework assignments in Python, Java, C, C++, and JavaScript. It contains a unique step-by-step visual debugger and AI tutor to help you understand and debug code.
</td>
</tr>
<br>
<tr>
<td>GitHub
<br>
<img src="Mid-Year Portfolio Resource Media/github Logo.png" alt="Github Logo">
</td>
<td>GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
</td>
</tr>
<br>
<tr>
<td>Replit
<br>
<img src="Mid-Year Portfolio Resource Media/replit.jpeg" alt="Replit Logo">
</td>
<td>
Replit provides a large range of tools and features necessary for software development. It serves as an IDE, a code collaboration platform, a cloud provider, a developer community, and so much more.
</td>
</tr>
<br>
<tr>
<td>Create Mouse
<br>
<img src="Mid-Year Portfolio Resource Media/mouse_logo-1024x695.gif" alt="Create Mouse Logo">
</td>
<td>Mouse Create is our online learning platform designed for young people to build the skills they need to apply design and technology creatively to the world around them.Their projects and courses help educators build an environment for learners to explore, deepen, and practice creative and technical identities over time.
</td>
</tr>
<br>
<tr>
<td>EarSketch
<br>
<img src="Mid-Year Portfolio Resource Media/earsketchlogo.png" alt="EarSketch Logo">
</td>
<td>Through the website EarSketch, students can mix and create music using programming (Python or JavaScript) and musical recordings. To compose creative music, students can use the pre-installed collection of sounds, instruments, and samples or add their own.
</td>
</tr>
<br>
<tr>
<td>Everfi
<br>
<img src="Mid-Year Portfolio Resource Media/everfi-logo-vector.png" alt="Everfi Logo">
</td>
<td>That is precisely what EVERFI's dynamic, practical, and scientifically supported online education program is intended to do. We guarantee that your students are prepared for success in the twenty-first century by bridging the gap between education and the real world.
</td>
</tr>
</table>
</tbody>
</div>
<!--Java that controled the overlay nav-->
<script>
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
</script>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="index.html" class="nav-link active">Home</a>
<a href="AboutMe.html">About Me</a>
<a href="Assignments.html">Assignments</a>
<a href="Projects.html">Projects</a>
<a href="resources.html">Resources</a>
<a href="Vocabulary.html">Vocabulary</a>
</div>
</div>
</body>
</html>