SlideShare a Scribd company logo
1
Web Development
What is IT ?
What is Web Development ?
AGENDA
Emerging technologies in web development
with Python
What is Website ?
What is IT
? Hardware
Software
"Python web development combines the simplicity of the language with powerful frameworks like Flask and Django. Create dynamic, responsive websites, and deploy scalable applications with ease and efficiency."
@ the European Laboratory
Mr. Tim Berners-Lee
created the
World Wide Web
for Particle Physics (CERN)
in Geneva, Switzerland.
In 1990 and 1991
Definition of Website
A website (also written as web
site)
A collection of web pages and
related content
Identified by a common domain
name
Published on at least one web
server.
wikipedia.org,
google.com,
amazon.com, and etc…
Introduction to Web
• A document on the web is called a Web Page.
• A Web page is identified by Uniform Resource Locator
(URL).
• A URL is also commonly referred to as a Web Address.
• A website refers to the location on the internet of the Web
pages and related files.
What is Web Development?
Definition:
Developing a Web site for
the Internet or an intranet.
Range from developing
A simple single static page of
plain text to
complex web applications,
electronic businesses, and
social network services.
"Python web development combines the simplicity of the language with powerful frameworks like Flask and Django. Create dynamic, responsive websites, and deploy scalable applications with ease and efficiency."
"Python web development combines the simplicity of the language with powerful frameworks like Flask and Django. Create dynamic, responsive websites, and deploy scalable applications with ease and efficiency."
Front-end
Three Layers of Web Design
HTML
Do you imagine how
this page would like
without HTML
Looks ugly…
Doesn’t it ?
No HTML
•Without any markup to give your page content
structure, the browser renders unformatted and
unstyled text.
•HTML Tags give structure and meaning to
your content.
Let us Add HTML tags to our
page…
Looks Better….
But still not Good …
But What should we do to make
the page look nice ?
The answer is
use CSS….
CSS =
Cascading Style Sheet
Rules:
Set of rules defining how an html element will be “presented” in the browser.
CSS Rules:
p
{
color: red;
}
#title
{
font-style: italic;
Border: 1px dotted blue;
}
.content {
Font-weight: bold;
Background: yellow;
}
21
Something can and can’t change with CSS:
Can Change
• colors
• font
• font size
• backgrounds
• spacing
• sizes
• borders
• Position(layout)
Can’t change
• content
• Markup
After adding CSS to page:
Looks Perfect !
Text + HTML + CSS = Web Page
Now time for Actions !
Java Script
JavaScript is not a Java:
• JavaScript was not developed at Sun Microsystems, the
home of java.
• JavaScript was developed at Netscape in 1995.
• It’s not a light version of Java.
• It was not based on Java.
JavaScript:
Classic JavaScript is a
client-side language
used to add interactivity to
your web pages.
What can do with JavaScript?
What can do with JavaScript?
Some JavaScript Frameworks in
Recent Trend:
• Angular JS
• React JS
• Node JS
• Vue JS
Back-end
• Python
• MySQL
Python:
Now, it's my belief that Python is a lot easier than to teach to students
programming and teach them C or C++ or Java at the same time
because all the details of the languages are so much harder. Other
scripting languages really don't work very well there either.
- Guido van Rossum.
Python
• Python is an interpreted, object-oriented, high-level programming
language with dynamic semantics. Its high-level built in data
structures, combined with dynamic typing and dynamic binding.
• One area where Python shines is web development. Python offers
many frameworks to power some of the world’s most popular sites
such as Spotify, Mozilla, Reddit, the Washington Post and Yelp.
Python Frameworks:
• A framework is a collection of modules or packages which helps in
writing web applications. While working on frameworks in python
we don’t have to worry about the low level details such as protocols,
sockets or thread management.
Operations Involved in
Frameworks:
• Url Routing – Routing is the mechanism of mapping the URL directly
to the code that creates the web page.
• Input form handling and validation – Suppose you have a form which
takes some input, the idea is to validate the data and then save it.
• Output formats with template engine – A template engine allows
the developers to generate desired content types like HTML, XML,
JSON.
Operations Involved in
Frameworks:
• Database connection – Database connection configuration and
persistent data manipulation through an ORM.
• Web security – Frameworks give web security against cross-site
request forgery aka CSRF, sql injection, cross-site scripting and other
common malicious attacks.
• Session storage and retrieval – Data stored in the session storage
gets cleared when the page session ends.
Classification of Frameworks:
• Full (high-level)
- Come with many pre installed components and lot of low level
task automation.
• Micro (low-level)
- Come with many pre installed components and lot of low level
task automation.
Python Frameworks:
• Full (high-level)
• Django
• Web2py
• Turbogears
• Micro (low-level)
• Flask
• Pyramid
• CherryPy
• Bottle.py
MySQL:
• MySQL is the most popular database system used in Web
Development.
• MySQL is a database system used on the web.
• MySQL is a database system that runs on a server.
• MySQL is ideal for both small and large applications.
• MySQL is very fast, reliable, and easy to use.
• The data in a MySQL database are stored in tables. A table is a
collection of related data, and it consists of columns and rows.
Real-Time Applications:
Job Options in Web Development:
• Application Developer.
• Web developer.
• UI/UX Developer.
• Web Content Manager.
Smart way to become A IT Techie
Web DEVELOPMENT
with Php & Mysql
1.HTML
2.CSS
3.Javascript
4.Jquery
5.Ajax
6.Bootstrap
7.Php & Mysql
Web Development
with Python
1.HTML
2.CSS
3.Javascript
4.Jquery
5.Ajax
6.Bootstrap
7.Python with Django
43
Any
44
ELYSIUM ACADEMY
Peelamedu, Coimbatore.
6385 4444 67
kovai.hps@elysiumacademy.org
Ad

