SlideShare a Scribd company logo
2
Most read
10
Most read
12
Most read
Presented by:
Jayant Surana 40614802816 ECE
Web Development
Contents
 Web Development Specialization
 HTML
 CSS
 JavaScript
 Why JS?
 React JS
 Why React JS?
 SQL
 Node JS
Web Development
Specialization
 Front-end Development
 Back-end Development
 Full Stack Development
HTML
 Hypertext Markup Language (HTML) is the
standard markup language for creating web pages and web
applications.
 HTML is a Markup Language. It uses Markup tags to describe
Web pages.
 The future of HTML is XML (eXtended Markup Language)
CSS
 Cascading Style Sheets (CSS) is a style sheet
language used for describing the presentation of a document
written in a markup language like HTML.
 CSS works alongside HTML and JavaScript.
JavaScript
 JavaScript, often abbreviated as JS, is a high – level
interpreted programming language.
 Alongside HTML and CSS, JavaScript is one of the three
core technologies of the World Wide Web.
 JavaScript enables interactive web pages and thus is an
essential part of web applications.
Why JS?
 JavaScript enhances web pages with dynamic and interactive
features.
 JavaScript runs in client software.
 JavaScript can react to events.
 JavaScript can read/write/modify HTML elements.
React JS
 React js is a JavaScript library for building user interfaces. It
is maintained by Facebook and a community of individual
developers and companies.
 React can be used as a base in the development of single-
page or mobile applications.
 Complex React applications usually require the use of
additional libraries for state management, routing, and
interaction with an API.
Why React JS?
 Virtual DOM – React js use the concept of virtual DOM which
helps in the performance.
 Unidirectional Data Flow – Compared to the two way
binding. React js use the concept of unidirectional data flow
which improve the overall performance.
 UI Components – Reusable and interactive components.
 Coding is simpler because of JSX.
SQL
 Standard Query Language (SQL) is a standard language for
storing, manipulating and retrieving data in databases.
 SQL lets you access and manipulate databases
Node JS
 Node.js is an open-source, cross-platform JavaScript run-
time environment that executes JavaScript code outside of a
browser.
 Node.js lets developers use JavaScript to write Command
Line tools and for server-side scripting
Thank You

More Related Content

PDF
Web development ppt
ParasJain222
 
PDF
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
PPTX
Internship Presentation 1 Web Developer
Hemant Sarthak
 
PPTX
Front-End Web Development
Yash Sati
 
PPTX
[Final] ReactJS presentation
洪 鹏发
 
PPTX
The prodigal sons of God
Alan Williamson
 
PPTX
E commerce ppt
Munish Singla
 
PPTX
Front end web development
viveksewa
 
Web development ppt
ParasJain222
 
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
Internship Presentation 1 Web Developer
Hemant Sarthak
 
Front-End Web Development
Yash Sati
 
[Final] ReactJS presentation
洪 鹏发
 
The prodigal sons of God
Alan Williamson
 
E commerce ppt
Munish Singla
 
Front end web development
viveksewa
 

What's hot (20)

PPTX
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
PPTX
React workshop
Imran Sayed
 
PDF
ReactJS presentation
Thanh Tuong
 
PDF
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
PPTX
Introduction to React JS for beginners
Varun Raj
 
PPTX
Intro to React
Justin Reock
 
PPTX
ReactJS presentation.pptx
DivyanshGupta922023
 
PPTX
Introduction to Web Development
Parvez Mahbub
 
PDF
Bootstrap 5 basic
Jubair Ahmed Junjun
 
PPTX
Web-Development-ppt.pptx
EleenaJha
 
PDF
Javascript
Momentum Design Lab
 
PPTX
Flutter
Himanshu Singh
 
PPTX
Presentation 5 (1).pptx
NehaSingh348136
 
PPTX
Full stack development
Arnav Gupta
 
PPTX
ppt of web development for diploma student
Abhishekchauhan863165
 
PPTX
Introduction to react_js
MicroPyramid .
 
PPTX
Web application framework
Pankaj Chand
 
PPTX
Javascript
Nagarajan
 
PPTX
Introduction to React
Rob Quick
 
PPT
JavaScript Tutorial
Bui Kiet
 
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
React workshop
Imran Sayed
 
ReactJS presentation
Thanh Tuong
 
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Introduction to React JS for beginners
Varun Raj
 
Intro to React
Justin Reock
 
ReactJS presentation.pptx
DivyanshGupta922023
 
Introduction to Web Development
Parvez Mahbub
 
Bootstrap 5 basic
Jubair Ahmed Junjun
 
Web-Development-ppt.pptx
EleenaJha
 
