SlideShare a Scribd company logo
+
Web Technologies
Markup Languages, Scripting Languages,
Programming Languages, Databases, Libraries
and Framworks
+
Languages
 We can break the languages we use for the Web into three
categories and then sub categories.
 Markup Languages
 Scripting Languages
 Programming Languages
+
Markup Languages
 Determine how a page or information should be displayed or organized.
 HTML
 CSS
 XML
 <note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body
>Don't forget me this weekend!</body></note>
 SVG
 <svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black"
stroke-width="3" fill="red" /> Sorry, your browser does not support inline SVG.
</svg>
 JSON
 { "glossary": { "title": "example glossary", "GlossDiv": { "title": "S", "GlossList": {
"GlossEntry": { "ID": "SGML", "SortAs": "SGML", "GlossTerm": "Standard
Generalized Markup Language", "Acronym": "SGML", "Abbrev": "ISO
8879:1986", "GlossDef": { "para": "A meta-markup language, used to create
markup languages such as DocBook.", "GlossSeeAlso": ["GML", "XML"] },
"GlossSee": "markup" } } } } }
+
Scripting Languages
 Usually C type language that needs an engine to run the code.
The engine is built into the browser or ther server software as
an extension.
 Example For Javascript you need a web browser
 Javascript (Most Popular Browser/Client)
 PHP (Most Popular Server Side)
 ASP
 Perl
 Tcl
 Python
+
Scripting Languages
 Some scripting languages can be divided into two categories
of:
 Client Side
 Javascript (Most Popular Browser/Client)
 VBScript
 Server Side
 PHP (Most Popular Server Side)
 Python
 Perl
 ColdFusion
 ASP
+
Programming Languages
 Programming Languages need to be compiled and do not need
anything on the computer to run. They are compiles to specific
operating systems
 C
 C++
 C#
 Objective C
 Swift
 Java
 Pascal
+
Databases
 Flat Databases
 Similar to text files and are usually delimited with tabs or comas
 Relational Databases Management Systems
 Multiple tables that are joined
 Uses normalization to reduce data and minimize redundancy
 Usually uses SQL (Structured Query Language)(Sequeel)
 Object Databases
 Usually used in compiled programs
+
Databases
 Databases are programs used to search and organize data.
 Common for the web would be MySQL
 PostgreSQL
 Microsoft SQL
 Oracle
 DB2
 NoSQL
 MongoDB
+
Libraries
 Software library goes and does some work for you but it can
not be manipulated
 A library is essentially a set of functions that you can call, these
days usually organized into classes. Each call does some work and
returns control to the client.
 A framework embodies some abstract design, with more behavior
built in. In order to use it you need to insert your behavior into
various places in the framework either by subclassing or by plugging
in your own classes. The framework's code then calls your code at
these points.
+
Libraries
 Examples of JavaScript Libraries
 jQuery
 MooTools
+
Frameworks
 Examples of JavaScript Frameworks
 Angular
 React
 Vue
 Examples of HTML/CSS Frameworks
 Materializecss
 BootStrap
 Foundations

More Related Content

PDF
SMACSS Workshop
PPTX
Less css
PDF
How to use CSS3 in WordPress - Sacramento
PPTX
[Mas 500] Data Basics
PDF
Intro to Sass for WordPress Developers
PPTX
Web Information Systems Html and css
PPTX
Web Information Systems XML
PPT
Why less?
SMACSS Workshop
Less css
How to use CSS3 in WordPress - Sacramento
[Mas 500] Data Basics
Intro to Sass for WordPress Developers
Web Information Systems Html and css
Web Information Systems XML
Why less?

What's hot (20)