Recommended

PPTX
Mock Introduction to Web Development.pptx
nuruddinrazali
 
PDF
Making Of PHP Based Web Application
Sachin Walvekar
 
PPTX
Web Development Course in Chandigarh Join Now
asmeerana605
 
PDF
A Complete Web Development Guide For Non-Technical Startup Founder
img lift
 
PPT
varun ppt.ppt
ArunkumarKArun
 
PDF
Web Development Presentation
TurnToTech
 
PPTX
Women Who Code, Ground Floor
Katie Weiss
 
PDF
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
PPTX
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal
 
PPTX
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
PPTX
Intro to web dev
Hridyesh Bisht
 
PPT
Web Development Intro
Cindy Royal
 
PPTX
intership.pptx
rastogirajat324
 
PPTX
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
aadilsami37
 
PDF
WEB DEVELOPMENT FOR BEGINNERS
digitech374
 
PPTX
Web-Development-ppt.pptx for the student
GunavathyA
 
PPTX
Web-Development-ppt.pptx
EleenaJha
 
PPTX
Introduction to web application development
Ayyappadhas K B
 
PPTX
Web-Development-ppt (1).pptx
RaihanUddin57
 
PPTX
The Importance of Programming Languages for Web Developers.pptx
mbcaday
 
PDF
Meetup. Technologies Intro for Non-Tech People
IT Arena
 
PPTX
Web dev-101
Andrew Pottenger
 
PPTX
amanWeb.ppt.pptx
vinitajain703
 
PPT
The World of Web Development - 2017
Cindy Royal
 
PPTX
How can we develop an ideal website.pptx
PradeepK199981
 
PPTX
ashish ppt webd.pptx
ashishsaini773461
 
PPTX
Web-Development-ppt.pptx
AADITYADEVA
 
PPTX
221c82d4-5428-4047-8558-0467b34083e8.pptx
kurapativyshnavi3
 
PPTX
Data Structures Module 3 Binary Trees Binary Search Trees Tree Traversals AVL...
resming1
 
