002 Teach Jenn How to Get Started with JavaScript in Codesandbox with Jere Suikkila
Jere joins Teach Jenn to Tech to show how to get started with JavaScript in CodeSandbox.
/ jeresuikkila
Codesandbox.io allows you to code and see an instant visual of the project you're working on.
Going through each file of the CodeSandbox JavaScript template:
In styles.cs we created a button were able to change the colors
In the index.html where the HTML lives unless the JavaScript file is calling the html, but we originally deleted that, but then we recreated it on line 22 and uh, making it so that way we could have the headers and then, uh, of Jenn's favorite websites.
In the index.js we used document.getElementById(id).websites.innerhtml and instead of having it be const list, which is where we did all the fanciness of making it look pretty,
00:00:00
00:00:35 Welcome Jere! Teach Jenn how to get started with Javascript in Codesandbox
00:01:53 What is DevRel?
00:04:07 What is an SDK?
00:06:23 What is Full Stack, Frontend, and Backend Developer?
00:10:06 What are Frameworks?
00:11:35 JavaScript in CodeSandbox
00:13:14 CodeSandbox Templates
00:16:40 What are all these files? index.js style.css
00:21:30 Add button to index.html
00:22:48 Change button color in style.css
00:23:50 Anchor tag for button to go to website
00:25:19 How to read an error message
00:28:05 What language should newbies start with?
00:35:55 What can we create in an index.js file & How do we use it?
00:41:00 JavaScript Array
00:45:49 Bracket Types
00:48:45 Console Log
00:49:29 "Not assigned a value but never used" what?
00:52:30 The squigglies tell you something
00:53:29 Import HTML into index.js with getElementById(id)
01:00:40 How to list consists line by line instead of grouped together without spaces
01:01:16 MDN Web Docs
01:03:24 Index an array in JS
01:05:23 Array Map
01:05:48 String
01:06:08 Where is the comma coming from, an example of debugging
01:06:53 li tag wrapped
01:08:00 Join Array
01:10:39 MDN Map Method Array.prototype.map()