My Second Week at Jadu Learning MERN-stack Development
In my first week, I learn about web technologies and a lot of exciting applications such as discord, Github, and more. You can see that from here.
Now I am sharing about my second week at Jadu. What did I learn in my second week? What exciting new things and concepts I understand.
So basically at jadu, we take 2 technical classes and 1 soft skill class per week. In our technical classes, we learn about MERN-Stack development and in our soft skill class, we work in that area which helps us to enhance our personality.
As we are learning from very scratch so in this week we have completed our HyperText Markup Language (HTML) lessons. We learned the basics of HTML and how it works. How we will use standard HTML tags to increase Search Engine Optimization (SEO) and which tag we will use for which situation.
In the first technical class, we studied the HTML essentials and created a simple page with HTML. We learned about creating Heading tags and there are 6 kinds of heading tags. We also learned about paragraphs, lists, anchor tags, images, and comments. In HTML you have to close every tag after opening it but there are some tags that don’t have their closing tag and you don’t have to close those tags. You can see the HTML tags and their details below.
Heading tags in HTML:
- <h1>Heading 1 </h1>
- <h2>Heading 2 </h2>
- <h3>Heading 3 </h3>
- <h4>Heading 4 </h4>
- <h5>Heading 5 </h5>
- <h6>Heading 6 </h6>
Paragraph tag:
We can use paragraph tags like this.
<p> This is a paragraph </p>.
This tag is as simple as this. You just wrap your paragraphs between <p> and </p> tags and that's it.
Lists:
In lists, we have 2 types. One type is the ordered list and the second type is the unordered list. We used an ordered list when we have a scenario in which the 1st item will come definitely before the 2nd item. For example, we want to make a recipe so we use ingredients in order and there we can use an ordered list. While in the unordered list we don’t need to write in a flow.
Ordered list example:
<ol>
<li> item 1</li>
<li> item 2</li>
</ol>
OutPut:
1. item 1
2. item 2
Unordered list example:
<ul>
<li> item 1</li>
<li> item 2</li>
</ul>
OutPut:
- item 1
- item 2
Anchor tags:
Anchor tags are used to make a link. We can wrap text, images, and many more tags between Anchor tags to make them a link.
<a href=’your link’>link </a>
Image tags:
We can also use images in HTML. Here is an example of using images on a web page.
<img src=”picture.jpg” alt=” Any text here if an image does not upload”>
Comments:
Comments are anything that we write for our own ease. Lines written in comments don’t compile by compilers. An example of a comment is,
<! — This is a comment →
In our soft skill class this week we learn about Personal Branding. Personal Branding is the unique combination of skills and experiences that make you who you are. Effective personal branding will differentiate you from the competition and allow you to build trust with prospective clients and employers. Personal Branding helps you outstanding from the crowd.
In our second technical class, we learned intermediate HTML. We learned about the following:
- Divs
- Spans
- buttons
- input fields (with basic validation)
We made a simple login form with validation as well.
If you want to read exciting articles about the latest Technology and Other Computer Science, AI, Programming Languages Please visit The EPaper House.