PPTX
NEW Strengthened Senior High School Gen Math.pptx
DaryllWhere
 

More Related Content

Similar to "Python web development combines the simplicity of the language with powerful frameworks like Flask and Django. Create dynamic, responsive websites, and deploy scalable applications with ease and efficiency." (20)

PPTX
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal
 
PPTX
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
PPTX
Intro to web dev
Hridyesh Bisht
 
PPT
Web Development Intro
Cindy Royal
 
PPTX
intership.pptx
rastogirajat324
 
PPTX
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
aadilsami37
 
PDF
WEB DEVELOPMENT FOR BEGINNERS
digitech374
 
PPTX
Web-Development-ppt.pptx for the student
GunavathyA
 
PPTX
Web-Development-ppt.pptx
EleenaJha
 
PPTX
Introduction to web application development
Ayyappadhas K B
 
PPTX
Web-Development-ppt (1).pptx
RaihanUddin57
 
PPTX
The Importance of Programming Languages for Web Developers.pptx
mbcaday
 
PDF
Meetup. Technologies Intro for Non-Tech People
IT Arena
 
PPTX
Web dev-101
Andrew Pottenger
 
PPTX
amanWeb.ppt.pptx
vinitajain703
 
PPT
The World of Web Development - 2017
Cindy Royal
 
PPTX
How can we develop an ideal website.pptx
PradeepK199981
 
PPTX
ashish ppt webd.pptx
ashishsaini773461
 
PPTX
Web-Development-ppt.pptx
AADITYADEVA
 
PPTX
221c82d4-5428-4047-8558-0467b34083e8.pptx
kurapativyshnavi3
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal
 
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
Intro to web dev
Hridyesh Bisht
 
Web Development Intro
Cindy Royal
 
intership.pptx
rastogirajat324
 
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
aadilsami37
 
WEB DEVELOPMENT FOR BEGINNERS
digitech374
 
Web-Development-ppt.pptx for the student
GunavathyA
 
Web-Development-ppt.pptx
EleenaJha
 
Introduction to web application development
Ayyappadhas K B
 
Web-Development-ppt (1).pptx
RaihanUddin57
 
The Importance of Programming Languages for Web Developers.pptx
mbcaday
 
Meetup. Technologies Intro for Non-Tech People
IT Arena
 
Web dev-101
Andrew Pottenger
 
amanWeb.ppt.pptx
vinitajain703
 
The World of Web Development - 2017
Cindy Royal
 
How can we develop an ideal website.pptx
PradeepK199981
 
ashish ppt webd.pptx
ashishsaini773461
 
Web-Development-ppt.pptx
AADITYADEVA
 
221c82d4-5428-4047-8558-0467b34083e8.pptx
kurapativyshnavi3
 

Recently uploaded (20)

PPTX
Data Structures Module 3 Binary Trees Binary Search Trees Tree Traversals AVL...
resming1
 
PPTX
NEW Strengthened Senior High School Gen Math.pptx
DaryllWhere
 
PPTX
Kel.3_A_Review_on_Internet_of_Things_for_Defense_v3.pptx
Endang Saefullah
 
PDF
May 2025: Top 10 Read Articles in Data Mining & Knowledge Management Process
IJDKP
 
PPTX
DESIGN OF REINFORCED CONCRETE ELEMENTS S
prabhusp8
 
PDF
Abraham Silberschatz-Operating System Concepts (9th,2012.12).pdf
Shabista Imam
 
PPTX
Comparison of Flexible and Rigid Pavements in Bangladesh
Arifur Rahman
 
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Mark Billinghurst
 
PDF
Modern multi-proposer consensus implementations
François Garillot
 
PPTX
FSE_LLM4SE1_A Tool for In-depth Analysis of Code Execution Reasoning of Large...
cl144
 
PPTX
AI_Presentation (1). Artificial intelligence
RoselynKaur8thD34
 
PPTX
Bitumen Emulsion by Dr Sangita Ex CRRI Delhi
grilcodes
 
