Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
IntroductionToWeb Development
HTML, CSS, JAVASCRIPT, PHP
Our FirstWebpage
InThe Browser
 If you run this html on your browser -
 The link is where you have saved your html file
HTML
 Stands for Hypertext Markup Language
 Hypertext: Some content additional to original text to store structure or UI
 Markup:That content stored as hypertext
 The standard markup language for creatingWeb pages
 Supported by all browsers
 HTML elements are the building blocks of HTML pages.

Recommended for you

Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development

Web design and web development are often used interchangeably. However these terms refers to unique aspects involved in the process of creating a website and making it accessible to the audience over internet. Learn the difference between web designing and web development by going through this slide. You will also find how the job of a web designer is different from a web developer by understanding the programing language and tasks involved in both these professions.

web designweb design dubaiweb development
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt

HiddenBrains is an offshore web development company in india. We provide hiring services for php web development, asp.net web development, java programming, open source development, ecommerce solution, internet marketing and web design. Hire highly experienced web programmer and get customized web application development services in UK, Europe, USA.

web development companyweb developerhire php developer
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development

The document summarizes Yash Kumar Sati's training experience at Udacity Inc. It discusses that Udacity offers massive open online courses on topics like cybersecurity, machine learning, and web development. Through Udacity, Yash learned front-end web development skills like HTML, CSS, and JavaScript. He also learned shell programming and using version control systems like Git. The training helped Yash learn new techniques for building responsive and accessible websites using frameworks and optimizing code.

shell programmingfront end web developmentfront-end web development
HTML cont.
In the browser
ButThe UI Seems Like AWebpage from
80s’
CSS
Cascading Style Sheet

Recommended for you

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1

The document provides an overview of web design and development. It begins with defining key concepts like the world wide web, web browsers, HTTP, URLs, and the W3C. It then discusses where to start with web design and the main things someone needs to learn, including HTML, CSS, JavaScript, responsive design, and server-side programming languages like PHP. The document serves as a high-level introduction to the main components of web design.

html5css3web design
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development

This document provides an overview of web development. It begins with an introduction and outlines a series on the topic, covering basic design tools, logic tools, and tweaks needed. It then defines web applications, describes the evolution of web development from static to dynamic pages, and explains how requests are made and website structure. It also covers the basic web development process, reasons for multiple browsers, and differences between static and dynamic web pages. Finally, it discusses dynamic web technologies and frameworks.

phpwebwebdevelopment
Web development presentation
Web development presentationWeb development presentation
Web development presentation

Web development involves creating websites for use on the internet or intranets. It can range from simple single page sites to complex applications and online businesses. The rise of the internet as a visual medium correlated with its adoption by the general public through graphical interfaces. Users started embracing the World Wide Web when visual web browsers emerged in the early 1990s. Even as web technology advanced, some early design techniques persevered.

web developmentwhat is web development
Output
Why called cascading
Output
CSS - Example

Recommended for you

Web development
Web developmentWeb development
Web development

Web development involves the creation and maintenance of websites through web design and coding. Web design focuses on creating the visual templates and layouts for websites using tools like Photoshop, while coding provides the underlying structure and functionality through programming languages and frameworks. Coding is essential for web design as it forms the building blocks and server-side functionality that brings websites to life online.

web developmentweb design and developmentweb designing and coding
Full stack web development
Full stack web developmentFull stack web development
Full stack web development

Training as Full stack web developer with online course. Classes includes Python, MongoDB and Javascript online on full stack web development.

web developmentfull stackfront end
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi

This is the Slide I used at the Lagos Web Meetup where I talked on Web Development and Web Development Technologies. It outlines most of what was discussed at the meetup.

web developmentweb designweb design and development
Output
Why use JavaScript?
 HTML is interpreted by theWeb browser.
 It delivers the images and text for the user.
 But HTML pages are neither dynamic nor interactive.
.
JavaScript is a client side scripting language which
adds interactivity and make the webpage dynamic.
Difference between Server Site and Client Site
 Website scripts run in one of two places –
 the client side, also called the front-end.
 the server side, also called the back-end.
 The Server -This party is responsible for serving pages.The server of a website is, of
