Parvesh Sandila - Owlbuddy

Introduction to JavaScript

Parvesh Sandila / January 20, 2021

In this tutorial, we will learn Introduction to JavaScript. JavaScript is a client-side scripting language. JavaScript allows performing a lot of functions on client-side after the web page gets loaded. For example to check the information filled by user in contact form suppose we want to check whether a user filling email in the right format or not. To perform this kind of function JavaScript can really help full. How to Use JavaScript in Web page: Now there might be question rising in your mind that how to use this JavaScript in a web page. So answer for this, It’s pretty easy. To use JavaScript you can write JavaScript code in as follow in your web page. <script> alert(“Hello! I am an alert box!!”); </script> Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Introduction to JavaScript Read More »

Introduction to CSS

Parvesh Sandila / January 20, 2021

In this tutorial, we will learn an introduction to CSS. CSS stands for Cascading Style Sheets. We use this language to describe how HTML tags will look on-screen in other words we use this language to provide style to HTML tag. Note! if you want to learn CSS you must have knowledge about HTML. Click Here to learn HTML. CSS helps us to make a centralized style for all web pages of the site that make our work so easy and with CSS you can make the website so attractive because CSS provide us tons of properties to add with HTML tags. Before Applying CSS: – <p>This is a simple p tag </p> <p>This is a simple p tag </p> Output: This is a simple p tag This is a simple p tag After Applying CSS: – <p style=”color:blue”>This is a simple p tag </p> <p style=”color:green”>This is a simple p tag </p> Output: This is a simple p tag This is a simple p tag Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Introduction to CSS Read More »

Environment Setup For PHP

Parvesh Sandila / January 18, 2021

In this tutorial, we will learn about the steps involved in Environment setup for PHP. As we learned in the last tutorial we have to install a virtual server on our PC to run PHP code. Here we will learn in detail how we can install a virtual server on our PC. Many virtual servers are available in the market, which helps us create PHP projects. But we will use the XAMPP virtual server in this tutorial series. You will be glad to know that the XAMPP server is available for most of the commonly used operating systems such as Windows, Mac and Linux. Please click on the following link that will lead you to the apachefriends.org website from there you can download XAMPP software according to the configuration of your system. Click Here To Download the XAMPP SERVER After the completion of the download and installation process, you can see there is an XAMPP folder in C drive (in Windows) as shown in the picture. Please note if you have choosed differenct location while installing xampp. Then the xampp folder will on the selected location If you open this XAMPP folder then you will see a folder named htdocs there. In this htdocs folder, you have to create a folder for your project and save all files related to the project in this newly created folder. But now the question arises is how to run our project. So to run the project you have to start localhost(a local server). To do this, search XAMPP in your system and open the XAMPP Control panel. A Screen like this will open. just click on the start button in front of Apache and MYSQL as shown in the image below. After that open any browser and type localhost in address bar. If you see a screen similar to the one given below it means your virtual server is ready to work. In the next tutorial, we will learn how to write a Hello World program in PHP. Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Environment Setup For PHP Read More »

Introduction to PHP

Parvesh Sandila / January 18, 2021

In this tutorial, we will learn an introduction to PHP. PHP stands for Hypertext preprocessor and it is a well-known language for developing web applications. In short definition, PHP is a server-side, open-source technology used to develop web applications. Web applications help us process data on the server side and generate dynamic web pages for clients. PHP was developed by Rasmus Lerdorf in 1994. Difference between Client-side and server-side scripting language: – You might have heard about client-side or server-side scripting languages. But do you know the difference between client-side and server-side scripting languages? We can not run code written in PHP directly on our PC. So it means we need a server to run code written in PHP. Do not worry I am not gonna tell you to buy a server. We have an alternative solution, we can create a virtual server on a PC. There is a lot of free software available that allows us to create a virtual server on our PC. Versions of PHP: Before jumping to coding in PHP. Please take a quick glance at the history of the versions in PHP and here you can also see the latest available version. Version Release Date Supported until 7.0 3 December 2015 10 January 2019 7.1 1 December 2016 1 December 2019 7.2 30 November 2017 30 November 2020 7.3 6 December 2018 6 December 2021 7.4 28 November 2019 28 November 2022 8.0 26 November 2020 26 November 2023 8.1 25 November 2021 25 November 2024 8.2 8 December 2022 8 December 2025 8.3 23 November 2023 23 November 2026 Please continue with the upcoming tutorials to learn about how to set the environment for PHP on PC and how to write a Hello World program in PHP. Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Introduction to PHP Read More »