PPT
دراسة حاله لقرية تقع في جنوب غرب السودان
محمد قصص فتوتة
 
PPTX
Tesla-Stock-Analysis-and-Forecast.pptx (1).pptx
moonsony54
 
PPTX
How to Un-Obsolete Your Legacy Keypad Design
Epec Engineered Technologies
 
PDF
تقرير عن التحليل الديناميكي لتدفق الهواء حول جناح.pdf
محمد قصص فتوتة
 
PPTX
Deep Learning for Natural Language Processing_FDP on 16 June 2025 MITS.pptx
resming1
 
PDF
Complete University of Calculus :: 2nd edition
Shabista Imam
 
PPTX
Introduction to sensing and Week-1.pptx
KNaveenKumarECE
 
PDF
System design handwritten notes guidance
Shabista Imam
 
Data Structures Module 3 Binary Trees Binary Search Trees Tree Traversals AVL...
resming1
 
NEW Strengthened Senior High School Gen Math.pptx
DaryllWhere
 
Kel.3_A_Review_on_Internet_of_Things_for_Defense_v3.pptx
Endang Saefullah
 
May 2025: Top 10 Read Articles in Data Mining & Knowledge Management Process
IJDKP
 
DESIGN OF REINFORCED CONCRETE ELEMENTS S
prabhusp8
 
Abraham Silberschatz-Operating System Concepts (9th,2012.12).pdf
Shabista Imam
 
Comparison of Flexible and Rigid Pavements in Bangladesh
Arifur Rahman
 
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Mark Billinghurst
 
Modern multi-proposer consensus implementations
François Garillot
 
FSE_LLM4SE1_A Tool for In-depth Analysis of Code Execution Reasoning of Large...
cl144
 
AI_Presentation (1). Artificial intelligence
RoselynKaur8thD34
 
Bitumen Emulsion by Dr Sangita Ex CRRI Delhi
grilcodes
 
دراسة حاله لقرية تقع في جنوب غرب السودان
محمد قصص فتوتة
 
Tesla-Stock-Analysis-and-Forecast.pptx (1).pptx
moonsony54
 
How to Un-Obsolete Your Legacy Keypad Design
Epec Engineered Technologies
 
تقرير عن التحليل الديناميكي لتدفق الهواء حول جناح.pdf
محمد قصص فتوتة
 
Deep Learning for Natural Language Processing_FDP on 16 June 2025 MITS.pptx
resming1
 
Complete University of Calculus :: 2nd edition
Shabista Imam
 
Introduction to sensing and Week-1.pptx
KNaveenKumarECE
 
System design handwritten notes guidance
Shabista Imam
 
Ad

