Skip to content

Commit

Permalink
Merge branch 'main' into update-lists-styling
Browse files Browse the repository at this point in the history
  • Loading branch information
VMadhuranga committed Oct 23, 2023
2 parents a3c5f7c + c0528c6 commit cdca2ee
Show file tree
Hide file tree
Showing 38 changed files with 593 additions and 551 deletions.
12 changes: 6 additions & 6 deletions foundations/html_css/css-foundations/intro-to-css.md
Original file line number Diff line number Diff line change
Expand Up @@ -380,12 +380,12 @@ If you need to add a _unique_ style for a _single_ element, this method can work

This section contains questions for you to check your understanding of this lesson on your own. If you’re having trouble answering a question, click it and review the material it links to.

- <a class="knowledge-check-link" href="#class-selectors">What is the syntax for class and ID selectors?</a>
- <a class="knowledge-check-link" href="#the-grouping-selector">How would you apply a single rule to two different selectors?</a>
- <a class="knowledge-check-link" href="#chaining-selectors">Given an element that has an id of `title` and a class of `primary`, how would you use both attributes for a single rule?</a>
- <a class="knowledge-check-link" href="#descendant-combinator-description">What does the descendant combinator do?</a>
- <a class="knowledge-check-link" href="#adding-css-to-html">What are the names of the three ways to add CSS to HTML?</a>
- <a class="knowledge-check-link" href="#external-css">What are the main differences between the three ways of adding CSS to HTML?</a>
- [What is the syntax for class and ID selectors?](#class-selectors)
- [How would you apply a single rule to two different selectors?](#the-grouping-selector)
- [Given an element that has an id of `title` and a class of `primary`, how would you use both attributes for a single rule?](#chaining-selectors)
- [What does the descendant combinator do?](#descendant-combinator-description)
- [What are the names of the three ways to add CSS to HTML?](#adding-css-to-html)
- [What are the main differences between the three ways of adding CSS to HTML?](#external-css)

### Additional resources

Expand Down
66 changes: 33 additions & 33 deletions foundations/installations/how_does_the_web_work.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,52 +6,52 @@ Before you can understand how to program the web, you need a more rigorous under

This section contains a general overview of topics that you will learn in this lesson.

* Describe what the internet is.
* Describe what packets are and how they are used to transfer data.
* Understand the differences between a web page, web server, web browser and search engine.
* Briefly explain what a client is.
* Briefly explain what a server is.
* Explain what IP addresses are.
* Explain what DNS servers are.
- Describe what the internet is.
- Describe what packets are and how they are used to transfer data.
- Understand the differences between a web page, web server, web browser and search engine.
- Briefly explain what a client is.
- Briefly explain what a server is.
- Explain what IP addresses are.
- Explain what DNS servers are.

### Assignment

<div class="lesson-content__panel" markdown="1">
1. Watch this [BBC short](https://www.youtube.com/watch?v=eHp1l73ztB8) for an overview of how the internet works.
2. Read this [article](https://developer.mozilla.org/en-US/Learn/Common_questions/How_does_the_Internet_work) from Mozilla on "How does the Internet work?".
3. Watch [How the Internet Works in 5 Minutes](https://youtu.be/7_LPdttKXPc?t=46s).
4. Read up on the [differences](https://developer.mozilla.org/en-US/Learn/Common_questions/Pages_sites_servers_and_search_engines) between a web page, a web server, and a search engine.
5. Watch this [Google short](https://youtu.be/BrXPcaRlBqo) explaining what a web browser is. Then, find out what web browser you are using right [now](https://www.whatsmybrowser.org/).
6. Read about how one part of the web [interacts with another](https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/How_the_Web_works#Clients_and_servers) and [read about](https://developer.mozilla.org/en-US/Learn/Common_questions/What_is_a_domain_name#How_does_a_DNS_request_work) or [watch](https://www.youtube.com/watch?v=72snZctFFtA&feature=youtu.be&t=45s) a DNS request in action.
1. Read this [article](https://developer.mozilla.org/en-US/Learn/Common_questions/How_does_the_Internet_work) from Mozilla on "How does the Internet work?".
1. Watch [How the Internet Works in 5 Minutes](https://youtu.be/7_LPdttKXPc?t=46s).
1. Read up on the [differences](https://developer.mozilla.org/en-US/Learn/Common_questions/Pages_sites_servers_and_search_engines) between a web page, a web server, and a search engine.
1. Watch this [Google short](https://youtu.be/BrXPcaRlBqo) explaining what a web browser is. Then, find out what web browser you are using right [now](https://www.whatsmybrowser.org/).
1. Read about how one part of the web [interacts with another](https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/How_the_Web_works#Clients_and_servers) and [read about](https://developer.mozilla.org/en-US/Learn/Common_questions/What_is_a_domain_name#How_does_a_DNS_request_work) or [watch](https://www.youtube.com/watch?v=72snZctFFtA&feature=youtu.be&t=45s) a DNS request in action.
</div>

### Knowledge check

This section contains questions for you to check your understanding of this lesson on your own. If you’re having trouble answering a question, click it and review the material it links to.

* [What is a web server?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
* [What is a network?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
* [What is the internet?](https://www.youtube.com/watch?v=7_LPdttKXPc&t=46s)
* [What is an IP address?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
* [What is a router?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
* [What is an ISP?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
* [What are packets and how are they used to transfer data?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#packets_explained)
* [What is a client?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#clients_and_servers)
* [What is a server?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#clients_and_servers)
* [What is a web page?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
* [What is a web browser?](https://www.youtube.com/watch?v=BrXPcaRlBqo&feature=youtu.be)
* [What is a search engine?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
* [What is a DNS request?](https://www.youtube.com/watch?v=72snZctFFtA&t=45s)
* [Which browser are you currently using?](https://www.whatsmybrowser.org/)
* [In your own words, describe the process that takes place when you initiate a search on google.com in terms of what we discussed on this section.](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
- [What is a web server?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
- [What is a network?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
- [What is the internet?](https://www.youtube.com/watch?v=7_LPdttKXPc&t=46s)
- [What is an IP address?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
- [What is a router?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
- [What is an ISP?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
- [What are packets and how are they used to transfer data?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#packets_explained)
- [What is a client?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#clients_and_servers)
- [What is a server?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#clients_and_servers)
- [What is a web page?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
- [What is a web browser?](https://www.youtube.com/watch?v=BrXPcaRlBqo&feature=youtu.be)
- [What is a search engine?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
- [What is a DNS request?](https://www.youtube.com/watch?v=72snZctFFtA&t=45s)
- [Which browser are you currently using?](https://www.whatsmybrowser.org/)
- [In your own words, describe the process that takes place when you initiate a search on google.com in terms of what we discussed on this section.](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)

### Additional resources

This section contains helpful links to other content. It isn't required, so consider it supplemental.

* Listen to [Part 1](https://twit.tv/shows/security-now/episodes/25?autostart=false) (starts around 8:30) and [Part 2](https://twit.tv/shows/security-now/episodes/26?autostart=false) of Security Now Podcast's *How the web works* series.
* Watch [A packet's journey](https://www.youtube.com/watch?v=ewrBalT_eBM&feature).
* Consider buying the book [Tubes: Behind the Scenes at the Internet](https://www.amazon.co.uk/dp/B007TB5SKA/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1).
* If you're in for a bit more reading, you can check out the [Introduction to HTTP](https://launchschool.com/books/http) online book at LaunchSchool. This book also touches on some topics covered later in the curriculum, such as developer tools and security. Additionally, you can learn about HTTP tools, which you may find helpful in the future.
* Explore how fiber optics uses light to transmit data over long distances, and with integrated photonics, expands our virtual world beyond the internet. [The hidden network that makes the internet possible](https://youtu.be/er3v4PVNQqE).
* Some advice on reading: We recommend that you only review the immediate links posted in our curriculum. You can always go deeper on any subject if you wish, but be careful not to overload yourself on information!
- Listen to [Part 1](https://twit.tv/shows/security-now/episodes/25?autostart=false) (starts around 8:30) and [Part 2](https://twit.tv/shows/security-now/episodes/26?autostart=false) of Security Now Podcast's *How the web works* series.
- Watch [A packet's journey](https://www.youtube.com/watch?v=ewrBalT_eBM&feature).
- Consider buying the book [Tubes: Behind the Scenes at the Internet](https://www.amazon.co.uk/dp/B007TB5SKA/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1).
- If you're in for a bit more reading, you can check out the [Introduction to HTTP](https://launchschool.com/books/http) online book at LaunchSchool. This book also touches on some topics covered later in the curriculum, such as developer tools and security. Additionally, you can learn about HTTP tools, which you may find helpful in the future.
- Explore how fiber optics uses light to transmit data over long distances, and with integrated photonics, expands our virtual world beyond the internet. [The hidden network that makes the internet possible](https://youtu.be/er3v4PVNQqE).
- Some advice on reading: We recommend that you only review the immediate links posted in our curriculum. You can always go deeper on any subject if you wish, but be careful not to overload yourself on information!
Loading

0 comments on commit cdca2ee

Please sign in to comment.