Presentation 5 (1).pptx
NehaSingh348136
 
Full stack development
Arnav Gupta
 
ppt of web development for diploma student
Abhishekchauhan863165
 
Introduction to react_js
MicroPyramid .
 
Web application framework
Pankaj Chand
 
Javascript
Nagarajan
 
Introduction to React
Rob Quick
 
JavaScript Tutorial
Bui Kiet
 
Ad

Similar to Web development using javaScript, React js, Node js, HTML, CSS and SQL (20)

PDF
Introduction to Frontend Technologies
aTeam soft solutions
 
PDF
Exploring the Power of Frontend Technologies: Enhancing User Experience and D...
aTeam soft solutions
 
PDF
Exploring the Dynamic Landscape of Software Development in Houston
aTeam soft solutions
 
PPTX
It ppt.pptx
GurupreetSinghArora1
 
PDF
The Difference Between Node.js and React.js.pdf
TutorialsFreak
 
PPTX
Full Stack Web Development
SWAGATHCHOWDARY1
 
PDF
What are the advantages of choosing React Js for the creation of a website.pdf
Cuion Technologies
 
PPT
Introduction to mean and mern || Event by DSC UNIDEB
Muhammad Raza
 
PPTX
Front-end rich JavaScript application creation (Backbone.js)
Oleksii Prohonnyi
 
PDF
Top 10 Differences Between React and JavaScript: A Detailed Comparison
Inwizards Software Technology
 
PPTX
Full Stack Developer Course in Chandigarh
asmeerana605
 
PPTX
Javascrip frameworks
Sumit Odich
 
PDF
MEAN Stack: What and Why
Natural Group
 
PPTX
074Aman.pptx
132YashDuttPandey
 
PDF
ReactJS vs React Native - Key Differences You Need to Know in 2023
TriState Technology
 
PDF
Comprehensive Guide to JavaScript Frameworks
kavsinghta
 
PDF
React.js vs node.js
Metricoid Technology
 
PPTX
BCA -6th sem Project PPT The project name is dental pro
Rahul254237
 
PPTX
AFTAB AHMED.pptx
AftabAhmed132116
 
DOCX
what is web development and what are type
shashwatsingh414094
 
Introduction to Frontend Technologies
aTeam soft solutions
 
Exploring the Power of Frontend Technologies: Enhancing User Experience and D...
aTeam soft solutions
 
Exploring the Dynamic Landscape of Software Development in Houston
aTeam soft solutions
 
The Difference Between Node.js and React.js.pdf
TutorialsFreak
 
Full Stack Web Development
SWAGATHCHOWDARY1
 
What are the advantages of choosing React Js for the creation of a website.pdf
Cuion Technologies
 
Introduction to mean and mern || Event by DSC UNIDEB
Muhammad Raza
 
Front-end rich JavaScript application creation (Backbone.js)
Oleksii Prohonnyi
 
Top 10 Differences Between React and JavaScript: A Detailed Comparison
Inwizards Software Technology
 
Full Stack Developer Course in Chandigarh
asmeerana605
 
Javascrip frameworks
Sumit Odich
 
MEAN Stack: What and Why
Natural Group
 
074Aman.pptx
132YashDuttPandey
 
ReactJS vs React Native - Key Differences You Need to Know in 2023
TriState Technology
 
Comprehensive Guide to JavaScript Frameworks
kavsinghta
 
React.js vs node.js
Metricoid Technology
 
BCA -6th sem Project PPT The project name is dental pro
Rahul254237
 
AFTAB AHMED.pptx
AftabAhmed132116
 
what is web development and what are type
shashwatsingh414094
 
Ad

Recently uploaded (20)

PPTX
Iconic Destinations in India: Explore Heritage and Beauty
dhorashankar
 
PPTX
DPIC Assingment_1.pptx.pptx for presentation
yashwork2607
 
PPTX
Information Security and Risk Management.pptx
prembasnet12
 
PPTX
GAMABA AWARDEES GINAW BILOG AND SALINTA MONON BY REYMART
purezagambala458
 
PPTX
Cohort Study_PPT.group presentation_pdf.pptx
fatemakhan242
 
PPTX
business communication final draftt.pptx
jiyasharma1701
 
PPTX
Joy And Peace In All Circumstances.pptx
FamilyWorshipCenterD
 
PPTX
2025-08-03 Joseph 01 (shared slides).pptx
Dale Wells
 
PDF
Enhancing Bambara Groundnut Production Through Improved Agronomic Practices
Francois Stepman
 
PPTX
Describing the Organization's General Environment Identifying the Most Impact...
auntorkhastagirpujan
 
