![](WD img.jpg)
Web development refers to the building, creating, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites. Website is a page on internet with a unique URL with informtion.It is a collection of publicly accessible , interlinked Web pages that share a single domain name. Websites can be created and maintained by an individual , group , business or organisation to serve a variety of purposes.Together , all publicly accessible websites constitute the World Wide Web.
The word Web Development is made up of two words, that is:
- Web: It refers to websites, web pages or anything that works over the internet.
- Development: Building the application from scratch.
Web Development can be classified into two ways:
- Frontend Development:The part of a website that the user interacts directly is termed as front end. It is also referred to as the ‘client side’ of the application.
- Backend Development:Backend is the server side of a website. It is the part of the website that users cannot see and interact. It is the portion of software that does not come in direct contact with the users. It is used to store and arrange data.
Languages You Will Learn
HTML
HTML is the markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and data tables, or embedding images and videos in the page.
![](html..jpg)
- Headings
- Paragraphs
- Comments
- Links
- Tags
- Elements
- Images
- Fonts
CSS
CSS is a language of style rules that we use to apply styling to our HTML content, for example setting background colors and fonts, and laying out our content in multiple columns.
![](css..jpg)
- CSS Type
- Box Model
- Class
- ID
- Selectors
- Grouping
- Family
JS
JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else. (Okay, not everything, but it is amazing what you can achieve with a few lines of JavaScript code.)
![](js..jpg)
- Layout
- Structure
- Use of Tags
- Web Components
![](html.jpeg)
HYPER TEXT MARKUP LANGUAGE(HTML)
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
"Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.
Get Access to Full Playlist: Open Playlist
![](css.webp)
CASCADING STYLE SHEET(CSS)
CSS (Cascading Style Sheets) allows you to create great-looking web pages, but how does it work under the hood? This article explains what CSS is with a simple syntax example and also covers some key terms about the language.
In the Introduction to HTML module, we covered what HTML is and how it is used to mark up documents. These documents will be readable in a web browser. Headings will look larger than regular text, paragraphs break onto a new line and have space between them. Links are colored and underlined to distinguish them from the rest of the text. What you are seeing are the browser's default styles — very basic styles — that the browser applies to HTML to make sure that the page will be basically readable even if no explicit styling is specified by the author of the page.
Get Access to Full Playlist: Open Playlist
![](js.webp)
JAVA SCRIPT(JS)
JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which (HTML and CSS) we have covered in much more detail in other parts of the Learning Area.
Get Access to Full Playlist: Open Playlist
Tools You Will Need
VISUAL STUDIO CODE
![](VSCode.png)
Visual Studio Code, also commonly referred to as VS Code,is a source-code editor made by Microsoft for Windows, Linux and macOS. Visual Studio Code is a streamlined code editor with support for development operations like debugging, task running, and version control. It aims to provide just the tools a developer needs for a quick code-build-debug cycle and leaves more complex workflows to fuller featured IDEs, such as Visual Studio IDE.
In the Stack Overflow 2021 Developer Survey, Visual Studio Code was ranked the most popular developer environment tool, with 70% of 82,000 respondents reporting that they use it.
Click to install VS Code
Founder
![Picture of Aman Dhattarwal](Aman_Dhattarwal.jpg)