-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreviews.html
98 lines (82 loc) · 9 KB
/
reviews.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Newspaper - Reviews</title>
<!-- Website Stylesheets -->
<link href="styles/style.css" type="text/css" rel="stylesheet">
<link href="styles/fonts.css" type="text/css" rel="stylesheet">
<!-- Font Awesome (https://fontawesome.com/) -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body id="top" class="flex">
<!-- Site Header -->
<header class="site-header">
<a class="menu-button" href="index-nav.html"><i class="fas fa-bars"></i></a>
<a class="logo" href="index.html"><img src="images/logo.png" alt="Newspaper Logo"></a>
<div class="search-box">
<i class="fas fa-search"><input type="search" value="Search"></i>
</div>
<a class="search-button" href="index-search.html"><i class="fas fa-search"></i></a>
</header>
<!-- Site Navigation -->
<nav class="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="current-page" href="reviews.html">Reviews</a></li>
<li><a href="glossary.html">Glossary</a></li>
<li><a href="jobs.html">Jobs</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
</ul>
</nav>
<!-- Site Main -->
<main class="site-main">
<article class="article">
<h1 class="article-h1">MDN Web Docs: A Web Developer's Gold Mine</h1>
<p class="article-info">Author: <a href="#about-author">Alexander Turner</a> | Published: <time datetime="2018-01-01T13:00:00">1st January 2019 at 13:00</time></p>
<figure class="image article-feature-image">
<img src="images/articles/mdnwebdocs.jpg" alt="MDN Web Docs Home Page">
<figcaption>The Home Page for MDN Web Docs.</figcaption>
</figure>
<h3 class="paragraph-h3">What is MDN Web Docs?</h3>
<p class="article-paragraph">MDN Web Docs, formerly known as the Mozilla Developer Network, is a popular web development resource that is provided by Mozilla, who are the creators of the web browser Mozilla Firefox. Through MDN Web Docs, Mozilla provides both existing Web Developers and people that are interested in diving into the world of Web Development with a vast wealth of information relating to the languages that are most commonly used when creating a website, such as <a href="glossary.html#html">HyperText Markup Language (HTML)</a>, <a href="glossary.html#css">Cascading Style Sheets (CSS)</a> and <a href="glossary.html#javascript">JavaScript</a>.</p>
<p class="article-paragraph">Upon first visiting the MDN Web Docs website, users are greeted with a short message stating that the resources on MDN Web Docs are “Resources for developers, by developers.”, alongside being given the ability to search the MDN Web Docs website for any term relating to Web Development that they can think of. Alongside the ability to search for a specific term, three links are also provided, which are “Web Technologies”, “Learn web development” and “Developer Tools” respectively. Each of these three links points web developers and those starting out with learning web development to information that they may find useful. </p>
<p class="article-paragraph">For instance, under “Web Technologies”, users are brought to a page linking to multiple different resources relating to the underlying technologies that power the <a href="glossary.html#www">World Wide Web (WWW)</a>. If a user wanted to find out more about HTML, JavaScript or even HTTP, this is where they might turn to.</p>
<p class="article-paragraph">Under “Learn web development”, Mozilla instead provide several links to articles that are structured in a similar way to mini courses, mostly with the intention of taking users with no knowledge of web development to a level where they at least understand the very basics of web development.</p>
<p class="article-paragraph">Under “Developer Tools”, Mozilla provide information on how to access the Developer Tools included with their Firefox browser, with some examples the Page Inspector, JavaScript Debugger and Responsive Design Mode. Whilst this information is mainly centered around Firefox, this information should also apply to other Web Browsers such as Microsoft Edge and Google Chrome.</p>
<h3 class="paragraph-h3">How useful is it as a learning resource?</h3>
<p class="article-paragraph">In regard to the usefulness of MDN Web Docs as a learning resource for new web developers, I can confidently say that MDN Web Docs would be a good starting point for anyone that is just starting out on their Web Development journey. With the structured courses that are provided, in addition to the ability to look up the definition of anything relating to either HTML, CSS or JavaScript, learners can use this information to further their understand of the technologies and practices involved in the world of Web Development.</p>
<p class="article-paragraph">For instance, if someone is unsure about what the meaning of the <section> element is, they would be able to easily find a definition of it, and examples of how that specific element is used in normal HTML markup.</p>
<p class="article-paragraph">Depending on how some people prefer to learn, however, learning solely from a website such as MDN Web Docs may turn out to be daunting. If this happens to be the case, MDN Web Docs can still be used as a supplement to learning core web technologies from resources such as <a href="https://www.codecademy.com/">Codecademy</a> or <a href="https://www.lynda.com/">Lynda.com</a>, both of which take a more visual and/or interactive approach to learning.</p>
<h3 class="paragraph-h3">Conclusion</h3>
<p class="article-paragraph">After looking over the MDN Web Docs website, I can say that it is a useful resource for both existing web developers and new web developers alike. Not only does MDN Web Docs contain a vast wealth of information from which people new to web development can learn from, and from which existing web developers can use to further their understanding, but it also contains information that is regularly kept up-to-date, when compared to a website such as <a href="https://www.w3schools.com/">W3Schools</a>. Since the information on MDN Web Docs is provided by Mozilla, users can also be assured that the information provided is accurate, due to it being provided by a company that has experience in the world of web development.</p>
<div id="about-author" class="about-author">
<h4 class="author-heading">About The Author</h4>
<article>
<img class="author-image" src="images/authors/alexanderturner.jpg" alt="Author Image">
<h4 class="author-name">Alexander Turner</h4>
<p class="author-description">Hello! I am Alexander, I am 20 years old and I am currently a first year BSc Computing student at the University of Northampton. Whilst I am still unsure on where I would like to be once I finished this three year course, I have recently taken up a slight interest in Web Development during the development of this very website. Having touched on HTML and CSS in the past, I found it quite enjoyable to design and develop a functional website.</p>
</article>
</div>
</article>
</main>
<!-- Site Footer -->
<footer class="site-footer">
<p>Copyright © 2018 <a class="name" href="https://darkmetal485.github.io/" target="_blank">Alexander Turner</a></p>
<ul class="social-icons">
<li><a href="https://github.com/UoN-Computing/Turner_18416709" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="https://www.linkedin.com/in/alexander-turner-aa8883156/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a href="https://twitter.com/DarkMetal485" target="_blank"><i class="fab fa-twitter"></i></a></li>
</ul>
<p>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="https://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
</p>
<a class="back-to-top" href="#top"><i class="fas fa-arrow-circle-up"></i> Back To Top</a>
</footer>
</body>
</html>