course, the server that hosts it.
 The Client -This party requests pages from the Server, and displays them to the user. In
most cases, the client is a web browser.
 The User uses the Client in order to surf the web, fill in forms, watch videos online, etc.
Difference between Server Site and Client Site
Client Side Languages
 Client side development is done almost
exclusively in JavaScript.
 This is, of course, in addition to basic HTML
and CSS code.
 The reason JavaScript is called a client side
language is because it runs scripts on your
computer after you’ve loaded a web page.
Server Side Languages
 A server side or back-end language runs its
scripts before the HTML is loaded, not after.
 PHP is one of the most popular language.
 Django, Ruby on Rails, ASP.NET and many
others.
 They are called server side languages because
their scripts are run not on your computer, but
on the server which hosts the website and
sends down the HTML document.

Recommended for you

Internship presentation
Internship presentationInternship presentation
Internship presentation

Techmaza Infotech offers 2 months of Internship programs in Web development and Digital Marketing. This program helps students to learn and do practical wok on our live projects based in Web Development and Search Engine Optimization.

internshipweb design and developmentsearch engine optimization
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development

Web designers create the visual design and layout of websites, while web developers write code to make websites functional. Web developers use programming languages like HTML, CSS, JavaScript, and PHP to add complex features and functionality to websites. Studying these languages and gaining experience through live projects allows individuals to pursue careers as web designers or developers where there is high demand for their skills.

ppt of web designing and developmentbatra computer centre
Web development
Web developmentWeb development
Web development

Successful websites are not created in a day. Learn about the type of developers (frontend and backend), languages used and advantages of it.

digigrowhubweb development and designfront end developer
JavaScript -
Example
An example of a button click to
show the date and time
JavaScript - Example
In the browser After the button click
HTML using PHP
 Say you want to show the list of students
who registered a course.
 You Need to write about 40 entries by hand.
ButWe Are Programmers

Recommended for you

Web development ppt
Web development pptWeb development ppt
Web development ppt

Hello guys, my name is Paras. I am very glad to share my own written presentation on web development with you.

web design and developmentwebsite designtechnology
web development.pptx
web development.pptxweb development.pptx
web development.pptx

Web development is the building and maintenance of websites; it's the work that happens behind the scenes to make a website look great, work fast and perform well with a seamless user experience. Web developers, or 'devs', do this by using a variety of coding languages

engineeringeducationweb development
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development

Full stack development involves building both the front end and back end of a web application. Full stack developers work with front end technologies like HTML, CSS, JavaScript, Angular, and React as well as back end technologies like PHP, Java, Python, Node.js, and frameworks like Express, Django and Rails. They also integrate databases like Oracle, MongoDB, and SQL to store and retrieve application data. Popular full stack technologies include MEAN, MERN, and LAMP stacks.

web design and developmentjavascripthtml5
ThankYou
Created by
 Naz Zarreen Oishie
 Publication Secretary
 CLUSTER
Presented By
 Parvez Mahbub
 IT Secretary
 CLUSTER

More Related Content

What's hot

Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
Palash Sukla Das
 
Front end web development
Front end web developmentFront end web development
Front end web development
viveksewa
 
Web Development
Web DevelopmentWeb Development
Web Development
Aditya Raman
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
Global Media Insight
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
Bruce Tucker
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
Yash Sati
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
Shahrzad Peyman
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
Web development
Web developmentWeb development
Web development
Sunil Moolchandani
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
Crampete
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
Temitayo Fadojutimi
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
Wasim Shemna
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
47ishu
 
Web development
Web developmentWeb development
Web development
RaziyaChoudhary
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
ParasJain222
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
MohdArbazraza
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
SWAGATHCHOWDARY1
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
Jussi Pohjolainen
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopment
damonras
 

What's hot (20)

Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Front end web development
Front end web developmentFront end web development
Front end web development
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Web development
Web developmentWeb development
Web development
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
Web development
Web developmentWeb development
Web development
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopment
 

Similar to Introduction to Web Development

Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
zaidfarooqui974
 