PPTX
What is Clause, definition and structure
DidinDaengLiong
 
PPTX
Influencing Factors of Business Environment of Vegetables Selling Business
auntorkhastagirpujan
 
PPTX
Presentation of Project of Enterprenuership topic- "Green Gaurdian"
vinay patel
 
PPTX
Marketing Mix Analysis of Singapore Airlines.pptx
auntorkhastagirpujan
 
PPTX
Ocean_and_Freshwater_Awareness_Presentation.pptx
Suhaira9
 
DOCX
Policies & Procedures of Internal Audit Department of Shelter Holding LLC.docx
AlamGir100
 
PPTX
How do Company Analysis Short Term and Long Term Investment.pptx
auntorkhastagirpujan
 
PDF
Media Training for Authors: Producing Videos & Nailing Interviews
Paula Rizzo
 
PPTX
Introductions to artificial intelligence
rakshjain77
 
PPTX
IBA DISTRICT PIR PRESENTATION.POWERPOINT
ROGELIOLADIERO1
 
Iconic Destinations in India: Explore Heritage and Beauty
dhorashankar
 
DPIC Assingment_1.pptx.pptx for presentation
yashwork2607
 
Information Security and Risk Management.pptx
prembasnet12
 
GAMABA AWARDEES GINAW BILOG AND SALINTA MONON BY REYMART
purezagambala458
 
Cohort Study_PPT.group presentation_pdf.pptx
fatemakhan242
 
business communication final draftt.pptx
jiyasharma1701
 
Joy And Peace In All Circumstances.pptx
FamilyWorshipCenterD
 
2025-08-03 Joseph 01 (shared slides).pptx
Dale Wells
 
Enhancing Bambara Groundnut Production Through Improved Agronomic Practices
Francois Stepman
 
Describing the Organization's General Environment Identifying the Most Impact...
auntorkhastagirpujan
 
What is Clause, definition and structure
DidinDaengLiong
 
Influencing Factors of Business Environment of Vegetables Selling Business
auntorkhastagirpujan
 
Presentation of Project of Enterprenuership topic- "Green Gaurdian"
vinay patel
 
Marketing Mix Analysis of Singapore Airlines.pptx
auntorkhastagirpujan
 
Ocean_and_Freshwater_Awareness_Presentation.pptx
Suhaira9
 
Policies & Procedures of Internal Audit Department of Shelter Holding LLC.docx
AlamGir100
 
How do Company Analysis Short Term and Long Term Investment.pptx
auntorkhastagirpujan
 
Media Training for Authors: Producing Videos & Nailing Interviews
Paula Rizzo
 
Introductions to artificial intelligence
rakshjain77
 
IBA DISTRICT PIR PRESENTATION.POWERPOINT
ROGELIOLADIERO1
 

Web development using javaScript, React js, Node js, HTML, CSS and SQL

  • 1. Presented by: Jayant Surana 40614802816 ECE
  • 3. Contents  Web Development Specialization  HTML  CSS  JavaScript  Why JS?  React JS  Why React JS?  SQL  Node JS
  • 4. Web Development Specialization  Front-end Development  Back-end Development  Full Stack Development
  • 5. HTML  Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.  HTML is a Markup Language. It uses Markup tags to describe Web pages.  The future of HTML is XML (eXtended Markup Language)
  • 6. CSS  Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.  CSS works alongside HTML and JavaScript.
  • 7. JavaScript  JavaScript, often abbreviated as JS, is a high – level interpreted programming language.  Alongside HTML and CSS, JavaScript is one of the three core technologies of the World Wide Web.  JavaScript enables interactive web pages and thus is an essential part of web applications.
  • 8. Why JS?  JavaScript enhances web pages with dynamic and interactive features.  JavaScript runs in client software.  JavaScript can react to events.  JavaScript can read/write/modify HTML elements.
  • 9. React JS  React js is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.  React can be used as a base in the development of single- page or mobile applications.  Complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API.
  • 10. Why React JS?  Virtual DOM – React js use the concept of virtual DOM which helps in the performance.  Unidirectional Data Flow – Compared to the two way binding. React js use the concept of unidirectional data flow which improve the overall performance.  UI Components – Reusable and interactive components.  Coding is simpler because of JSX.
  • 11. SQL  Standard Query Language (SQL) is a standard language for storing, manipulating and retrieving data in databases.  SQL lets you access and manipulate databases
  • 12. Node JS  Node.js is an open-source, cross-platform JavaScript run- time environment that executes JavaScript code outside of a browser.  Node.js lets developers use JavaScript to write Command Line tools and for server-side scripting