DEV Community: poornachary1998

Evolution of Web 1.0 to 3.0

poornachary1998 — Sun, 02 Jan 2022 17:24:05 +0000

INTRODUCTION:

World Wide Web is the primary tool used by billions of people to share, read, and write information to interact with other people via internet. In this Blog, we will learn how the web is evolving from the static web in Web 1.0, and the dynamic participatory Web 2.0, the internet is entering it’s next large-scale iteration. We will look back at how the web has evolved, where it’s going next, and why this matters.

Web 1.0:

Web 1.0 also can be referred as syntactic we or read only web. The users have access to only read the content or information from web. Only static websites and personal sites are in use in web 1.0. Web 1.0 lasted approximately from 1991 to 2004.

Web 2.0:

The Web 2.0 also referred as Social Web or read-write web.
Web 2.0 provides interaction between web users and communicate with other users. In Web 2.0 every user can be a content producers and content is distributed and shared between sites.

Some of the famous Web 2.0 applications are Facebook, Youtube, Flickr, Twitter etc., The web technologies like HTML5, CSS3 and Javascript frameworks like ReactJs, AngularJs, VueJs etc.,

Web2 applications often experience data breaches. In Web2.0, you don’t have any control over your data or how it is stored. In fact, companies often track and save user data without their users' consent. All of this data is then owned and controlled by the companies in charge of these platforms. Servers that support online applications can go down which affects user experience or worker income.

Because applications are governed by central authorities, free speech is also at risk on Web2. Governments will often shut down servers or seize bank accounts if they believe a person is voicing an opinion that goes against their propaganda. With centralized servers, it is easy for governments to intervene, control, or shut down applications as they see fit.

Web 2.0 lasted from 2000–2010 and continues even now.

Web 3.0:

The Web 3.0 also referred as Semantic Web or read-write-execute is the era(2010 and above) which refers to the future of web. In this era computers can interpret information like humans via Artificial Intelligence and Machine Learning. Which help to intelligently generate and distribute useful content tailored to a particular need of a user.

What if computers can understand meaning behind information
What if they can learn “what we are interested in”
Then they can help us find what we want
It can recognize People, Place, Events, Companies, Product, Movies etc.,
It can understand the relationship between things

Some of the examples of web 3.0 are Apple’s Siri, Googles Cloud API.

Thank you!!

Blog On Microsoft Teams.

poornachary1998 — Sun, 02 Jan 2022 08:49:31 +0000

Why did I Choose this Topic?

Hi! I Am Poorna Chary, I work in a MNC as an Subject Matter Expert (SME) for Microsoft Teams Product. I would like to educate few concepts related to Microsoft Teams. This blog will be more helpful for the the people who has the Global Administrator / Teams administrator Right for their tenant.

connect-microsoftteams 
get-team 
#select the Group ID of the team which need to be changed
set-team -groupid c7972030-9e67-4805-a6a3-71c03acd98c -displayname "New name"
#Above cmdlet is for changing team name

 Set-teamchannel -groupid c7972030-9e67-4805-a6a3-71c03ac2d98c -CurrentDisplayName "poorna123" -NewDisplayName "new channel name"

#Get-TeamChannel will show you the channels in the Team ( Group ID )
#Set-TeamChannel cmdlets helps you in changing the channel name in Team

Releasing Teams email address using Power shell

If you change the group or Teams name, it won’t automatically change the ID or email (SMTP) address associated with that group. In order to change that, you’ll need to use Exchange Online PowerShell.

Connect to your Exchange Online Powershell using a Global Administrator account by following the steps outlined in: Office 365: Connect to Exchange Online Powershell
Run the below commands to add required SMTP addresses as an alias:

Set-UnifiedGroup -Identity "Group Name" -EmailAddresses: @{Add ="GroupName@domain.com"}

Set-UnifiedGroup -Identity "Group Name" -EmailAddresses: @{Add ="GroupName@domain.onmicrosoft.com"}

Promote alias as a primary SMTP address using this command:
Set-UnifiedGroup -Identity "Group Name" -PrimarySmtpAddress "GroupName@domain.com"

If you no longer want to associate the old address with the group, you can remove it by running these commands:
Set-UnifiedGroup -Identity "Group Name" -EmailAddresses: @{Remove="OldGroupName@domain.onmicrosoft.com"}

