- [Instructor] Before we start messing around with code and stuff, I think it's really important that we spend a little time looking at the browser developer tools. Internet Explorer, Edge, Chrome, Firefox, Brave, you get to the developer tools in the same way in all of them on a Windows machine, pressing F12. You can also find the tools in the various settings menus. I'm in Firefox right now so I'll click the hamburger menu in the top right. Did you know that that's the official name? Yeah, hamburger.
Let me show you what I mean. We've got the developer tools open for the page. So I'll click the pointer icon here on the far left, and now as I float over elements on the page, they're identified. And if I click on one, you'll see that the code in the window below goes directly to that spot. Sometimes this can be a little tricky. If you don't wind up on a recognizable event, you may need to scroll up or down to find the thing you're wanting to work with.
- Name the term for a collection of .js files.
- Identify the key that opens developer tools in Windows.
- Recall the name for the software connectors that allow different applications to talk to each other.
- Determine which tool provides developers with an easier way of styling web parts.
- List two common IDEs.