Udemy Web Developer Bootcamp Section 1
Course Orientation
- DO ALL THE EXERCISES!
- Don't Just Copy
- Take your time!
- Don't panic
- Take breaks!
What I will learn
HTML
CSS
JavaScript ... etc
Udemy Web Developer Bootcamp Section 2
The Internet
Essentially, the Internet's just a bunch of connected devices and those devices are all sorts of things theses days, desktop machines, laptops, tablets, mobile devices.
The internet uses something called routing, where there are physical devices. There are other machines who have the job of connecting my information or my data to somebody else.
So to summarize, the Internet is a global network of networks, just tons and tons of different devices that are able to communicate in the Internet's really the infrastructure that makes it all possible.
The fact that the Internet is a bunch of connected computers and it's what enables us to share website and make the web work, which is we care about.
The Web
The World Wide Web, commonly known as the Web, is an information system where we're able to share documents and resources over the Internet. And those resources, those documents are identified by URLs, Uniform Resource Locaters.
The way that the information is transferred in the way that the Web works is there's this protocol, this thing called HTTP, Hyper Text Transfer Protocol. This is the foundation of how the World Wide Web works, how we communicate and how we request and share resources or web pages.
The Request/Response Cycle
We asked for a Web page via an HTTP request. Even if we don't consciously make that request, our browser an HTTP request for us. A server then has the task of responding with an active response.
Front-End and Back-end
When I send the request, a request to send off, it hits servers. A page has to be constructed first. There's a lot of logic that goes into figuring out.
All of that code that's all happening on servers before it even sends anything back to me. This is Back-End.
Front-End development focuses on CSS, HTML, JavaScript, the stuff that runs in the browser and back in development focuses on the stuff that runs on a server, not in the browser.
HTML/CSS/JS
- HTML: act as "nouns"
HTML on a web page describes the what the things on the page. - CSS: act as "adjectives"
CSS helps us describe HTML elements, things on the page. CSS describes that structure and how it should look. - JavaScript: act as "verbs"
JS is the action, the things that it's doing, the verbs JS in one will focus on.
Setting up our Developer Environment
- Chrome
- VS Code
- Spectacle App (only on Mac)