Scripting Languages
Scripting LanguagesScripting Languages
Scripting Languages
Forrester High School
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
ApxicTechnologies1
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
bodepallivamsi1122
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
RC Morales
 
Web programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh MalothWeb programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh Maloth
Bhavsingh Maloth
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTHWEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Bhavsingh Maloth
 
JavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptxJavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
Sachin Walvekar
 
Week one presentation principles of web server scripting
Week one presentation   principles of web server scriptingWeek one presentation   principles of web server scripting
Week one presentation principles of web server scripting
John Robinson
 
Front End Lecture 1.pptx
Front End Lecture 1.pptxFront End Lecture 1.pptx
Front End Lecture 1.pptx
malise2997
 
JS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTINGJS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTING
Arulkumar
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
Go4Guru
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
learnEnglish51
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
Randy Connolly
 
Internship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptxInternship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
Rutgers - Active Server Pages
Rutgers - Active Server PagesRutgers - Active Server Pages
Rutgers - Active Server Pages
Michael Dobe, Ph.D.
 
The Internet Explained To Your Mum In 5 Slides
The Internet Explained To Your Mum In 5 SlidesThe Internet Explained To Your Mum In 5 Slides
The Internet Explained To Your Mum In 5 Slides
Marcello Brivio
 
Java script
Java scriptJava script
Java script
reddivarihareesh
 
Scripting languages
Scripting languagesScripting languages
Scripting languages
Diane Phillips Krebs
 

Similar to Introduction to Web Development (20)

Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
 
Scripting Languages
Scripting LanguagesScripting Languages
Scripting Languages
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
Web programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh MalothWeb programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh Maloth
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTHWEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
 
JavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptxJavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptx
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Week one presentation principles of web server scripting
Week one presentation   principles of web server scriptingWeek one presentation   principles of web server scripting
Week one presentation principles of web server scripting
 
Front End Lecture 1.pptx
Front End Lecture 1.pptxFront End Lecture 1.pptx
Front End Lecture 1.pptx
 
JS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTINGJS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTING
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
 
Internship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptxInternship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptx
 
Rutgers - Active Server Pages
Rutgers - Active Server PagesRutgers - Active Server Pages
Rutgers - Active Server Pages
 
The Internet Explained To Your Mum In 5 Slides
The Internet Explained To Your Mum In 5 SlidesThe Internet Explained To Your Mum In 5 Slides
The Internet Explained To Your Mum In 5 Slides
 
Java script
Java scriptJava script
Java script
 
Scripting languages
Scripting languagesScripting languages
Scripting languages
 

Recently uploaded

