Web Development - Blog Posts

Keep talking and nobody explodes practice website

I have already made a knob practice page for memorising the different orientations, what module should i do next

At the intersection of IoT and Web Development and Designing

The advent of recent technologies has helped the enterprises to meet the dynamic demands of their customers. One of the technologies which have helped the workforce immensely across all the industries is the Internet of Things (IoT).

IoT, a network of interconnected devices, is based on the standard communication protocol. Traditional technologies like Radio frequency identifiers (RFID), sensors, bar codes, Global positioning systems (GPS), and many others are integrated into applications that use IoT.

 IoT has been helping the companies to provide a more customized service to their customers. It also allows its users to have remote control over their home appliances.  Internet of Things has left an effective impact on web development and designing also.

Web development service providers use a lot of frameworks to complete web development efficiently. Web development and designing stumble upon intricacies if IoT is an element of the application. Companies need to onboard an appropriate talent for web development projects.

There are numerous IoT devices today that can display web content apart from the laptops and mobile phones. Smart watches can display web content. Android watches have a web browser for android wearable. AI-driven Apple’s Siri, Google’s Now, Microsoft’s Cortana, and Amazon’s Alexa have already charted popularity. IoT can help the web applications to access the bots and subsequently read the information instead of merely displaying it.

Internet of Things also has its impact on web designing. Businesses have started focusing on designing a website that can respond to personalized data from web-enabled devices. The user activities can also operate and control IoT devices.

Most of the companies are looking to improve their communication with customers, and they are also working on eliminating any security flaws. Internet of Things can help the companies to achieve those targets.

More Articles:

Five Web Development Trends That Will Shape 2019 and Beyond 6 Reasons Why Angular is Better for Web Development

~Sunday, August 4th 2024~

This weekend was exhausting. Manifesting a good start to the week. Otherwise, I did a bit of CSS yesterday and I only have two more chapters left on the course material.

Wed, July 31st, 2024

It's been a bit but a lot has happened recently. I passed the Network+ certification about two weeks ago. Since then, I've picked up my web development class again aiming to finish before I start a new job in a couple of weeks. I rediscovered? a cute coffee shop near my house to study at and I spent about two hours there today. The coffee was a 7/10. I nearly finished the 5th chapter of my online textbook. I'm ready to be done with this class.

back at barnes and noble

hi internet people :)

the burnout is hitting me hard today. i don't know if it is work or that this material is getting more difficult but doesn't really matter. we're back at barnes and noble today to knock out a few more sections of css and js. i plan on staying until they close bc i will not do anything if i'm at home. please don't scream at me for the drink, b&n is one of the few places i can be without getting overstimulated easily.

forest time: 1 hr 25min as of 3:24 pm | actual productivity time is about 2.5 hr.

Hey hello!!!

Do you book recommendations for html or Java??

Hope you're ok

Hey there!

Well, I don't really know any books for HTML. But I do know some other resources for it that might be helpful. [I don't know any for Java. Right now, I'm only focusing on frontend development for now.]

W3Schools: This is the only website I suggest for learning any coding language.

Dave Gray [YouTube] HTML 4 hour crash course

Dave Gray [Youtube] CSS 11 hour crash course

Dave Gray [YouTube] JavaScript 8 hour crash course

SuperSimpleDev [Youtube] 6 hour crash course (HTML + CSS)

SuperSimpleDev [YouTube] 22 hour crash course (JavaScript)

Right now, I'm only doing these [trying to] It's going well till now, so I think it would be helpful for you.

Have a great day ! :D

Day 5 [Lists In HTML]

This is a super simple guide for lists.

Line By Line Explanation:

: Used for unordered list

: Used for each item in the list

: Used for ordered list.

Unordered lists will display the list items in bulleted or any other symbol that you specify

Ordered lists will display the list items in numerical order or any other order you specify.

______________________________

Hope it helps :)

Day 4 [Link Tag In HTML ]

Introduction To HTML

Day 2 [Multimedia Elements In HTML]

Day 3 [Table in HTML]

Line By Line Explanation:

: Anchor tag (used for links)

href = It stands for Hyper Text Reference. You paste the URL of the link here

Text between the tags : What the user clinks

The first link will open google in the same tab. If you want the link to open in a new tab, then you use the target attribute.

Target="_blank" : Opens the link in a new tab

Final Output

____________________

Hope it helps :)

Day 3 [Table In HTML]

Day 1 [Introduction To HTML]

Day 2 [Multimedia Elements In HTML]

Line by line explanation:

Defines a table,

border : This attribute adds a simple border to the table.

style : Used to add some styling to the webpage. Can be used with any tag.

Border spacing: Adds space between table cells.

Text-align : Aligns the text in the table.

Contains the header section of the table.

Represents a table row

Represents a table column

Holds the body of the table → main data (menu items).

Used for individual data cells in the table.

<table> <thead> <tr> <th> Column Head 1 </th> <th> Column Head 2 </th> </tr> </thead> <tbody> <tr> <td> Row 1 Data = Column 1 </td> <td> Row 1 Data = Column 2 </td> </tr> </tbody> </table>

Final Output

------------------------------

Hope it helps :)

Day 2 [Multimedia Elements In HTML]

Welcome to day 2 :D

Day 1 [Introduction To HTML]

Line By Line Explanation:

(An attribute is extra info added to an HTML tag. So, is a tag. Src, alt, width and height are the attributes)

Tag : Used to add images to webpages

src : Used to give the URL of the image or the name of the image file

alt : specifies what will appear on the browser in case the image doesn't appear.

Width and height : Specifies the width and height.

Tag : Used to add audio

controls: shows a play/pause bar.

: your audio file (paste your file link there).

Type: Tells the browser what file you're showing it

Tag: Used to add videos

controls : lets users play/pause the video.

width and height: size of the video frame.

: your video file (paste your file link there).

Here's The Output →

Additional Tip : Download these two extensions because they're really helpful.

Live Preview helps you to look your output without having to save it every time you make a change in VS code

Live Server is similar, it just shows you the output on the webpage.

You can search for these two in the extensions icon on the side.

_____________________

Hope it helps. Tomorrow, we'll cover links and lists xD

Introduction To HTML

[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]

HTML stands for Hyper Text Markup Language

It is used to create webpages/websites.

It has a bunch of tags within angular brackets <....>

There are opening and closing tags for every element.

Opening tags look like this <......>

Closing tags look like this

The HTML code is within HTML tags. ( // code)

Here's the basic HTML code:

<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>

Line By Line Explanation :

<!DOCTYPE html> : Tells the browser it's an HTML document.

<html> </html> : All code resides inside these brackets.

<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.

<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)

<body> </body> : Everything that appears on the webpage lies within these tags.

<h1> </h1> : It's basically a heading tag. It's the biggest heading.

Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.

<p> </p> : This is the paragraph tag and everything that you want to write goes between this.

<br> : This is used for line breaks. There is no closing tag for this.

-------

Now, we'll cover some <Meta> tags.

Meta tags = Notes to the browser and search engines.

They don’t appear on the page.

They reside within the head tag

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>

Line By Line Explanation:

<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.

<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.

<meta name="author" content="Your Name"> : Says who created the page.

<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.

_____

This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)

If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o