-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathreactcard.html
118 lines (110 loc) · 5.6 KB
/
reactcard.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript/STILLLEARN</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="react.css">
<link rel="stylesheet" href="JavaScriptCard.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100; 0,30
0;0,400;0,500;0, 600;0, 700; 1,100; 1, 200; 1,300; 1,400; 1,500; 1,600; 1,700&family=Montserrat:
wght@700; 800; 900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<title>ReactJS/STILLLEARN</title>
</head>
<body>
<div class="hero">
<nav>
<h2 class="logo"><span>ReactJS/STILLLEARN</span></h2>
<ul>
<li><a href="index.html" class="animated">Home</a></li>
<li><a href="about.html" class="animated">About</a></li>
<li><a href="contact.html" class="animated">Contact</a></li>
</ul>
</nav>
</div>
<div class="content1">
<div class="embed-container" style="width: 92%; background-color: grey;;">
<iframe width="942" height="530" src="https://www.youtube.com/embed/RGKi6LSPDLU"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
<header>
<h1>ReactJS Learning Page</h1>
</header>
<main>
<section>
<h2>Introduction to ReactJS</h2>
<p>
ReactJS is an open-source JavaScript library that is used for building user interfaces in a declarative
and efficient way. It is a component-based front-end library responsible only for the view layer of an
MVC (Model View Controller) architecture. React is used to create modular user interfaces and it
promotes the development of reusable UI components that display dynamic data.
ReactJS uses a declarative paradigm which makes it possible for applications to be both effective and
flexible. It creates simple views for each state in your application and efficiently updates and renders
just the right component when your data changes. The declarative view makes your code more predictable
and easier to debug. Each component in a React application is responsible for rendering a separate,
reusable piece of HTML code. The ability to nest components within other components allows for the
building of complex applications from simple building blocks. A component may also keep track of its
internal state, for example, a TabList component may keep a variable for the open tab in memory.
</p>
</section>
<section>
<h2>Getting Started with ReactJS</h2>
<p>In this article we cover the absolute basics of ReactJS. To get you started, This page is an overview of
the React documentation and related resources. React is a JavaScript library for building user
interfaces. Learn what React is all about on <a
href="https://legacy.reactjs.org/docs/getting-started.html">this page.</a>
</p>
</section>
<section>
<h2>Resources for Learning ReactJS</h2>
<ul>
<li><a href="https://www.codecademy.com/learn/react-101/" target="_blank">Introduction to ReactJS by
Codecademy</a></li>
<li><a href="https://www.udemy.com/course/react-tutorial/" target="_blank">ReactJS Course by Udemy</a>
</li>
<li><a href="https://www.coursera.org/courses?query=react%20js" target="_blank">ReactJS by Coursera</a>
</li>
</ul>
</section>
</main>
</div>
<footer>
<div class="footer-container" style="margin-left: 350px">
<div class="footer-row">
<div class="footer-col">
<ul>
<li><a href="https://www.instagram.com/iamayushshandilya/" target="_blank">
<h1><i class="fa-brands fa-instagram fab"></i></h1>
</a></li>
</ul>
</div>
<div class="footer-col">
<ul>
<li><a href="https://github.com/ayush-Shandilya" target="_blank">
<h1><i class="fa-brands fa-github fab"></i></h1>
</a></li>
</ul>
</div>
<div class="footer-col">
<ul>
<li><a href="https://www.linkedin.com/in/ayush-shandilya-220610253/" target="_blank">
<h1><i class="fa-brands fa-linkedin fab"></i></h1>
</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>