Software development... for all? (keynote at ICSOFT'2024)
Software development... for all? (keynote at ICSOFT'2024)Software development... for all? (keynote at ICSOFT'2024)
Software development... for all? (keynote at ICSOFT'2024)
miso_uam
 
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
Hironori Washizaki
 
Break data silos with real-time connectivity using Confluent Cloud Connectors
Break data silos with real-time connectivity using Confluent Cloud ConnectorsBreak data silos with real-time connectivity using Confluent Cloud Connectors
Break data silos with real-time connectivity using Confluent Cloud Connectors
confluent
 
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg
 
How we built TryBoxLang in under 48 hours
How we built TryBoxLang in under 48 hoursHow we built TryBoxLang in under 48 hours
How we built TryBoxLang in under 48 hours
Ortus Solutions, Corp
 
@Call @Girls in Aligarh 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
 @Call @Girls in Aligarh 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A... @Call @Girls in Aligarh 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
@Call @Girls in Aligarh 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
msriya3
 
@Call @Girls in Surat 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Surat Avaulable
 @Call @Girls in Surat 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Surat Avaulable @Call @Girls in Surat 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Surat Avaulable
@Call @Girls in Surat 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Surat Avaulable
DiyaSharma6551
 
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model SafeKolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Misti Soneji
 
@Call @Girls in Ahmedabad 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Ahmedabad Ava...
 @Call @Girls in Ahmedabad 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Ahmedabad Ava... @Call @Girls in Ahmedabad 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Ahmedabad Ava...
@Call @Girls in Ahmedabad 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Ahmedabad Ava...
DiyaSharma6551
 
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
Asher Sterkin
 
@ℂall @Girls Kolkata ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
@ℂall @Girls Kolkata  ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe@ℂall @Girls Kolkata  ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
@ℂall @Girls Kolkata ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Misti Soneji
 
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
avufu
 
@Call @Girls in Kolkata 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Kolkata Avaulable
 @Call @Girls in Kolkata 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Kolkata Avaulable @Call @Girls in Kolkata 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Kolkata Avaulable
@Call @Girls in Kolkata 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Kolkata Avaulable
DiyaSharma6551
 
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple StepsSeamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Estuary Flow
 
mobile-app-development-company-in-noida.pdf
mobile-app-development-company-in-noida.pdfmobile-app-development-company-in-noida.pdf
mobile-app-development-company-in-noida.pdf
Mobile App Development Company in Noida - Drona Infotech
 
Java SE 17 Study Guide for Certification - Chapter 01
Java SE 17 Study Guide for Certification - Chapter 01Java SE 17 Study Guide for Certification - Chapter 01
Java SE 17 Study Guide for Certification - Chapter 01
williamrobertherman
 
Panvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
Panvel @Call @Girls Whatsapp 9833363713 With High Profile OfferPanvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
Panvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
$A19
 
ENISA Threat Landscape 2023 documentation
ENISA Threat Landscape 2023 documentationENISA Threat Landscape 2023 documentation
ENISA Threat Landscape 2023 documentation
sofiafernandezon
 
What is OCR Technology and How to Extract Text from Any Image for Free
What is OCR Technology and How to Extract Text from Any Image for FreeWhat is OCR Technology and How to Extract Text from Any Image for Free
What is OCR Technology and How to Extract Text from Any Image for Free
TwisterTools
 
@Call @Girls in Tirunelveli 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
 @Call @Girls in Tirunelveli 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla... @Call @Girls in Tirunelveli 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
@Call @Girls in Tirunelveli 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
JoyaBansal
 

Recently uploaded (20)

Software development... for all? (keynote at ICSOFT'2024)
Software development... for all? (keynote at ICSOFT'2024)Software development... for all? (keynote at ICSOFT'2024)
Software development... for all? (keynote at ICSOFT'2024)
 
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
COMPSAC 2024 D&I Panel: Charting a Course for Equity: Strategies for Overcomi...
 
Break data silos with real-time connectivity using Confluent Cloud Connectors
Break data silos with real-time connectivity using Confluent Cloud ConnectorsBreak data silos with real-time connectivity using Confluent Cloud Connectors
Break data silos with real-time connectivity using Confluent Cloud Connectors
 
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
Abortion pills in Fujairah *((+971588192166*)☎️)¥) **Effective Abortion Pills...
 
How we built TryBoxLang in under 48 hours
How we built TryBoxLang in under 48 hoursHow we built TryBoxLang in under 48 hours
How we built TryBoxLang in under 48 hours
 
@Call @Girls in Aligarh 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
 @Call @Girls in Aligarh 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A... @Call @Girls in Aligarh 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
@Call @Girls in Aligarh 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Class A...
 
@Call @Girls in Surat 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Surat Avaulable
 @Call @Girls in Surat 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Surat Avaulable @Call @Girls in Surat 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Surat Avaulable
@Call @Girls in Surat 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Surat Avaulable
 
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model SafeKolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
Kolkata @ℂall @Girls ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
 
@Call @Girls in Ahmedabad 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Ahmedabad Ava...
 @Call @Girls in Ahmedabad 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Ahmedabad Ava... @Call @Girls in Ahmedabad 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Ahmedabad Ava...
@Call @Girls in Ahmedabad 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Ahmedabad Ava...
 
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
Ported to Cloud with Wing_ Blue ZnZone app from _Hexagonal Architecture Expla...
 
@ℂall @Girls Kolkata ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
@ℂall @Girls Kolkata  ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe@ℂall @Girls Kolkata  ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
@ℂall @Girls Kolkata ꧁❤ 000000000 ❤꧂@ℂall @Girls Service Vip Top Model Safe
 
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
一比一原版英国牛津大学毕业证(oxon毕业证书)如何办理
 
@Call @Girls in Kolkata 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Kolkata Avaulable
 @Call @Girls in Kolkata 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Kolkata Avaulable @Call @Girls in Kolkata 🐱‍🐉  XXXXXXXXXX 🐱‍🐉  Best High Class Kolkata Avaulable
@Call @Girls in Kolkata 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Best High Class Kolkata Avaulable
 
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple StepsSeamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
Seamless PostgreSQL to Snowflake Data Transfer in 8 Simple Steps
 
mobile-app-development-company-in-noida.pdf
mobile-app-development-company-in-noida.pdfmobile-app-development-company-in-noida.pdf
mobile-app-development-company-in-noida.pdf
 
Java SE 17 Study Guide for Certification - Chapter 01
Java SE 17 Study Guide for Certification - Chapter 01Java SE 17 Study Guide for Certification - Chapter 01
Java SE 17 Study Guide for Certification - Chapter 01
 
Panvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
Panvel @Call @Girls Whatsapp 9833363713 With High Profile OfferPanvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
Panvel @Call @Girls Whatsapp 9833363713 With High Profile Offer
 
ENISA Threat Landscape 2023 documentation
ENISA Threat Landscape 2023 documentationENISA Threat Landscape 2023 documentation
ENISA Threat Landscape 2023 documentation
 
What is OCR Technology and How to Extract Text from Any Image for Free
What is OCR Technology and How to Extract Text from Any Image for FreeWhat is OCR Technology and How to Extract Text from Any Image for Free
What is OCR Technology and How to Extract Text from Any Image for Free
 
@Call @Girls in Tirunelveli 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
 @Call @Girls in Tirunelveli 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla... @Call @Girls in Tirunelveli 🐱‍🐉  XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
@Call @Girls in Tirunelveli 🐱‍🐉 XXXXXXXXXX 🐱‍🐉 Tanisha Sharma Best High Cla...
 

Introduction to Web Development

  • 3. InThe Browser  If you run this html on your browser -  The link is where you have saved your html file
  • 4. HTML  Stands for Hypertext Markup Language  Hypertext: Some content additional to original text to store structure or UI  Markup:That content stored as hypertext  The standard markup language for creatingWeb pages  Supported by all browsers  HTML elements are the building blocks of HTML pages.
  • 7. ButThe UI Seems Like AWebpage from 80s’
  • 14. Why use JavaScript?  HTML is interpreted by theWeb browser.  It delivers the images and text for the user.  But HTML pages are neither dynamic nor interactive. . JavaScript is a client side scripting language which adds interactivity and make the webpage dynamic.
  • 15. Difference between Server Site and Client Site  Website scripts run in one of two places –  the client side, also called the front-end.  the server side, also called the back-end.  The Server -This party is responsible for serving pages.The server of a website is, of course, the server that hosts it.  The Client -This party requests pages from the Server, and displays them to the user. In most cases, the client is a web browser.  The User uses the Client in order to surf the web, fill in forms, watch videos online, etc.
  • 16. Difference between Server Site and Client Site Client Side Languages  Client side development is done almost exclusively in JavaScript.  This is, of course, in addition to basic HTML and CSS code.  The reason JavaScript is called a client side language is because it runs scripts on your computer after you’ve loaded a web page. Server Side Languages  A server side or back-end language runs its scripts before the HTML is loaded, not after.  PHP is one of the most popular language.  Django, Ruby on Rails, ASP.NET and many others.  They are called server side languages because their scripts are run not on your computer, but on the server which hosts the website and sends down the HTML document.
  • 17. JavaScript - Example An example of a button click to show the date and time
  • 18. JavaScript - Example In the browser After the button click
  • 19. HTML using PHP  Say you want to show the list of students who registered a course.  You Need to write about 40 entries by hand.
  • 21. ThankYou Created by  Naz Zarreen Oishie  Publication Secretary  CLUSTER Presented By  Parvez Mahbub  IT Secretary  CLUSTER

Editor's Notes

  1. Show hi!