SlideShare a Scribd company logo
1 of 11
+
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

What's hot

Sass: The Future of Stylesheets
Sass: The Future of StylesheetsSass: The Future of Stylesheets
Sass: The Future of Stylesheetschriseppstein
 
How to dominate a free theme WCTO 2014
How to dominate a free theme WCTO 2014How to dominate a free theme WCTO 2014
How to dominate a free theme WCTO 2014James Strang
 
Painless OO XML with XML::Pastor
Painless OO XML with XML::PastorPainless OO XML with XML::Pastor
Painless OO XML with XML::Pastorjoelbernstein
 
Week 1 Slides - Cosmology of the Modern WordPress Web
Week 1 Slides - Cosmology of the Modern WordPress WebWeek 1 Slides - Cosmology of the Modern WordPress Web
Week 1 Slides - Cosmology of the Modern WordPress WebDrake Martinet
 
Introduction to the Web and HTML
Introduction to the Web and HTMLIntroduction to the Web and HTML
Introduction to the Web and HTMLSiddharthBorderwala
 
Css Preprocessors
Css PreprocessorsCss Preprocessors
Css PreprocessorsEd Moore
 
Revamp Your Stylesheet
Revamp Your StylesheetRevamp Your Stylesheet
Revamp Your StylesheetGary Homidas
 
LESS, the CSS Preprocessor
LESS, the CSS PreprocessorLESS, the CSS Preprocessor
LESS, the CSS PreprocessorAndrea Tarr
 
Drupal+LESS | PHDUG Drupal Developers Day 2012
Drupal+LESS | PHDUG Drupal Developers Day 2012Drupal+LESS | PHDUG Drupal Developers Day 2012
Drupal+LESS | PHDUG Drupal Developers Day 2012Albert Causing
 
The XML Forms Architecture
The XML Forms ArchitectureThe XML Forms Architecture
The XML Forms ArchitectureiText Group nv
 
Using LESS, the CSS Preprocessor: J and Beyond 2013
Using LESS, the CSS Preprocessor: J and Beyond 2013Using LESS, the CSS Preprocessor: J and Beyond 2013
Using LESS, the CSS Preprocessor: J and Beyond 2013Andrea Tarr
 
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and moreRuss Weakley
 
Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101Drake Martinet
 
Html & Css presentation
Html  & Css presentation Html  & Css presentation
Html & Css presentation joilrahat
 

What's hot (20)

Sass: The Future of Stylesheets
Sass: The Future of StylesheetsSass: The Future of Stylesheets
Sass: The Future of Stylesheets
 
Css ms megha
Css ms meghaCss ms megha
Css ms megha
 
How to dominate a free theme WCTO 2014
How to dominate a free theme WCTO 2014How to dominate a free theme WCTO 2014
How to dominate a free theme WCTO 2014
 
Painless OO XML with XML::Pastor
Painless OO XML with XML::PastorPainless OO XML with XML::Pastor
Painless OO XML with XML::Pastor
 
Week 1 Slides - Cosmology of the Modern WordPress Web
Week 1 Slides - Cosmology of the Modern WordPress WebWeek 1 Slides - Cosmology of the Modern WordPress Web
Week 1 Slides - Cosmology of the Modern WordPress Web
 
Introduction to the Web and HTML
Introduction to the Web and HTMLIntroduction to the Web and HTML
Introduction to the Web and HTML
 
Less vs sass
Less vs sassLess vs sass
Less vs sass
 
Css Preprocessors
Css PreprocessorsCss Preprocessors
Css Preprocessors
 
Revamp Your Stylesheet
Revamp Your StylesheetRevamp Your Stylesheet
Revamp Your Stylesheet
 
Sass presentation
Sass presentationSass presentation
Sass presentation
 
LESS, the CSS Preprocessor
LESS, the CSS PreprocessorLESS, the CSS Preprocessor
LESS, the CSS Preprocessor
 
Drupal+LESS | PHDUG Drupal Developers Day 2012
Drupal+LESS | PHDUG Drupal Developers Day 2012Drupal+LESS | PHDUG Drupal Developers Day 2012
Drupal+LESS | PHDUG Drupal Developers Day 2012
 
The XML Forms Architecture
The XML Forms ArchitectureThe XML Forms Architecture
The XML Forms Architecture
 