HTML Paragraph

Parvesh Sandila / January 16, 2021

In this tutorial, we will learn about HTML paragraph. HTML Paragraph element use to add a paragraph on the web page. Suppose you want to write about yourself like what kind of services your company provide on your web page. In this case, you can use the p tag to add paragraphs on your web page. Paragraph element starts and ends with the p tag. Here is a Basic example of HTML paragraph element. <p>Welcome to Owlbuddy. Here you can learn various programming languages.</p> Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

HTML Paragraph Read More »

HTML Headings

Parvesh Sandila / January 16, 2021

In this tutorial, we will learn about HTML Headings. HTML has 6 heading tags to show headings on the web page. we can use any of them according to our requirement. These tags are from h1 to h6. we use h1 tag to show important headings of the web page and h6 to show least important headings in the web page. You can use h2 to h5 tags to show subheadings on the web page. The only difference among all these tags is text size. The text size of all heading tags is different. H1 have the biggest text size and h6 has the smallest among all these. <h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> Understand this with Example: <html> <head></head> <body> <h1>This is H1 Tag</h1> <h2>This is H2 Tag</h2> <h3>This is H3 Tag</h3> <h4>This is H4 Tag</h4> <h5>This is H5 Tag</h5> <h6>This is H6 Tag</h6> </body> </html> Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

HTML Headings Read More »

HTML Attributes

Parvesh Sandila / January 16, 2021

In this tutorial, we will learn about HTML Attributes. HTML attributes are use to add additional information about element in HTML. We always add an attribute in the start tag. We write these elements in the form of name and value. For example, you want to pass information about the height of an image source in the img tag. Here we will learn some of the basic HTML attributes and we will check examples. Some Basic attributes in HTML elements: src alt height width href title style Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

HTML Attributes Read More »

HTML Elements

Parvesh Sandila / January 16, 2021

In this tutorial, we will learn about HTML Elements. All the HTML elements start with start Tag and end with end tag and we write content between these tags (start and end tag). For example <p>This is P tag </p> These HTML elements can be in a nested format. There can be elements in other elements. Check the following example. <html> <body> <h1>This is H1 Tag</h1> <p>This P Tag</p> </body> </html> Here you can see we have first “HTML” element. This element simply defining HTML document and it starts with Html tag and ending with /Html tag. After that, we have a body element. which is start with body tag and ending with /body tag. In this element, we write things which we want to show on the web page like headings and paragraphs. Next, we have an h1 element to show heading in the web page. At last, we have p element to show a paragraph on our web page. Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

HTML Elements Read More »

Start with HTML

Parvesh Sandila / January 16, 2021

It this tutorial, we will learn about but are the basic requirements to start with the HTML. We mainly need two software to start with HTML which are: – Text Editor Web Browser Text Editor: – We need Text Editor to write HTML code. There are lots of Text Editors are available in the market and most of them are free. You can use any Text Editor it depends on your choice even you can use Notepad. But I will use Notepad++ in this entire series because it is easy to use and much more convenient than the ordinary Notepad. Web Browser: – After a Text Editor, the second software which we need is a web browser. We need a web browser to check web pages after writing HTML code you can use any web browser like Edge, Firefox. But I will use Google Chrome in this entire series These are the main software which we need to start with HTML. Let’s Look at this basic HTML Program. <!DOCTYPE html> <html> <head> <title>Title Tag</title> </head> <body> <h1>Basic Requirements to Start HTML</h1> <p>Text Editor</p> <p>Web Browser</p> </body> </html> Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Start with HTML Read More »

Introduction to HTML

Parvesh Sandila / January 16, 2021

In this tutorial, we will learn an introduction to HTML. HTML Stands for HyperText Markup Language. We use this Markup Language to create web pages. In technical language, HTML Defines the structure of a web page. There are tons of tags available in HTML which we use to create all the elements of a web page Here You Can See The Basic Example of HTML Code <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading Tag</h1> <p>This is a paragraph Tag.</p> </body> </html> If you are not getting any idea what’s going on in this example. Don’t Worry you will clearly understand about this after following one to two more lessons Parvesh SandilaParvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers. new.owlbuddy.com

Introduction to HTML Read More »