Lesson 08 - Website Hacking #1 - Basics of Web Development



Hi there!
Welcome to your first lesson on Web Development.
Before we get into the details, let us take a look at the definition of Web Development.
If you go by the definition given by Technopedia : 
"Web development broadly refers to the tasks associated with developing websites for hosting via intranet or Internet. The Web development process includes Web design, Web content development, client-side/server-side scripting, and network security configuration, among other tasks."

It sounds complex and boring, doesn't it?

Let's try to simplify it a bit.

If I were to define Web Development, I would put it as : 
"Web Development is a process that deals with everything related to creating a website, be it the ideation of the website, be it designing the layout of the website, or be it coding and testing. All of these steps, together, constitute Web Development."

Better? Great!
Now that we have formally (no matter how much I hate using this word ) defined Web Dev, let's tune in to our first video, where we I'll run you through a quick overview of the process of Web Development!

Web Development : Overview

Programming Languages that are typically used in Web Development :


1. HTML5 
Short for HyperText Markup Language.
The language which is used to add all the content that we require on the website. For instance, all the Text, Images, Audio, Video, Tables, Forms, etc. that you see on any website are added using HTML and HTML5 is officially the latest version of HTML.

The following video gives you a quick introduction to HTML :

Learn more about HTML5 here: https://www.w3schools.com/html/

2. CSS3 :
Short for Cascading Style Sheets.
It is the language that is used to STYLE the content that we add using HTML. So, for example, if we want a particular text to appear BOLDITALICS, UNDERLINED, or want a particular image to be positioned in a specific location, CSS comes in handy. Overall, the styling and positioning of elements are done using CSS. Again, CSS3 is officially the latest version of CSS.

Here's a quick introduction to CSS :

Learn more about CSS here: https://www.w3schools.com/css/

3. PHP 
Short for HyperText Pre-Processor
PS: I know, I know! The name doesn't match the Acronym! Trust me when I say this, there is a LONG story behind this name!
It is one of the languages that we will use to add functionality to the website. For example, events like "What happens when you click a button?" or "What happens when you submit a form?", are defined using PHP. In other words, all the "actions" on a website or a web app are performed using PHP.

Here's a quick sneak peek into what PHP is all about :

Learn more about PHP here: https://www.w3schools.com/php/

4. MySQL
Short for My Structured Query Language
It is the most widely used language for creating and maintaining databases. So, all the data related operations such as storing user details during Sign Up, comparing the Login credentials using login, etc. will be performed using MySQL.

Here's a quick look at MySQL :

Learn more about MySQL here: https://www.w3schools.com/sql/ing #1 - Basics of Web Development

Comments

Popular Posts