Week 01 of Learning Full Stake Web Development
Assalamu Alaikum Everyone.
Hope you all are well.
This is Week 01 of Learning Full Stake Web Development.
If you are also learn Full Stake Web Development Let us Collaborate.
Here is my LinkedIn : https://www.linkedin.com/in/r3dw4n-48m3d/
Now let’s move on to the main thing “My Learning Process” so that if you also want to learn Full Stake Web Development You can follow my learning process or may be learn from my mistake.
First I install a code editor. I used VS Code.
Now the question is We need a Code Editor. Why??
Because if we want to edit Images we need a image editor (Adobe Photoshop). If we want to edit videos we need a video editor (Adobe Premiere or CapCut). So if we want to edit Web Page or in this case We want to create Website or Web Page so We Need Code Editor.
There are a ton of Code Editor. Here are some most useful code editor.
VS Code : https://code.visualstudio.com/
Notepad++ : https://notepad-plus-plus.org/downloads/
Sublime Text : https://www.sublimetext.com/
Atom : https://atom-editor.cc/
Vim : https://www.vim.org/
My personal Recommendation is VS Code. Because it’s free and it have some crazy extension.
After Installing VS Code I am install some extension for good coding experience.
- Prettier — Code formatter
- Live Server
This is all we need for now.
After completing setup I start learning who the website work. Let me tell you a summary of it.
A website’s frontend part run based on HTML (Hyper Text Markup language) which create the structure, CSS (Cascading Style Sheets) which add styles, and JavaScript which create dynamic functionality.
So first I start learning HTML.
First I learn what Boilerplate Code is in HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>I learn Heading tag, Paragraph Tag, Lists in HTML, Attributes in HTML, Image Tag, and some more tag. I learn about Comment.
<!-- Comment -->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<p></p>
<img src=# alt="">
<ul>
<li></li>
</ul>
<div></div>
<a href=#></a>
<sub></sub>
<sup></sup>
<span></span>I learn about Inline VS Block tags, I learn about Semantic Markup and Semantic Tags.
After that I learn about HTML Tables. In table, I learn column, rows and calspan and rowspan. I learn forms, I learn input tag and many Input types, I learn button and much more.
<table border=1px>
<th>Table Head</th>
<tr>
<td>Table data</td>
</tr>
<table>
<form action=#>
<input type="text" placeholder="Enter your name" />
</form>This is my week one of learning Full Stake Web Development. I complete the necessary and most important things in HTML.
For next week follow me on Medium and LinkedIn.
Thanks for reading.
If you have any advice fill free to comment or message me on LinkedIn.
Here is my LinkedIn : https://www.linkedin.com/in/r3dw4n-48m3d/
If you are also learn Web Development Let us Collaborate.