KEY
Sass: The Future of Stylesheets
PPTX
Css ms megha
PPTX
How to dominate a free theme WCTO 2014
PDF
Painless OO XML with XML::Pastor
KEY
Week 1 Slides - Cosmology of the Modern WordPress Web
PDF
Introduction to the Web and HTML
PDF
Less vs sass
PDF
Css Preprocessors
PPTX
Revamp Your Stylesheet
PPTX
PDF
LESS, the CSS Preprocessor
PPSX
Drupal+LESS | PHDUG Drupal Developers Day 2012
PDF
The XML Forms Architecture
PPT
Drupal - Introduction to Drupal Menu and Theme Management
PDF
CSS - OOCSS, SMACSS and more
PDF
Using LESS, the CSS Preprocessor: J and Beyond 2013
PDF
Processing XML
PDF
Week 1 - How the Web Woks + Wordpress 101
PPTX
Ajax xml json
PPT
Html & Css presentation
Sass: The Future of Stylesheets
Css ms megha
How to dominate a free theme WCTO 2014
Painless OO XML with XML::Pastor
Week 1 Slides - Cosmology of the Modern WordPress Web
Introduction to the Web and HTML
Less vs sass
Css Preprocessors
Revamp Your Stylesheet
LESS, the CSS Preprocessor
Drupal+LESS | PHDUG Drupal Developers Day 2012
The XML Forms Architecture
Drupal - Introduction to Drupal Menu and Theme Management
CSS - OOCSS, SMACSS and more
Using LESS, the CSS Preprocessor: J and Beyond 2013
Processing XML
Week 1 - How the Web Woks + Wordpress 101
Ajax xml json
Html & Css presentation
Ad

Similar to Languages (1) (20)

PPTX
Fundamentals of Web building
PDF
Software development - the java perspective
PDF
Intro to mobile web application development
PDF
Survive JavaScript - Strategies and Tricks
PDF
Front-End Frameworks: a quick overview
PPT
Introduction to mean and mern || Event by DSC UNIDEB
PPT
Super billing asp.net
PPT
Introducing Oslo
KEY
NoSQL: Why, When, and How
PPTX
AestasIT - Internal DSLs in Scala
PPTX
Programming languages asp.net
PPT
Intro to-html-backbone
PDF
GDG-USAR Tech winter break 2024 USAR.pdf
PPTX
Taming the Data Science Monster with A New ‘Sword’ – U-SQL
PPTX
Untangling spring week4
PDF
Crash Course HTML/Rails Slides
PDF
Performance Optimization and JavaScript Best Practices
PPTX
PPTX
Polyglot Database - Linuxcon North America 2016
PPT
CSS Methodology
Fundamentals of Web building
Software development - the java perspective
Intro to mobile web application development
Survive JavaScript - Strategies and Tricks
Front-End Frameworks: a quick overview
Introduction to mean and mern || Event by DSC UNIDEB
Super billing asp.net
Introducing Oslo
NoSQL: Why, When, and How
AestasIT - Internal DSLs in Scala
Programming languages asp.net
Intro to-html-backbone
GDG-USAR Tech winter break 2024 USAR.pdf
Taming the Data Science Monster with A New ‘Sword’ – U-SQL
Untangling spring week4
Crash Course HTML/Rails Slides
Performance Optimization and JavaScript Best Practices
Polyglot Database - Linuxcon North America 2016
CSS Methodology
Ad

More from Kopi Maheswaran (20)

PDF
Kopinath retail installation_consideration2
PDF
Game Plan
DOCX
JavaScript Scripting For Design (CWMD 2601)
PDF
Scripting for design (cwmd 2601)
PPTX
JavaScript functions
PPTX
variables, values and expressions
PDF
Cwmd 2601 2020
PPTX
getting started with java script
PPTX
The process of programming
DOCX
Movie report
PDF
Scripting for Design
PDF
Vi cheat sheet
PDF
Elementsofdesign
PDF
Colour qualities
PDF
Colour relationships
PDF
Principlesofdesign
PDF
Compositional flow of information
PDF
Rhythm, framing, transparency and time &amp; motion
PDF
common sentence errors
PDF
Brand Book
Kopinath retail installation_consideration2
Game Plan
JavaScript Scripting For Design (CWMD 2601)
Scripting for design (cwmd 2601)
JavaScript functions
variables, values and expressions
Cwmd 2601 2020
getting started with java script
The process of programming
Movie report
Scripting for Design
Vi cheat sheet
Elementsofdesign
Colour qualities
Colour relationships
Principlesofdesign
Compositional flow of information
Rhythm, framing, transparency and time &amp; motion
common sentence errors
Brand Book

