SlideShare una empresa de Scribd logo
1 de 22
14 Technologies Every Web
Developer Should Be Able to
Explain
BY: UM E FARWA
1. Browsers
 Browsers are the interpreters of the web. They request information and then when they receive
it, they show us on the page in a format we can see and understand.
 Google Chrome - Currently, the most popular browser brought to you by Google
 Safari - Apple’s web browser
 Firefox - Open-source browser supported by the Mozilla Foundation
 Internet Explorer - Microsoft’s browser. You will most often hear web developers complain
about this one.
2. HTML
 HTML is a markup language. It provides the structure of a website so that web
browsers know what to show.
 <html>
3. CSS
 CSS is a Cascading Style Sheet.
 CSS let’s web designers change colors, fonts, animations, and transitions on the
web.
 They make the web look good.
4. Programming Languages
Programming languages are ways to communicate to computers and tell them what to do.
There are many different programming languages just like there are many different lingual
languages (English, Spanish, French, Chinese, etc).
 Javascript - used by all web browsers, Meteor, and lots of other frameworks
 Coffeescript - is a kind of “dialect” of javascript. It is viewed as simpler and easier on your eyes
as a developer but it complies (converts) back into javascript
 Python -used by the Django framework and used in a lot of mathematical calculations
4. Programming Languages
 Ruby - used by the Ruby on Rails framework
 PHP - used by Wordpress
 Go - newer language, built for speed.
 Objective-C - the programming language behind iOS (your iPhone), lead by
Apple
 Swift - Apple’s newest programming language
 Java - Used by Android (Google) and a lot of desktop applications
5. Frameworks
Frameworks are built to make building and working with programming languages easier.
 Node.js - a server-side javascript framework
 Ruby on Rails - a full-stack framework built using ruby
 Django - a full-stack framework built using python
 Ionic - a mobile framework
 Bootstrap - a UI (user interface) framework for building with HTML/CSS/Javascript
 Foundation - a UI framework for building with HTML/CSS/Javascript
 Angular.js - a front-end javascript framework.
 Ember.js - a front-end javascript framework.
 Backbone.js - a front-end javascript framework.
 Wordpress - a CMS (content management system) built on PHP. Currently, about
20% of all websites run on this framework
 Drupal - a CMS framework built using PHP.
 .NET - a full-stack framework built by Microsoft
6. Libraries
Libraries are groupings of code snippets to enable a large amount of functionality
without having to write it all by yourself. Libraries typically also go through the
trouble to make sure the code is efficient and works well across browsers and
devices (not always the case, but typically they do).
 jQuery
7. Databases
 Databases are where all your data is stored. It’s like a bunch of filing cabinets
with folders filled with files. Databases come mainly in two flavors: SQL and
NoSQL.
 SQL provides more structure which helps with making sure all the data is correct
and validated.
 NoSQL provides a lot of flexibility for building and maintaining applications.
7. Databases
 MongoDB - is an open-sourced NoSQL database and is currently the only
database supported by Meteor.
 Redis - is the most popular key-value store. It is lighting fast for retrieving data
but doesn’t allow for much depth in the data storage.
 PostgreSQL - is a popular open-sourced SQL database.
 MySQL - is another popular open-sourced SQL database. MySQL is used in
Wordpress websites.
 Oracle - is an enterprise SQL database.
 SQL Server - is an SQL server manager created by Microsoft.
8. Client (or Client-side)
 A client is one user of an application.
 It’s you and me when we visit http://google.com.
 Client’s can be desktop computers, tablets, or mobile devices.
 There are typically multiple clients interacting with the same application stored
on a server.
9. Server (or Server-side)
 A server is where the application code is typically stored.
 Requests are made to the server from clients, and the server will gather the
appropriate information and respond to those requests.
10. Front-end
 The front-end is comprised of HTML, CSS, and Javascript.
 This is how and where the website is shown to users.
11. Back-end
 The back-end is comprised of your server and database.
 It’s the place where functions, methods, and data manipulation happens that
you don’t want the clients to see.
12. Protocols
 Protocols are standardized instructions for how to pass information back and
forth between computers and devices.
13. API
 An API is an application programming interface. It is created by the developer of
an application to allow other developers to use some of the application's
functionality without sharing code
14. Data formats
 Data formats are the structure of how data is stored.
 JSON - is quickly becoming the most popular data format
 XML - was the main data format early in the web days and predominantly used
by Microsoft systems
 CSV - is data formatted by commas. Excel data is typically formatted this way.

Más contenido relacionado

La actualidad más candente

How develop a web application?
How develop a web application?How develop a web application?
How develop a web application?Md Ekram
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Oleksii Prohonnyi
 
