Unlock WebDev

Sigh....

What's your motivation behind to start any sort of coding?

𝗠𝗼𝘁𝗶𝘃𝗮𝘁𝗶𝗼𝗻💥🌟❤
If you do what you don't want to do, then you will achieve what you haven't achieved so far🌟🌟

In Urdu:
Jo nhi karna chahty wo karain phir wo milay ga jo aj tak nhi mila🌟🌟

𝗩𝗲𝗿𝘆 𝗜𝗺𝗽𝗼𝗿𝘁𝗮𝗻𝘁 𝗞𝗲𝘆𝗯𝗼𝗮𝗿𝗱 𝘀𝗵𝗼𝗿𝘁𝗰𝘂𝘁 𝘁𝗼 𝗸𝗻𝗼𝘄 𝗴𝘂𝘆𝘀𝘀𝘀𝘀💥💥🌟🌟
.......................................................................................
Window key + V

Use:
When you press the Windows key (the one with the Windows logo) and the "V" key together, it displays the clipboard history feature. The clipboard history allows you to store multiple copied items in the clipboard and access them later.

Once the clipboard history is open, you can see a list of the most recent items you have copied or cut. You can click on any of the items in the list to paste it into the current document or application.


𝗡𝗼𝘄 𝘆𝗼𝘂 𝗱𝗼𝗻𝘁 𝗵𝗮𝘃𝗲 𝘁𝗼 𝗰𝗼𝗽𝘆 𝗮𝗻𝗱 𝘁𝗵𝗲𝗻 𝗽𝗮𝘀𝘁𝗲, 𝗮𝗻𝗱 𝗮𝗴𝗮𝗶𝗻 𝗴𝗼 𝘁𝗼 𝗰𝗼𝗽𝘆 𝗮𝗻𝗱 𝗮𝗴𝗮𝗶𝗻 𝗰𝗼𝗺𝗲𝗯𝗮𝗰𝗸 𝘁𝗼 𝗽𝗮𝘀𝘁𝗲 𝗶𝘁.𝗬𝗼𝘂 𝗷𝘂𝘀𝘁 𝗵𝗮𝘃𝗲 𝘁𝗼 𝗰𝗼𝗽𝘆 𝗮𝗹𝗹 𝗼𝗳 𝘁𝗵𝗲 𝘁𝗲𝘅𝘁 𝗮𝗻𝗱 𝗮𝗹𝗹 𝗼𝗳 𝘁𝗵𝗲 𝗰𝗼𝗽𝗶𝗲𝗱 𝘁𝗲𝘅𝘁 𝘄𝗶𝗹𝗹 𝘀𝗮𝘃𝗲 𝗼𝗻 𝗰𝗹𝗶𝗽𝗯𝗼𝗮𝗿𝗱 𝗮𝗻𝗱 𝗻𝗼𝘄 𝘆𝗼𝘂 𝗰𝗮𝗻 𝗽𝗮𝘀𝘁𝗲 𝗼𝗻𝗲 𝗯𝘆 𝗼𝗻𝗲.

𝗛𝗼𝘄 𝗛𝗧𝗠𝗟 𝗽𝗮𝗴𝗲 𝗹𝗼𝗼𝗸𝘀 𝗹𝗶𝗸𝗲?
..........................................................

Let's break down the structure of this HTML template:

:
This declaration specifies that the document is an HTML document.
: The root element of an HTML page.

:
Contains meta-information(information about information) about the HTML document, such as the title and link to external stylesheets or scripts.

:
Defines the title of the webpage, which is displayed in the browser's title bar or tab.

:
Contains the visible content of the webpage, such as headings, paragraphs, images, links, and other elements. Body is where you write all your code

:
Heading element, used to define the main heading on the page.

:
Paragraph element, used to define paragraphs of text.

Summary
Tags will define what type of text you are writing in the web page.





I will try my best to let you know about all the tags of html.

𝗦𝘁𝗮𝗿𝘁𝗶𝗻𝗴 𝘄𝗶𝘁𝗵 𝗛𝗧𝗠𝗟
........................................

𝗪𝗵𝘆 𝗵𝘁𝗺𝗹 𝗶𝘀 𝗸𝗻𝗼𝘄𝗻 𝗮𝘀 𝗵𝘆𝗽𝗲𝗿𝘁𝗲𝘅𝘁 𝗮𝗻𝗱 𝗺𝗮𝗿𝗸𝘂𝗽 𝗹𝗮𝗻𝗴𝘂𝗮𝗴𝗲?