"Python web development combines the simplicity of the language with powerful frameworks like Flask and Django. Create dynamic, responsive websites, and deploy scalable applications with ease and efficiency."

  • 2. What is IT ? What is Web Development ? AGENDA Emerging technologies in web development with Python What is Website ?
  • 3. What is IT ? Hardware Software
  • 5. @ the European Laboratory Mr. Tim Berners-Lee created the World Wide Web for Particle Physics (CERN) in Geneva, Switzerland. In 1990 and 1991
  • 6. Definition of Website A website (also written as web site) A collection of web pages and related content Identified by a common domain name Published on at least one web server. wikipedia.org, google.com, amazon.com, and etc…
  • 7. Introduction to Web • A document on the web is called a Web Page. • A Web page is identified by Uniform Resource Locator (URL). • A URL is also commonly referred to as a Web Address. • A website refers to the location on the internet of the Web pages and related files.
  • 8. What is Web Development?
  • 9. Definition: Developing a Web site for the Internet or an intranet. Range from developing A simple single static page of plain text to complex web applications, electronic businesses, and social network services.
  • 13. Three Layers of Web Design
  • 14. HTML
  • 15. Do you imagine how this page would like without HTML
  • 17. No HTML •Without any markup to give your page content structure, the browser renders unformatted and unstyled text. •HTML Tags give structure and meaning to your content.
  • 18. Let us Add HTML tags to our page… Looks Better…. But still not Good …
  • 19. But What should we do to make the page look nice ? The answer is use CSS….
  • 21. Rules: Set of rules defining how an html element will be “presented” in the browser. CSS Rules: p { color: red; } #title { font-style: italic; Border: 1px dotted blue; } .content { Font-weight: bold; Background: yellow; } 21
  • 22. Something can and can’t change with CSS: Can Change • colors • font • font size • backgrounds • spacing • sizes • borders • Position(layout) Can’t change • content • Markup
  • 23. After adding CSS to page: Looks Perfect !
  • 24. Text + HTML + CSS = Web Page
  • 25. Now time for Actions ! Java Script
  • 26. JavaScript is not a Java: • JavaScript was not developed at Sun Microsystems, the home of java. • JavaScript was developed at Netscape in 1995. • It’s not a light version of Java. • It was not based on Java.
  • 27. JavaScript: Classic JavaScript is a client-side language used to add interactivity to your web pages.
  • 28. What can do with JavaScript?
  • 29. What can do with JavaScript?
  • 30. Some JavaScript Frameworks in Recent Trend: • Angular JS • React JS • Node JS • Vue JS
  • 32. Python: Now, it's my belief that Python is a lot easier than to teach to students programming and teach them C or C++ or Java at the same time because all the details of the languages are so much harder. Other scripting languages really don't work very well there either. - Guido van Rossum.
  • 33. Python • Python is an interpreted, object-oriented, high-level programming language with dynamic semantics. Its high-level built in data structures, combined with dynamic typing and dynamic binding. • One area where Python shines is web development. Python offers many frameworks to power some of the world’s most popular sites such as Spotify, Mozilla, Reddit, the Washington Post and Yelp.
  • 34. Python Frameworks: • A framework is a collection of modules or packages which helps in writing web applications. While working on frameworks in python we don’t have to worry about the low level details such as protocols, sockets or thread management.
  • 35. Operations Involved in Frameworks: • Url Routing – Routing is the mechanism of mapping the URL directly to the code that creates the web page. • Input form handling and validation – Suppose you have a form which takes some input, the idea is to validate the data and then save it. • Output formats with template engine – A template engine allows the developers to generate desired content types like HTML, XML, JSON.
  • 36. Operations Involved in Frameworks: • Database connection – Database connection configuration and persistent data manipulation through an ORM. • Web security – Frameworks give web security against cross-site request forgery aka CSRF, sql injection, cross-site scripting and other common malicious attacks. • Session storage and retrieval – Data stored in the session storage gets cleared when the page session ends.
  • 37. Classification of Frameworks: • Full (high-level) - Come with many pre installed components and lot of low level task automation. • Micro (low-level) - Come with many pre installed components and lot of low level task automation.
  • 38. Python Frameworks: • Full (high-level) • Django • Web2py • Turbogears • Micro (low-level) • Flask • Pyramid • CherryPy • Bottle.py
  • 39. MySQL: • MySQL is the most popular database system used in Web Development. • MySQL is a database system used on the web. • MySQL is a database system that runs on a server. • MySQL is ideal for both small and large applications. • MySQL is very fast, reliable, and easy to use. • The data in a MySQL database are stored in tables. A table is a collection of related data, and it consists of columns and rows.
  • 41. Job Options in Web Development: • Application Developer. • Web developer. • UI/UX Developer. • Web Content Manager.
  • 42. Smart way to become A IT Techie Web DEVELOPMENT with Php & Mysql 1.HTML 2.CSS 3.Javascript 4.Jquery 5.Ajax 6.Bootstrap 7.Php & Mysql Web Development with Python 1.HTML 2.CSS 3.Javascript 4.Jquery 5.Ajax 6.Bootstrap 7.Python with Django