E library management system
E library management systemE library management system
E library management systemanushyadevi97
 
Introduction to webprogramming using PHP and MySQL
Introduction to webprogramming using PHP and MySQLIntroduction to webprogramming using PHP and MySQL
Introduction to webprogramming using PHP and MySQLanand raj
 
WordPress Code Architecture
WordPress Code ArchitectureWordPress Code Architecture
WordPress Code ArchitectureMario Peshev
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentClint LaForest
 
Server Side Programming
Server Side Programming Server Side Programming
Server Side Programming Zac Gordon
 
The Importance Things of Full Stack Development
The Importance Things of Full Stack DevelopmentThe Importance Things of Full Stack Development
The Importance Things of Full Stack DevelopmentMike Taylor
 
rupesh's ppt on web designing
rupesh's ppt on web designingrupesh's ppt on web designing
rupesh's ppt on web designingRupesh Sahu
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introductionshaojung
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development toolsBenji Harrison
 
Database Systems and SQL
Database Systems and SQLDatabase Systems and SQL
Database Systems and SQLSabahtHussein
 
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 scriptingJohn Robinson
 
Web forms and server side scripting
Web forms and server side scriptingWeb forms and server side scripting
Web forms and server side scriptingsawsan slii
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologiesabeda786
 
Front-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesFront-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesReady Bytes Software labs
 
List of Web Technologies used in Web Development
List of Web Technologies used in Web DevelopmentList of Web Technologies used in Web Development
List of Web Technologies used in Web DevelopmentJayapal Reddy Nimmakayala
 

La actualidad más candente (20)

How develop a web application?
How develop a web application?How develop a web application?
How develop a web application?
 
Php presentation
Php presentationPhp presentation
Php presentation
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
E library management system
E library management systemE library management system
E library management system
 
Finalwordpress
FinalwordpressFinalwordpress
Finalwordpress
 
Introduction to webprogramming using PHP and MySQL
Introduction to webprogramming using PHP and MySQLIntroduction to webprogramming using PHP and MySQL
Introduction to webprogramming using PHP and MySQL
 
WordPress Code Architecture
WordPress Code ArchitectureWordPress Code Architecture
WordPress Code Architecture
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
 
Server Side Programming
Server Side Programming Server Side Programming
Server Side Programming
 
The Importance Things of Full Stack Development
The Importance Things of Full Stack DevelopmentThe Importance Things of Full Stack Development
The Importance Things of Full Stack Development
 
rupesh's ppt on web designing
rupesh's ppt on web designingrupesh's ppt on web designing
rupesh's ppt on web designing
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Database Systems and SQL
Database Systems and SQLDatabase Systems and SQL
Database Systems and SQL
 
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
 
Web forms and server side scripting
Web forms and server side scriptingWeb forms and server side scripting
Web forms and server side scripting
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 
Front-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through WebsitesFront-end technologies for Wonderful User Experience through Websites
Front-end technologies for Wonderful User Experience through Websites
 
Class 10
Class 10Class 10
Class 10
 
List of Web Technologies used in Web Development
List of Web Technologies used in Web DevelopmentList of Web Technologies used in Web Development
List of Web Technologies used in Web Development
 

Similar a 14 technologies every web developer should be able to understand

Website and it's importance
Website and it's importanceWebsite and it's importance
Website and it's importanceRobinSingh347
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020NexSoftsys
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web ApplicationSachin Walvekar
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of TechnologiesChris Mitchell
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING PamRobert
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1nhepner
 
Top 11 Front-End Web Development Tools To Consider in 2020
 Top 11 Front-End Web Development Tools To Consider in 2020 Top 11 Front-End Web Development Tools To Consider in 2020
Top 11 Front-End Web Development Tools To Consider in 2020Katy Slemon
 
Open Source Technology and Web Scripting
Open Source Technology and Web ScriptingOpen Source Technology and Web Scripting
Open Source Technology and Web ScriptingCritarac Technologies
 
Technologies Which Can be Helpful for Web Application Development
Technologies Which Can be Helpful for Web Application DevelopmentTechnologies Which Can be Helpful for Web Application Development
Technologies Which Can be Helpful for Web Application DevelopmentAnna Harris
 
The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018Amit Ashwini
 
WP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptWP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptGFGCKCSKOLAR
 
Meetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleMeetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleIT Arena
 

Similar a 14 technologies every web developer should be able to understand (20)

Website and it's importance
Website and it's importanceWebsite and it's importance
Website and it's importance
 