Html stands for Hypertext Markup Language
Its a Hypertext language and markup language

𝗛𝘆𝗽𝗲𝗿𝘁𝗲𝘅𝘁 𝗟𝗮𝗻𝗴𝘂𝗮𝗴𝗲
"Hypertext" means that HTML documents are not limited to linear presentation. Instead, they can contain links that connect various sections of the document or even link to external documents or resources. These links enable users to navigate between different webpages, access additional information, or perform actions such as submitting forms.

𝗠𝗮𝗿𝗸𝘂𝗽 𝗟𝗮𝗻𝗴𝘂𝗮𝗴𝗲
Markup Language means its a tag base language. Markup languages use tags or elements to define the structure, formatting, and other properties of the content.

𝑾𝒉𝒚 𝒘𝒆 𝒖𝒔𝒆 𝑯𝑻𝑴𝑳 𝒊𝒏 𝑾𝒆𝒃𝒔𝒊𝒕𝒆 𝑫𝒆𝒗𝒆𝒍𝒐𝒑𝒎𝒆𝒏𝒕
..................................................................................................
Html is simply use to design the structure of a website.
HTML provides a structured way to organize the content of a webpage. It allows developers to define headings, paragraphs, lists, tables, forms, and other elements, giving structure and meaning to the content.






That's it guys. From Tomorrow we will be discussing HTML tags to develop the structure of the website.
Stay tuned Guys.

𝗜𝗳 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝘁𝗵𝗲𝗻 𝘄𝗵𝘆 𝘁𝗼 𝗹𝗲𝗮𝗿𝗻 𝗖𝘂𝘀𝘁𝗼𝗺 𝗖𝗼𝗱𝗶𝗻𝗴 (𝗛𝗧𝗠𝗟,𝗖𝗦𝗦, 𝗝𝗮𝘃𝗮𝘀𝗰𝗿𝗶𝗽𝘁)𝗪𝗲𝗯𝘀𝗶𝘁𝗲𝘀??
..................................................................................
This is an accepted fact that 70% of the websites on the internet are made of WordPress but then why we need HTML , CSS and JavaScript.
Following are the reasons you need to learn Coding to develop Websites.

WordPress is a popular open-source content management system (CMS) used for creating websites and blogs. It provides a user-friendly interface that allows individuals and businesses to easily manage and publish content on the web without the need for extensive coding knowledge. Butttttttt

𝟭) 𝗛𝗶𝗴𝗵 𝗳𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝗮𝗹𝗶𝘁𝘆 𝗽𝗹𝘂𝗴𝗶𝗻𝘀 𝗮𝗿𝗲 𝗽𝗮𝗶𝗱
I am not saying all the plugins are paid but some of the high functionality plugins are paid. How can a beginner person who is starting its blog or a business will pay for the plugins?.

𝟮) 𝗙𝗿𝗲𝗲 𝗽𝗹𝘂𝗴𝗶𝗻𝘀 𝘁𝗼 𝗣𝗮𝗶𝗱 𝗻𝗼𝘄
You used free plugins in your website but now suddenly Developers may introduce new advanced features or enhancements to their plugin that require additional resources or development efforts. In such cases, they may choose to offer these advanced functionalities as part of a premium or paid version of the plugin.

𝟯) 𝗣𝗹𝘂𝗴𝗶𝗻𝘀 𝗵𝗮𝗻𝗱𝗹𝗲 𝘆𝗼𝘂𝗿 𝗱𝗮𝘁𝗮
When you install a plugin, it may request certain permissions to access your website's data. These permissions can vary depending on the functionality of the plugin. For example, an analytics plugin might request access to your site's traffic data, while a contact form plugin may need access to user-submitted form data. You never know where your data is going. Even you don't know how much this plugin is consuming processing power. You don't know if the plugin is sending request to the other network. So there is a huge risk.

𝟰) 𝗣𝗿𝗼-𝗟𝗲𝘃𝗲𝗹 𝗖𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝘁𝗶𝗼𝗻
What if you have a blogging website and you want to add your YouTube playlist in your Website and let suppose you cant find any plugin then what will you do? Wouldn't you add the playlist?
And even plugins are open source I know then again you have to have the knowledge of coding to change the source code so its better to write your own source code so that only you have access on it.
WordPress themes provide pre-designed templates and layouts that determine the visual appearance of your website. While themes offer a certain degree of customization through theme options and settings, they may have limitations in terms of layout flexibility or specific design elements. Modifying themes extensively beyond their built-in customization options may require advanced knowledge of coding or a custom theme development approach.

