SlideShare a Scribd company logo
BACK TO THE BASICS: 
INTRODUCTION TO WEB 
DEVELOPMENT 
September 2014
Why are we starting over? 
• Refresher 
• Level the “playing field” 
• Updating skill sets 
• Changing priorities
What will we cover? 
• This Session – Introduction to terms and tools 
• Next Session – HTML / CSS 
• Third Session – HTML Forms 
• Fourth Session – Javascript / JQuery 
• Fifth Session – Bootstrap 
• Sixth Session – AJAX / JSON 
• Seventh Session – Security 
• Eight Session – Accessibility
How about what we are doing today? 
• Concepts 
• Terminology 
• Tools - Testing
Concepts 
The Internet: User vs Developer 
• Focus on the User 
USER DEVELOPER
Concepts 
“The Flow” – User Perspective
Concepts 
“The Flow” – Developer Perspective
Concepts 
Speed & Optimization 
2Mb 
20Kb 
7sec 
<1sec
Concepts 
Responsiveness
Concepts 
Logging
Terminology 
Servers 
• Physical Server 
• Application Server 
• Web Server 
Users
Terminology 
User Agent & Browser Headers 
Presentation 
Header 
Status –or– 
Method & URI 
Order
Terminology 
GET POST 
Parameter=This is a Value 
Attribute=30 
Variable[]=String 
URL?Parameter=This%20is%20a%20 
Value&Attribute=30&Variable=St 
ring
Terminology 
CDN 
(Content Delivery Network) 
Asynchronous
Tools - Testing 
Firebug (and competitors)
Tools - Testing 
Load UI
Final Thoughts 
• Stay Informed 
• Experiment 
• Don’t be afraid
Questions? 
tsxcom+slidehare@gmail.com
Next Session 
HTML / CSS
Credits 
• Icons: http://iconmonstr.com/

More Related Content

What's hot (20)

PDF
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
PPTX
Web Development In 2018
Traversy Media
 
PDF
WEB I - 01 - Introduction to Web Development
Randy Connolly
 
PPTX
Web Development
Aditya Raman
 
PPTX
Lab #2: Introduction to Javascript
Walid Ashraf
 
PDF
Server Side VS Client Side
Code Boxx
 
PPTX
Introduction to selenium
Archana Krushnan
 
PPTX
Front-End Web Development
Yash Sati
 
PPTX
REST-API introduction for developers
Patrick Savalle
 
PPTX
Front-end technologies for Wonderful User Experience through Websites
Ready Bytes Software labs
 
PPTX
Front End Development | Introduction
JohnTaieb
 
PPTX
REST & RESTful Web Services
Halil Burak Cetinkaya
 
PPTX
JSON: The Basics
Jeff Fox
 
PPT
Introduction to JavaScript
Andres Baravalle
 
PPT
Php Presentation
Manish Bothra
 
PPTX
Web Development
Lena Petsenchuk
 
PPTX
Web crawler
poonamkenkre
 
PPTX
Web-Development-ppt (1).pptx
RaihanUddin57
 
PPT
Web Development Ppt
Bruce Tucker
 
PDF
NEXT.JS
Binumon Joseph
 
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Web Development In 2018
Traversy Media
 
WEB I - 01 - Introduction to Web Development
Randy Connolly
 
Web Development
Aditya Raman
 
Lab #2: Introduction to Javascript
Walid Ashraf
 
Server Side VS Client Side
Code Boxx
 
Introduction to selenium
Archana Krushnan
 
Front-End Web Development
Yash Sati
 
REST-API introduction for developers
Patrick Savalle
 
Front-end technologies for Wonderful User Experience through Websites
Ready Bytes Software labs
 
Front End Development | Introduction
JohnTaieb
 
REST & RESTful Web Services
Halil Burak Cetinkaya
 
JSON: The Basics
Jeff Fox
 
Introduction to JavaScript
Andres Baravalle
 
Php Presentation
Manish Bothra
 
Web Development
Lena Petsenchuk
 
Web crawler
poonamkenkre
 
Web-Development-ppt (1).pptx
RaihanUddin57
 
Web Development Ppt
Bruce Tucker
 

Viewers also liked (20)

PPTX
1-01: Introduction To Web Development
apnwebdev
 
PDF
Introduction to web development
Alberto Apellidos
 
PPTX
ASP.NET Core deployment options
Ken Cenerelli
 
PPTX
Sql server 2012 ha dr
Joseph D'Antoni
 
PPTX
OOPs fundamentals session for freshers in my office (Aug 5, 13)
Ashoka R K T
 
PPTX
009 sql server management studio
let's go to study
 
PPTX
Javascript and Jquery: The connection between
Clint LaForest
 
PPTX
.Net framework architecture
Fad Zulkifli
 