Drupal - Introduction to Drupal Menu and Theme Management
Drupal - Introduction to Drupal Menu and Theme  ManagementDrupal - Introduction to Drupal Menu and Theme  Management
Drupal - Introduction to Drupal Menu and Theme Management
 
Using LESS, the CSS Preprocessor: J and Beyond 2013
Using LESS, the CSS Preprocessor: J and Beyond 2013Using LESS, the CSS Preprocessor: J and Beyond 2013
Using LESS, the CSS Preprocessor: J and Beyond 2013
 
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
 
Processing XML
Processing XMLProcessing XML
Processing XML
 
Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101
 
Ajax xml json
Ajax xml jsonAjax xml json
Ajax xml json
 
Html & Css presentation
Html  & Css presentation Html  & Css presentation
Html & Css presentation
 

Similar to Web Languages

Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web buildingRC Morales
 
Software development - the java perspective
Software development - the java perspectiveSoftware development - the java perspective
Software development - the java perspectiveAlin Pandichi
 
Intro to mobile web application development
Intro to mobile web application developmentIntro to mobile web application development
Intro to mobile web application developmentzonathen
 
Survive JavaScript - Strategies and Tricks
Survive JavaScript - Strategies and TricksSurvive JavaScript - Strategies and Tricks
Survive JavaScript - Strategies and TricksJuho Vepsäläinen
 
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewFront-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewDiacode
 
Introduction to mean and mern || Event by DSC UNIDEB
Introduction to mean and mern || Event by DSC UNIDEBIntroduction to mean and mern || Event by DSC UNIDEB
Introduction to mean and mern || Event by DSC UNIDEBMuhammad Raza
 
Super billing asp.net
Super billing   asp.netSuper billing   asp.net
Super billing asp.netsuperb11b
 
NoSQL: Why, When, and How
NoSQL: Why, When, and HowNoSQL: Why, When, and How
NoSQL: Why, When, and HowBigBlueHat
 
AestasIT - Internal DSLs in Scala
AestasIT - Internal DSLs in ScalaAestasIT - Internal DSLs in Scala
AestasIT - Internal DSLs in ScalaDmitry Buzdin
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.netVasilios Kuznos
 
Intro to-html-backbone
Intro to-html-backboneIntro to-html-backbone
Intro to-html-backbonezonathen
 
Taming the Data Science Monster with A New ‘Sword’ – U-SQL
Taming the Data Science Monster with A New ‘Sword’ – U-SQLTaming the Data Science Monster with A New ‘Sword’ – U-SQL
Taming the Data Science Monster with A New ‘Sword’ – U-SQLMichael Rys
 
Untangling spring week4
Untangling spring week4Untangling spring week4
Untangling spring week4Derek Jacoby
 
Crash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesCrash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesUdita Plaha
 
Performance Optimization and JavaScript Best Practices
Performance Optimization and JavaScript Best PracticesPerformance Optimization and JavaScript Best Practices
Performance Optimization and JavaScript Best PracticesDoris Chen
 
Polyglot Database - Linuxcon North America 2016
Polyglot Database - Linuxcon North America 2016Polyglot Database - Linuxcon North America 2016
Polyglot Database - Linuxcon North America 2016Dave Stokes
 
CSS Methodology
CSS MethodologyCSS Methodology
CSS MethodologyZohar Arad
 

Similar to Web Languages (20)

Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
Software development - the java perspective
Software development - the java perspectiveSoftware development - the java perspective
Software development - the java perspective
 
Intro to mobile web application development
Intro to mobile web application developmentIntro to mobile web application development
Intro to mobile web application development
 
Survive JavaScript - Strategies and Tricks
Survive JavaScript - Strategies and TricksSurvive JavaScript - Strategies and Tricks
Survive JavaScript - Strategies and Tricks
 
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewFront-End Frameworks: a quick overview
Front-End Frameworks: a quick overview
 
Introduction to mean and mern || Event by DSC UNIDEB
Introduction to mean and mern || Event by DSC UNIDEBIntroduction to mean and mern || Event by DSC UNIDEB
Introduction to mean and mern || Event by DSC UNIDEB
 
Super billing asp.net
Super billing   asp.netSuper billing   asp.net
Super billing asp.net
 
Introducing Oslo
Introducing OsloIntroducing Oslo
Introducing Oslo
 