𝟱) 𝗕𝗮𝗰𝗸𝗲𝗻𝗱 𝗶𝘀 𝗻𝗼𝘁 𝗨𝗻𝗱𝗲𝗿 𝘆𝗼𝘂𝗿 𝗖𝗼𝗻𝘁𝗿𝗼𝗹
It is obvious backend is not in your control because you are not yourself developing your website , no server is in your control or anything. Your data is handled by administrative team of WordPress so lets suppose your plugin 1 is loading your posts title in ram and your other plugin is doing the same. So resources consumption is a lot and you don't even know.

𝟲) 𝗡𝗲𝗮𝗿𝗹𝘆 𝗜𝗺𝗽𝗼𝘀𝘀𝗶𝗯𝗹𝗲 𝘁𝗼 𝗠𝗼𝗻𝗶𝘁𝗼𝗿 𝗦𝗲𝗿𝘃𝗲𝗿 𝗔𝗰𝘁𝗶𝘃𝗶𝘁𝗶𝗲𝘀
For example you have a live streaming website, here you want to collect your user data in your server but you don't know anything about WordPress servers and backend. So its hard to implement this strategy on website using WordPress where your coding is your product.
..................................
𝙉𝙤𝙩 𝙖𝙜𝙖𝙞𝙣𝙨𝙩 𝙤𝙛 𝙒𝙤𝙧𝙙𝙋𝙧𝙚𝙨𝙨 𝙬𝙚𝙗𝙨𝙞𝙩𝙚𝙨 but wanted to clear why Custom coding is necessary to become a pro developer. This is what I think of WordPress.





.

Share if you liked it guysss

𝐌𝐨𝐬𝐭 𝐚𝐬𝐤𝐞𝐝 𝐪𝐮𝐞𝐬𝐭𝐢𝐨𝐧.........
𝐖𝐞𝐛𝐬𝐢𝐭𝐞 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 𝐮𝐬𝐢𝐧𝐠 𝐖𝐨𝐫𝐝𝐏𝐫𝐞𝐬𝐬 𝐕𝐬 𝐂𝐮𝐬𝐭𝐨𝐦 𝐜𝐨𝐝𝐢𝐧𝐠(𝐇𝐭𝐦𝐥,𝐂𝐒𝐒,𝐉𝐚𝐯𝐚𝐬𝐜𝐫𝐢𝐩𝐭)?




Stay tuned guys!

Bored???
Then code🥹

Day #3
In web development, the front end refers to the client-side of an application or website. It encompasses all the elements that users interact with directly. Front-end development involves the use of various programming languages, frameworks, and tools to create an engaging and interactive user interface (UI).

Here are some of the main languages used in front-end development:

HTML (Hypertext Markup Language): HTML is the standard markup language for creating the structure and content of web pages. It defines the elements and their layout on a webpage.

CSS (Cascading Style Sheets): CSS is used to control the presentation and styling of HTML elements. It allows developers to define colors, fonts, layout, and other visual aspects of a webpage.

JavaScript: JavaScript is a dynamic programming language that runs in the web browser. It adds interactivity and behavior to web pages. JavaScript is extensively used for tasks such as form validation, animations, and handling user events

Before discussing about libraries or frameworks....what are libraries
Libraries, refer to collections of pre-written code modules or functions that developers can use to accomplish specific tasks.
Means functionalities are already written, only you have to insert them in your file. Libraries provide reusable code that simplifies the development process by abstracting complex functionality into a more manageable and reusable form.

JavaScript frameworks/libraries: Several popular frameworks and libraries are built on top of JavaScript to simplify front-end development. Some notable examples include React.js, Angular, and Vue.js. These frameworks provide reusable UI components, state management, and other advanced features.

CSS frameworks: CSS frameworks like Bootstrap, Foundation, and Bulma offer pre-defined CSS styles and components that can be used to quickly build responsive and visually appealing websites.

Tomorrow we will be discussing Back end languages or server side languages in detail.



Tip:
Don't search for different frameworks and libraries. You will get confused before starting because they have difficult names and theories. Just start and search side by side. But
PLEASE START YOUR JOURNEY