PPT
ASP.NET OVERVIEW
Rishi Kothari
 
PPTX
C# fundamentals Part 2
iFour Institute - Sustainable Learning
 
PPT
Future Web Trends - at Innovation series with Jimmy Wales
Matthew Buckland
 
PDF
Your 2012 Marketing Plan: Simple & Powerful
Infusionsoft
 
PPT
HTML 5 Overview
Offir Ariel
 
PPTX
Asp.net page lifecycle
KhademulBasher
 
PPT
HTML 5
Doncho Minkov
 
KEY
HTML 5 & CSS 3
Kevin van Dijk
 
PPT
Introduction To Website Development
zaidfarooqui974
 
PPTX
CMS 120: Introduction to Building a Website
Montana State University
 
PPTX
How to Turn Your Holiday Sales into Long-term Customer Retention
Antavo Loyalty Management Platform
 
PPTX
What is HTML 5?
Susan Winters
 
1-01: Introduction To Web Development
apnwebdev
 
Introduction to web development
Alberto Apellidos
 
ASP.NET Core deployment options
Ken Cenerelli
 
Sql server 2012 ha dr
Joseph D'Antoni
 
OOPs fundamentals session for freshers in my office (Aug 5, 13)
Ashoka R K T
 
009 sql server management studio
let's go to study
 
Javascript and Jquery: The connection between
Clint LaForest
 
.Net framework architecture
Fad Zulkifli
 
ASP.NET OVERVIEW
Rishi Kothari
 
Future Web Trends - at Innovation series with Jimmy Wales
Matthew Buckland
 
Your 2012 Marketing Plan: Simple & Powerful
Infusionsoft
 
HTML 5 Overview
Offir Ariel
 
Asp.net page lifecycle
KhademulBasher
 
HTML 5 & CSS 3
Kevin van Dijk
 
Introduction To Website Development
zaidfarooqui974
 
CMS 120: Introduction to Building a Website
Montana State University
 
How to Turn Your Holiday Sales into Long-term Customer Retention
Antavo Loyalty Management Platform
 
What is HTML 5?
Susan Winters
 
Ad

Similar to Back to the Basics - 1 - Introduction to Web Development (20)

PPTX
Making Web Fun
Rajasekar Murugan
 
PDF
Front-end Web Dev (HK) Info Session
Allison Baum
 
PDF
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
rugumazaj88
 
PDF
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
kobaverleta
 
PDF
web development
ABHISHEKJHA176786
 
PPTX
25444215.pptx
YashMittal302244
 
PDF
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
mouhlirusake
 
PDF
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
arpadfaturoq
 
PDF
Rapid Evolution of Web Dev? aka Talking About The Web
PINT Inc
 
PPTX
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Ofer Zelig
 
PDF
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
hisuiteding
 
PDF
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Stack Learner
 
PPTX
025444215.pptx
RiyaJenner1
 
PPTX
WEB DEVELrf4t4t4f4f4OPME4t 4rt 4t4NT PPT.pptx
dk3721784
 
PPTX
2014.06.25 State of the Web Development 2014
Marco Parenzan
 
PPTX
Himanshu joshi (252001010).pptxuuuuuuuuuu
HimanshuJoshiECE1010
 
PDF
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
kiselcyamenl5
 
PDF
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
mabomgenie
 
PPTX
Intro to advanced web development
Stevie T
 
PDF
Download full ebook of p instant download pdf
maixaalhlo
 
Making Web Fun
Rajasekar Murugan
 
Front-end Web Dev (HK) Info Session
Allison Baum
 
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
rugumazaj88
 
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
kobaverleta
 
web development
ABHISHEKJHA176786
 
25444215.pptx
YashMittal302244
 
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
mouhlirusake
 
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
arpadfaturoq
 
Rapid Evolution of Web Dev? aka Talking About The Web
PINT Inc
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Ofer Zelig
 
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
hisuiteding
 
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Stack Learner
 
025444215.pptx
RiyaJenner1
 
WEB DEVELrf4t4t4f4f4OPME4t 4rt 4t4NT PPT.pptx
dk3721784
 
2014.06.25 State of the Web Development 2014
Marco Parenzan
 
Himanshu joshi (252001010).pptxuuuuuuuuuu
HimanshuJoshiECE1010
 
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
kiselcyamenl5
 
New Perspectives on HTML5 CSS3 JavaScript 6th Edition Carey Solutions Manual
mabomgenie
 
Intro to advanced web development
Stevie T
 
Download full ebook of p instant download pdf
maixaalhlo
 
Ad

Recently uploaded (20)

PDF
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PDF
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
PDF
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
PPTX
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
PDF
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
PDF
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 

Back to the Basics - 1 - Introduction to Web Development