NoSQL: Why, When, and How
NoSQL: Why, When, and HowNoSQL: Why, When, and How
NoSQL: Why, When, and How
 
AestasIT - Internal DSLs in Scala
AestasIT - Internal DSLs in ScalaAestasIT - Internal DSLs in Scala
AestasIT - Internal DSLs in Scala
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.net
 
Intro to-html-backbone
Intro to-html-backboneIntro to-html-backbone
Intro to-html-backbone
 
Taming the Data Science Monster with A New ‘Sword’ – U-SQL
Taming the Data Science Monster with A New ‘Sword’ – U-SQLTaming the Data Science Monster with A New ‘Sword’ – U-SQL
Taming the Data Science Monster with A New ‘Sword’ – U-SQL
 
Untangling spring week4
Untangling spring week4Untangling spring week4
Untangling spring week4
 
Crash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesCrash Course HTML/Rails Slides
Crash Course HTML/Rails Slides
 
Performance Optimization and JavaScript Best Practices
Performance Optimization and JavaScript Best PracticesPerformance Optimization and JavaScript Best Practices
Performance Optimization and JavaScript Best Practices
 
Nosql seminar
Nosql seminarNosql seminar
Nosql seminar
 
Polyglot Database - Linuxcon North America 2016
Polyglot Database - Linuxcon North America 2016Polyglot Database - Linuxcon North America 2016
Polyglot Database - Linuxcon North America 2016
 
CSS Methodology
CSS MethodologyCSS Methodology
CSS Methodology
 
Le Wagon - Landing page
Le Wagon - Landing pageLe Wagon - Landing page
Le Wagon - Landing page
 

More from Kopi Maheswaran

Kopinath retail installation_consideration2
Kopinath retail installation_consideration2Kopinath retail installation_consideration2
Kopinath retail installation_consideration2Kopi Maheswaran
 
JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)Kopi Maheswaran
 
Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)Kopi Maheswaran
 
variables, values and expressions
   variables, values and expressions   variables, values and expressions
variables, values and expressionsKopi Maheswaran
 
getting started with java script
 getting started with java script  getting started with java script
getting started with java script Kopi Maheswaran
 
The process of programming
 The process of programming The process of programming
The process of programmingKopi Maheswaran
 
Compositional flow of information
Compositional flow of informationCompositional flow of information
Compositional flow of informationKopi Maheswaran
 
Rhythm, framing, transparency and time &amp; motion
Rhythm, framing, transparency and time &amp; motionRhythm, framing, transparency and time &amp; motion
Rhythm, framing, transparency and time &amp; motionKopi Maheswaran
 

More from Kopi Maheswaran (20)

Kopinath retail installation_consideration2
Kopinath retail installation_consideration2Kopinath retail installation_consideration2
Kopinath retail installation_consideration2
 
Game Plan
Game PlanGame Plan
Game Plan
 
JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)
 
Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)
 
JavaScript functions
JavaScript functionsJavaScript functions
JavaScript functions
 
variables, values and expressions
   variables, values and expressions   variables, values and expressions
variables, values and expressions
 
Cwmd 2601 2020
Cwmd 2601 2020Cwmd 2601 2020
Cwmd 2601 2020
 
getting started with java script
 getting started with java script  getting started with java script
getting started with java script
 
The process of programming
 The process of programming The process of programming
The process of programming
 
Movie report
Movie report Movie report
Movie report
 
Scripting for Design
Scripting for DesignScripting for Design
Scripting for Design
 
Vi cheat sheet
Vi cheat sheetVi cheat sheet
Vi cheat sheet
 
Elementsofdesign
ElementsofdesignElementsofdesign
Elementsofdesign
 
Colour qualities
Colour qualitiesColour qualities
Colour qualities
 
Colour relationships
Colour relationshipsColour relationships
Colour relationships
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Compositional flow of information
Compositional flow of informationCompositional flow of information
Compositional flow of information
 
Rhythm, framing, transparency and time &amp; motion
Rhythm, framing, transparency and time &amp; motionRhythm, framing, transparency and time &amp; motion
Rhythm, framing, transparency and time &amp; motion
 
common sentence errors
 common sentence errors  common sentence errors
common sentence errors
 
Brand Book
Brand BookBrand Book
Brand Book
 

Recently uploaded

mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 

Recently uploaded (20)

mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 

Web Languages

  • 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