Recently uploaded (20)

PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Classroom Observation Tools for Teachers
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PPTX
master seminar digital applications in india
PDF
01-Introduction-to-Information-Management.pdf
PDF
Updated Idioms and Phrasal Verbs in English subject
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PPTX
Cell Types and Its function , kingdom of life
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
Supply Chain Operations Speaking Notes -ICLT Program
Classroom Observation Tools for Teachers
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
UNIT III MENTAL HEALTH NURSING ASSESSMENT
Module 4: Burden of Disease Tutorial Slides S2 2025
Chinmaya Tiranga quiz Grand Finale.pdf
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
master seminar digital applications in india
01-Introduction-to-Information-Management.pdf
Updated Idioms and Phrasal Verbs in English subject
STATICS OF THE RIGID BODIES Hibbelers.pdf
Final Presentation General Medicine 03-08-2024.pptx
LDMMIA Reiki Yoga Finals Review Spring Summer
A systematic review of self-coping strategies used by university students to ...
Paper A Mock Exam 9_ Attempt review.pdf.
Cell Types and Its function , kingdom of life
History, Philosophy and sociology of education (1).pptx
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf

Languages (1)

  • 1. + Web Technologies Markup Languages, Scripting Languages, Programming Languages, Databases, Libraries and Framworks
  • 2. + Languages  We can break the languages we use for the Web into three categories and then sub categories.  Markup Languages  Scripting Languages  Programming Languages
  • 3. + Markup Languages  Determine how a page or information should be displayed or organized.  HTML  CSS  XML  <note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body >Don't forget me this weekend!</body></note>  SVG  <svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> Sorry, your browser does not support inline SVG. </svg>  JSON  { "glossary": { "title": "example glossary", "GlossDiv": { "title": "S", "GlossList": { "GlossEntry": { "ID": "SGML", "SortAs": "SGML", "GlossTerm": "Standard Generalized Markup Language", "Acronym": "SGML", "Abbrev": "ISO 8879:1986", "GlossDef": { "para": "A meta-markup language, used to create markup languages such as DocBook.", "GlossSeeAlso": ["GML", "XML"] }, "GlossSee": "markup" } } } } }
  • 4. + Scripting Languages  Usually C type language that needs an engine to run the code. The engine is built into the browser or ther server software as an extension.  Example For Javascript you need a web browser  Javascript (Most Popular Browser/Client)  PHP (Most Popular Server Side)  ASP  Perl  Tcl  Python
  • 5. + Scripting Languages  Some scripting languages can be divided into two categories of:  Client Side  Javascript (Most Popular Browser/Client)  VBScript  Server Side  PHP (Most Popular Server Side)  Python  Perl  ColdFusion  ASP
  • 6. + Programming Languages  Programming Languages need to be compiled and do not need anything on the computer to run. They are compiles to specific operating systems  C  C++  C#  Objective C  Swift  Java  Pascal
  • 7. + Databases  Flat Databases  Similar to text files and are usually delimited with tabs or comas  Relational Databases Management Systems  Multiple tables that are joined  Uses normalization to reduce data and minimize redundancy  Usually uses SQL (Structured Query Language)(Sequeel)  Object Databases  Usually used in compiled programs
  • 8. + Databases  Databases are programs used to search and organize data.  Common for the web would be MySQL  PostgreSQL  Microsoft SQL  Oracle  DB2  NoSQL  MongoDB
  • 9. + Libraries  Software library goes and does some work for you but it can not be manipulated  A library is essentially a set of functions that you can call, these days usually organized into classes. Each call does some work and returns control to the client.  A framework embodies some abstract design, with more behavior built in. In order to use it you need to insert your behavior into various places in the framework either by subclassing or by plugging in your own classes. The framework's code then calls your code at these points.
  • 10. + Libraries  Examples of JavaScript Libraries  jQuery  MooTools
  • 11. + Frameworks  Examples of JavaScript Frameworks  Angular  React  Vue  Examples of HTML/CSS Frameworks  Materializecss  BootStrap  Foundations