Set-UnifiedGroup -Identity "Group Name" -EmailAddresses: @{Remove="OldGroupName@domain.com"}

Self diagnostics in Admin portal.

While you’re logged in as an administrator, visit your Microsoft 365 admin center. In the navigation pane, select Show all > Support > New service request. After you briefly describe your issue.

The following diagnostics are currently available with brief scenario descriptions and shortcut commands:

Self diagnostics from M365 admin portal for admins:

Thank you!!

Emmet makes life easier..!

poornachary1998 — Mon, 27 Dec 2021 16:27:27 +0000

INTRODUCTION TO EMMET:

EMMET - It is the essential tool kit for the web-developers.

This improves the HTML and CSS workflows.
You can write lot of code quickly.
This is one of the built - in feature of VS code.

Let's jump into how to implement / use / write HTML script using Emmet:

Open you VS code, In an HTML file simply type ! and you can see the pop-up as suggestion which is nothing but the Emmet.
Now hit Enter button, HTML syntax is ready for you:

Let us see what are the basic tags in HTML we can perform using EMMET:

To create the HTML tags just type the TAG name and hit ENTER.
You need to be very keen observer where your cursor is pointing in the tag.

Try Typing the below to see how Emmet works:

Type div then ENTER:

Type h1 then ENTER:

Similar way, we use

bq for <blockquote> hdr for <header> ftr for <footer> btn for <button> sect for <section>

- Usage of EMMETS in Classes:

EMMET uses the same way to refer the classes using *. * .

Example:

div.Hero1—> <div class="Hero1"></div>

h1.Hero1.Hero2 —> <h1 class="Hero1 Hero2"></h1>

- Usage of Emmet in ID's:

Example:

div#hero —> <div id="hero"></div>

- You can also combine class and ID's using EMMET

div#hero.wrapper —> <div id="hero" class="wrapper"></div>

Let us focus more into HTML Tags and their properties:

- Anchor tag:
An anchor tag is a HTML element that creates a link to a target URL.

1. Type a then you can see the following suggestions:

<body>

    <!--if you click on a:blank which means when you click on link, it OPENS IN NEW TAB. -->
    <a href="http://poornachary.netlify.com" target="_blank" rel="noopener noreferrer">link</a>

    <!--a:link, simply adds a link and it opens in same tab.-->
    <a href="http://poornachary.netlify.com">link</a>

  <!--if you want to link any email address you can user a:mail-->
<a href="mailto:poornachary1@gmail.com">email</a>

    <!--to link a phone number you can use a:tel-->
    <a href="tel:+91-1234567890">phone number</a>

</body>

- How to link CSS in HTML using EMMET:

link:css --> <link rel="stylesheet" href="style.css">

- Images using EMMETs:

Type img in body

img --> <img src="xyz.jpg" alt="">

Buttons:

In HTML Buttons are very important:

It is hard to remember all the buttons and the tags in HTML, but Emmet makes easier for us.

Inside a <button> element you can put text (and tags like <i>, <b>, <strong>, <br>, <img>, etc.). That is not possible with a button created with the <input> element!

Tip: Always specify the type attribute for a element, to tell browsers what type of button it is.

The keyword for button is btn:

There are 3 types of Buttons:

btn:d (Disabled) >>
 <button disabled="disabled">disabled button</button>

btn:r (reset) >>
<button type="reset">Reset button</button>

btn:s (submit) >>
 <button type="submit">Submit button</button>

- Siblings Children & Grouping using Emmet:

It just keeps getting better. We can also specify siblings and children using the + and > characters.

Sibling Relation:(+)
section+section —> <section></section><section></section>

Child Relation:(>)
ul>li —> <ul><li></li></ul>

Grouping:(   ()   )
div>(header>ul>li.type$*3)+footer>p

 <div>
        <header>
            <ul>
                <li class="type1"></li>
                <li class="type2"></li>
                <li class="type3"></li>
            </ul>
        </header>
        <footer>
            <p></p>
        </footer>
    </div>

CHEAT SHEET for EMMET:

Download Now!

Conclusion:

Though HTML seems to be simple but I feel it is hard to remember all the tags and attributes. Instead of byhearting (Depending) the tags you can make habit of using Emmet and it makes life simple.

Thankyou for reading my Blog. Appreciate your time!