Intro to web dev
Intro to web devIntro to web dev
Intro to web dev
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Metadata describes about data
Metadata describes about dataMetadata describes about data
Metadata describes about data
 
Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020Top 10 Frameworks Programmers Should Learn in 2020
Top 10 Frameworks Programmers Should Learn in 2020
 
Web technology today
Web technology todayWeb technology today
Web technology today
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of Technologies
 
Food borne human diseases
Food borne human diseasesFood borne human diseases
Food borne human diseases
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1
 
Top 11 Front-End Web Development Tools To Consider in 2020
 Top 11 Front-End Web Development Tools To Consider in 2020 Top 11 Front-End Web Development Tools To Consider in 2020
Top 11 Front-End Web Development Tools To Consider in 2020
 
Open Source Technology and Web Scripting
Open Source Technology and Web ScriptingOpen Source Technology and Web Scripting
Open Source Technology and Web Scripting
 
Technologies Which Can be Helpful for Web Application Development
Technologies Which Can be Helpful for Web Application DevelopmentTechnologies Which Can be Helpful for Web Application Development
Technologies Which Can be Helpful for Web Application Development
 
The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018
 
Javascript handbook
Javascript handbook Javascript handbook
Javascript handbook
 
soap toolkit
soap toolkitsoap toolkit
soap toolkit
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
Full Stack Development
 
WP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptWP SESSION 2 PPT.ppt
WP SESSION 2 PPT.ppt
 
Meetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleMeetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech People
 

Más de Um e Farwa

HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL Um e Farwa
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL Um e Farwa
 
Tele presence and co-presence in HCI
Tele presence and co-presence in HCITele presence and co-presence in HCI
Tele presence and co-presence in HCIUm e Farwa
 
Cognitive frameworks in HCI
Cognitive frameworks in HCI Cognitive frameworks in HCI
Cognitive frameworks in HCI Um e Farwa
 
Virtual reality v/s augmented reality
Virtual reality v/s augmented reality Virtual reality v/s augmented reality
Virtual reality v/s augmented reality Um e Farwa
 
Cognition in HCI
Cognition in HCICognition in HCI
Cognition in HCIUm e Farwa
 
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI Um e Farwa
 
Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCIUm e Farwa
 
Why we need functions in c
Why we need functions in cWhy we need functions in c
Why we need functions in cUm e Farwa
 
Good and Poor design HCI perceptive
Good and Poor design HCI perceptive Good and Poor design HCI perceptive
Good and Poor design HCI perceptive Um e Farwa
 
Bakery algorithm
Bakery algorithmBakery algorithm
Bakery algorithmUm e Farwa
 

Más de Um e Farwa (11)

HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
Tele presence and co-presence in HCI
Tele presence and co-presence in HCITele presence and co-presence in HCI
Tele presence and co-presence in HCI
 
Cognitive frameworks in HCI
Cognitive frameworks in HCI Cognitive frameworks in HCI
Cognitive frameworks in HCI
 
Virtual reality v/s augmented reality
Virtual reality v/s augmented reality Virtual reality v/s augmented reality
Virtual reality v/s augmented reality
 
Cognition in HCI
Cognition in HCICognition in HCI
Cognition in HCI
 
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI
IINTERFACE METAPHORES , INTERACTION TYPES AND INTERACTION PARADIGMS IN HCI
 
Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCI
 
Why we need functions in c
Why we need functions in cWhy we need functions in c
Why we need functions in c
 
Good and Poor design HCI perceptive
Good and Poor design HCI perceptive Good and Poor design HCI perceptive
Good and Poor design HCI perceptive
 
Bakery algorithm
Bakery algorithmBakery algorithm
Bakery algorithm
 

Último

%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrandmasabamasaba
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2
 
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park %in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park masabamasaba
 
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open Source
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open SourceWSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open Source
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open SourceWSO2
 
%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benoni%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benonimasabamasaba
 
Artyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxArtyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxAnnaArtyushina1
 
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...masabamasaba
 
WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?WSO2
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplatePresentation.STUDIO
 
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxBUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxalwaysnagaraju26
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2
 
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...WSO2
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...masabamasaba
 
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...Bert Jan Schrijver
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...masabamasaba
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park masabamasaba
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2
 
%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in sowetomasabamasaba
 
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...masabamasaba
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastPapp Krisztián
 

Último (20)

%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
 
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park %in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
 
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open Source
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open SourceWSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open Source
WSO2CON 2024 - Freedom First—Unleashing Developer Potential with Open Source
 
%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benoni%in Benoni+277-882-255-28 abortion pills for sale in Benoni
%in Benoni+277-882-255-28 abortion pills for sale in Benoni
 
Artyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxArtyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptx
 
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
%+27788225528 love spells in Boston Psychic Readings, Attraction spells,Bring...
 
WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxBUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
 
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
 
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
 
%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto
 
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 

14 technologies every web developer should be able to understand

  • 1.
  • 2. 14 Technologies Every Web Developer Should Be Able to Explain BY: UM E FARWA
  • 3. 1. Browsers  Browsers are the interpreters of the web. They request information and then when they receive it, they show us on the page in a format we can see and understand.  Google Chrome - Currently, the most popular browser brought to you by Google  Safari - Apple’s web browser  Firefox - Open-source browser supported by the Mozilla Foundation  Internet Explorer - Microsoft’s browser. You will most often hear web developers complain about this one.
  • 4. 2. HTML  HTML is a markup language. It provides the structure of a website so that web browsers know what to show.
  • 5.
  • 7. 3. CSS  CSS is a Cascading Style Sheet.  CSS let’s web designers change colors, fonts, animations, and transitions on the web.  They make the web look good.
  • 8.
  • 9. 4. Programming Languages Programming languages are ways to communicate to computers and tell them what to do. There are many different programming languages just like there are many different lingual languages (English, Spanish, French, Chinese, etc).  Javascript - used by all web browsers, Meteor, and lots of other frameworks  Coffeescript - is a kind of “dialect” of javascript. It is viewed as simpler and easier on your eyes as a developer but it complies (converts) back into javascript  Python -used by the Django framework and used in a lot of mathematical calculations
  • 10. 4. Programming Languages  Ruby - used by the Ruby on Rails framework  PHP - used by Wordpress  Go - newer language, built for speed.  Objective-C - the programming language behind iOS (your iPhone), lead by Apple  Swift - Apple’s newest programming language  Java - Used by Android (Google) and a lot of desktop applications
  • 11. 5. Frameworks Frameworks are built to make building and working with programming languages easier.  Node.js - a server-side javascript framework  Ruby on Rails - a full-stack framework built using ruby  Django - a full-stack framework built using python  Ionic - a mobile framework  Bootstrap - a UI (user interface) framework for building with HTML/CSS/Javascript  Foundation - a UI framework for building with HTML/CSS/Javascript
  • 12.  Angular.js - a front-end javascript framework.  Ember.js - a front-end javascript framework.  Backbone.js - a front-end javascript framework.  Wordpress - a CMS (content management system) built on PHP. Currently, about 20% of all websites run on this framework  Drupal - a CMS framework built using PHP.  .NET - a full-stack framework built by Microsoft
  • 13. 6. Libraries Libraries are groupings of code snippets to enable a large amount of functionality without having to write it all by yourself. Libraries typically also go through the trouble to make sure the code is efficient and works well across browsers and devices (not always the case, but typically they do).  jQuery
  • 14. 7. Databases  Databases are where all your data is stored. It’s like a bunch of filing cabinets with folders filled with files. Databases come mainly in two flavors: SQL and NoSQL.  SQL provides more structure which helps with making sure all the data is correct and validated.  NoSQL provides a lot of flexibility for building and maintaining applications.
  • 15. 7. Databases  MongoDB - is an open-sourced NoSQL database and is currently the only database supported by Meteor.  Redis - is the most popular key-value store. It is lighting fast for retrieving data but doesn’t allow for much depth in the data storage.  PostgreSQL - is a popular open-sourced SQL database.  MySQL - is another popular open-sourced SQL database. MySQL is used in Wordpress websites.  Oracle - is an enterprise SQL database.  SQL Server - is an SQL server manager created by Microsoft.
  • 16. 8. Client (or Client-side)  A client is one user of an application.  It’s you and me when we visit http://google.com.  Client’s can be desktop computers, tablets, or mobile devices.  There are typically multiple clients interacting with the same application stored on a server.
  • 17. 9. Server (or Server-side)  A server is where the application code is typically stored.  Requests are made to the server from clients, and the server will gather the appropriate information and respond to those requests.
  • 18. 10. Front-end  The front-end is comprised of HTML, CSS, and Javascript.  This is how and where the website is shown to users.
  • 19. 11. Back-end  The back-end is comprised of your server and database.  It’s the place where functions, methods, and data manipulation happens that you don’t want the clients to see.
  • 20. 12. Protocols  Protocols are standardized instructions for how to pass information back and forth between computers and devices.
  • 21. 13. API  An API is an application programming interface. It is created by the developer of an application to allow other developers to use some of the application's functionality without sharing code
  • 22. 14. Data formats  Data formats are the structure of how data is stored.  JSON - is quickly becoming the most popular data format  XML - was the main data format early in the web days and predominantly used by Microsoft systems  CSV - is data formatted by commas. Excel data is typically formatted this way.