nmatei.github.io/web.html at master · nmatei/nmatei.github.io · GitHub

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Become a WEB Developer from Scratch, step by step Guide | Udemy</title>
    <meta
      name="description"
      content="If you wish to see what Web Development means and try it, what can you build with and how - you are in the right place."
    />
    <meta name="title" content="Become a WEB Developer from Scratch, step by step Guide" />
    <meta name="medium" content="mult" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="og:title" content="Become a WEB Developer from Scratch, step by step Guide" />
    <meta
      property="og:description"
      content="If you wish to see what Web Development means and try it, what can you build with and how - you are in the right place."
    />
    <meta property="og:image" content="https://img-b.udemycdn.com/course/480x270/4807874_277e_2.jpg" />
    <meta property="og:image:secure_url" content="https://img-b.udemycdn.com/course/480x270/4807874_277e_2.jpg" />
    <meta property="og:type" content="udemy_com:course" />
    <meta property="og:site_name" content="Udemy" />
    <meta property="og:locale" content="en_US" />
    <meta name="twitter:url" content="https://nmatei.github.io/web" />
    <meta
      name="twitter:description"
      content="If you wish to see what Web Development means and try it, what can you build with and how - you are in the right place."
    />
    <meta name="twitter:image" content="https://img-b.udemycdn.com/course/480x270/4807874_277e_2.jpg" />
    <meta name="twitter:site" content="@udemy" />
    <link rel="stylesheet" href="course/web.css" />

    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="https://www.udemy.com/staticx/udemy/images/v7/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="https://www.udemy.com/staticx/udemy/images/v8/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="https://www.udemy.com/staticx/udemy/images/v8/favicon-16x16.png"
    />
  </head>
  <body>
    <header>
      <div id="header-wrapper">
        <div class="top-container">
          <h1>Become a WEB Developer from Scratch, step by step Guide</h1>
          <h2>
            If you wish to see what Web Development means and try it, what can you build with and how - you are in the
            right place.
          </h2>
          <p>Created by <a href="https://nmatei.github.io/">Nicolae Matei</a> [ nmatei.github.io ]</p>
        </div>
        <div class="sidebar-container">
          <img src="https://img-c.udemycdn.com/course/750x422/4807874_277e_2.jpg" width="400" />
        </div>
      </div>
    </header>

    <section id="main">
      <div id="coupons">
        <h2>✨Latest Coupons / Discounts</h2>
        <div class="msg-container"></div>
        <p id="redirect-info">
          Redirecting to Udemy Course using <strong>best discount</strong> in&nbsp;<span class="seconds">few</span
          >&nbsp;seconds... <a class="btn btn-stop" href="#" data-stop="0">[ Stop ]</a>
        </p>
        <ul>
          <li data-expire="2026-05-15T11:31:37.794Z" class="custom-price">
            <a
              target="_blank"
              href="https://www.udemy.com/course/become-a-web-developer-from-scratch-step-by-step-guide/?referralCode=DCED6F67EFF597AA11CE&amp;couponCode=WEB2026APR"
            >
              <span class="coupon-code">WEB2026APR</span>
              <div class="coupon-info">
                <span>Valid until:</span>
                <span class="coupon-expire-date">Fri May 15 2026 </span>
              </div>
            </a>
          </li>

          <li data-expire="2026-04-12T17:19:30.665Z" class="custom-price expired">
            <a
              target="_blank"
              href="https://www.udemy.com/course/become-a-web-developer-from-scratch-step-by-step-guide/?referralCode=DCED6F67EFF597AA11CE&amp;couponCode=WEB2026MAR"
            >
              <span class="coupon-code">WEB2026MAR</span>
              <div class="coupon-info">
                <span>Valid until:</span>
                <span class="coupon-expire-date">Sun Apr 12 2026 </span>
              </div>
            </a>
          </li>

          <li data-expire="2026-03-12T17:57:00.875Z" class="custom-price expired">
            <a
              target="_blank"
              href="https://www.udemy.com/course/become-a-web-developer-from-scratch-step-by-step-guide/?referralCode=DCED6F67EFF597AA11CE&amp;couponCode=WEB2026FEB"
            >
              <span class="coupon-code">WEB2026FEB</span>
              <div class="coupon-info">
                <span>Valid until:</span>
                <span class="coupon-expire-date">Thu Mar 12 2026 </span>
              </div>
            </a>
          </li>

          <li data-expire="2026-02-08T14:28:24.328Z" class="custom-price expired">
            <a
              target="_blank"
              href="https://www.udemy.com/course/become-a-web-developer-from-scratch-step-by-step-guide/?referralCode=DCED6F67EFF597AA11CE&amp;couponCode=WEB2026IAN"
            >
              <span class="coupon-code">WEB2026IAN</span>
              <div class="coupon-info">
                <span>Valid until:</span>
                <span class="coupon-expire-date">Sun Feb 08 2026 </span>
              </div>
            </a>
          </li>
        </ul>
      </div>

      <div id="what-you-will-learn">
        <h2>What you'll learn</h2>
        <ul>
          <li>✔ Web concepts every web developer must know</li>
          <li>✔ Learn how to create your own webpages and web applications</li>
          <li>✔ Learn how to reproduce any parts of a web page</li>
          <li>✔ You can decide if you wish to become a Developer or you wish other Programming languages</li>
        </ul>
      </div>

      <div class="sections">
        <h2>Requirements</h2>
        <p>No programming experience needed. You will learn everything you know step by step.</p>
      </div>

      <div class="sections">
        <h2>Description</h2>
        <div>
          <p>
            We will learn the basic
            <strong
              ><a href="https://www.w3schools.com/html/" target="_blank">html</a> &amp;
              <a href="https://www.w3schools.com/css/" target="_blank">css</a> concepts</strong
            >
            we need to know, we will discover the most important parts of web development, and will understand
            <strong>how they work</strong>, <strong>why they behave in that way</strong>. And after that we will be
            <strong>able to reproduce any parts of a web page</strong>.
          </p>
          <p>
            I'll explain some <strong>css layouts</strong> (css layout, flexbox, grid layout), concepts so you could
            organize and create any layout or skeleton pages. Also if you wish to know better what are
            <strong>css selectors</strong> - I'll touch this topic as well.
          </p>
          <p>
            You will be building <strong>2 projects</strong>, where you will apply the knowledge we learn in the course.
          </p>
          <p>
            We will build step by step both projects and you should be able to type the code I'm typing and see the
            results.
          </p>
          <p>
            <strong>Pure <a href="https://www.w3schools.com/js/" target="_blank">JavaScript</a> is vital </strong>so we
            have to take more time to understand <strong>how</strong> JS <strong>works</strong>, what are key concepts
            in this programming language. I'll explain all JS&nbsp;concepts you have to know to be able to
            <strong>start any web project</strong> and also <strong>understand others code</strong> in the future.
            Working with data and understand and create flows in our apoplications will be a big part of this course.
          </p>
          <p>
            I'll teach you how to use
            <a href="https://code.visualstudio.com/download" target="_blank"><strong>VSCode</strong></a> as IDE Editor
            and how to save <strong>your code on <a href="https://github.com/" target="_blank">GitHub</a></strong
            >. We will use basic <strong>git commands</strong> every programmer should know.
          </p>
          <p>
            If you are a Backend developer that want to learn more about how to create your own
            <strong>web interfaces</strong>, this course could help you!
          </p>
          <p>Few JavaScript keywords that I'll touch:</p>
          <ul>
            <li><p>Array helpers, JSON, DOM, Events, callback, Promises, pure functions</p></li>
          </ul>
        </div>
      </div>

      <div>
        <h2>Who this course is for:</h2>
        <ul>
          <li>
            Take this course if you're willing to become a web developer, but not only web, as we will learn basic
            programming skills
          </li>
          <li>
            If you are not decided if you wish to go to any live courses, or even University this course could help you.
          </li>
          <li>If you are already an Java/C# and wish to learn Web, this course will help you grow.</li>
        </ul>
      </div>
    </section>
    <footer>
      <a class="item" href="https://nmatei.github.io/">nmatei.github.io</a>
      <span class="item">|</span>
      <a class="item" href="https://www.linkedin.com/in/nicolaematei" target="_blank">
        <svg
          style="vertical-align: top"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          data-supported-dps="24x24"
          fill="currentColor"
          class="mercado-match"
          width="17"
          height="17"
          focusable="false"
        >
          <path
            d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"
          ></path>
        </svg>
        <span>LinkedIn</span>
      </a>
      <span class="item">|</span>
      <a
        class="item"
        target="_blank"
        href="https://www.udemy.com/course/become-a-web-developer-from-scratch-step-by-step-guide/?referralCode=DCED6F67EFF597AA11CE"
        >Udemy Referral Code
      </a>
    </footer>
    <script src="course/web.js"></script>
  </body>
</html>