WEB

DEVELOPMENT

- Aditya Raman
WEB DEVELOPMENT

- Aditya Raman
 LET’S BEGIN

- WHAT IS THIS ?
- WHY THIS ?
- HOW ?
- WHERE TO BEGIN ?
- WHAT TO DO ?
- YES, I AM READY !
WEB DEVELOPMENT ???
 WHAT IS WEB DEVELOPMENT ?

● Web Development is the planning and creation of websites.

● It deals with the process of developing a website.
● Web development ranges from creating plain text pages
to complex web-based applications, social network
applications and electronic business applications.
What the web is ?
What a web application is ?
Web pages can contain programs too.
WHY ???
 Why you should ???
1. What is the purpose and goal of your website?
2. What is your expected outcome from your
Website?
3. How much money and time are you willing to
spend on your website?
4. Who is your target audience and how will your
website be designed to reach them?
HOW ???
Contact
HTML
Your Name
[email protected]
www.example.com

HTML + CSS
The web development hierarchy is as follows:

● Client-side coding
● Server-side coding
● Database technology
 Client ?

A client is a computer hardware device or

software that accesses a service made available
by a server. The server is often (but not always)
located on a separate physical computer.
 Server ?

A server is a physical computer dedicated to run

services to serve the needs of other computers.
Depending on the service that is running, it could
be a file server, database server, home media
server, print server, or web server.
 Primary technologies for the web
● Markup Languages
○ HTML, DHTML, XML, XSLT, etc....
● Cascading Style Sheets (CSS)
● Scripting languages
○ perl,javascript,php, etc....
● Web creation and editing software
○ Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site
Builder, etc..
Speaker’s Suggestion

Sqlite/
HTML,CSS, Django/
JavaScript Python MySQL/
Flask
MongoDB
Content is important, but
content alone will not
make your site work.
12 Principles of ‘GOOD’ web design
1. Visitor-centric, clear purpose

2. Progressive disclosure
 3. Displays quickly

4. Browser compatible
 5. Intuitive navigation

6. Spelling, grammar, writing

 7. Secure (eCommerce)

8. Attractive design, easy to read

 9. Cultural bias? (Regional?
Domestic? International?)

10. No technical problems (broken

links, buggy scripts)
11. Maintainable (separate content
from style)

12. Search Engine Accessible

Future of Web Development
 WebRTC
WebRTC is a free, open project WebRTC is designed to work peer-to-peer,
that provides browsers and mobile so users can connect by the most direct
applications with Real-Time route possible. However, WebRTC is built
to cope with real-world networking: client
Communications (RTC) capabilities
applications need to traverse
via simple APIs. The WebRTC NAT(Network address translator)
components have been optimized to gateways and firewalls, and peer to peer
best serve this purpose networking needs fallbacks in case direct
connection fails.

Source: https://webrtc.org
Scope of Web Development
 Scope of Web Development
Web Development intern in
India

2978 Results

Source: LinkedIn
Date : Aug 22, 2019
 As a Fresher
- 10,000 to 25,000 (INR)

After 2-3 years of

SALARY experience
- 25,000 to 50,000 (INR)

Professionals
- 6 figure income
Are you ready to contribute ?
 GLUG MVIT

https://www.glugmvit.com

https://blog.glugmvit.com
Resources and Websites
● World Wide Web Consortium
The organization responsible for creating official web standards
http://www.w3c.org/
● W3Schools
Online web tutorials (also contains web statistics)
http://www.w3schools.com/
● Coursera
https://www.coursera.org
● Edx
https://www.edx.org/
● Web Style Guide
A thorough and accessible guide to Web design
http://www.webstyleguide.com/
● Jacob Nielsen’s Use It
A web site devoted to accessibility issues
http://www.useit.com/
● Cool HomePages.com
A listing of the “coolest” home pages
http://www.coolhomepages.com/
● Vincent Flander’s Web Pages That Suck
Learn good design by looking at poorly designed web sites
http://www.webpagesthatsuck.com/
● Web Site Optimization Analyzer
Analyze time it takes for web site to load
http://www.websiteoptimization.com/services/analyze/
● Web Browser Statistics
http://www.w3schools.com/browsers/browserstats.asp
● disABILITY Information and Resources
A listing of web sites to help make web pages more accessible
http://www.makoa.org/
● Lynx Viewer
Emulations of lynx (text web browser)
http://www.delorie.com/web/lynxview.html
http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
● WebTV Viewer
An emulation of the WebTV browser
http://developer.msntv.com/Tools/WebTVVwr.asp
● HTML Validator
Validates HTML code
http://validator.w3.org/
● Bobby Accessibility Validator
Validates web sites for accessibility issues
http://bobby.watchfire.com/
● August 2005 Connection Speed Statistics:
http://www.websiteoptimization.com/bw/0508/
LET’S ANSWER
SOME QUESTIONS
What is the acronym of www
What is the acronym of www

world wide web

Which one of these is used
in Server Side
Development?
Django HTML5 CSS
Which one of these is used
in Server Side
Development?
Django
Which of the A) Graphic interface
following B) Database
tasks or programming
elements C) PHP Scripts
would be
D) HTML programming
considered
back-end ? E) Interface design
Which of the
following - B) Database
tasks or programming
elements
would be
considered - C) PHP Scripts
back-end ?
What is the acronym of https
What is the acronym of https

Hypertext Transfer Protocol Secure

 ADITYA LinkedIn

RAMAN www.linkedin.com/in/ramanaditya

GitHub

www.adityaraman.ml https://github.com/ramanaditya

[email protected]