SlideShare a Scribd company logo
WHAT IT TAKES TO BE A
WEB DEVELOPER
Then&Now
THIS IS CMN...
Say hello to your Tech Team
Eric C.
Jen G.
Danny G.
Antonin J.
Evan K.
Jill R.
Dave R.
Will S.
Jimmy W.
Eric R.
James L.
THIS IS CMN...
And these are your Front-End Developers
Eric C.
Jen G.
Danny G.
Antonin J.
Evan K.
Jill R.
Dave R.
Will S.
Jimmy W.
Eric R.
James L.
FOR NEARLY 10 YEARS, HTML
TECHNOLOGIES REMAINED
LARGELY UNCHANGED
Tables, Flash, iFrames, dominated the 1990's.
This is what we had to work with. This was Web 1.0.
1991
H
TM
L
1
1990
1992
1994
1995
1996
1998
1999
1stw
ebsiteby
Tim
Berners-Lee
<table>-based
designH
TM
L
2.0;W
3C
established
H
TM
L
3;Flash
&
JavaScriptintroduced
CSS
1;iFram
espopularized
H
TM
L
4.0;CSS
2;PH
P
3.0;Google
W
eb
1.0
IT SUCKED.
THE LANDSCAPE HIT MATURITY
IN MID 2000
Tools & technologies paved the way for
blogging, RSS, and social media.
Welcome to Web 2.0.
2002
dot-com
boom
peaks;PH
P
4.0
2000
2003
2005
2006
2007
2009
CSS2.1+W
eb
2.0;socialm
ediabegins
W
ordPressv0.7launched
(in
H
ouston!)
AJAX;Gitversion
controldeveloped;W
ordPress2.0
jQuery
launches;CM
S
system
sarethething
iPhonelaunches;SassCSS
Pre-processorappears;
localeditingtoolslikeM
AM
P
appear
H
TM
L5introduced;CSS3;
m
obilew
eb
isnow
athing;
GitH
ub
launches;LESS
(CSS)
U
nderscore.js(app
platform
)
DIY’ERS REJOICE.We can finally do something with our websites.
By the late 2000's, technology caused new problems that
needed new tools to solve them.
Mobile meets Responsive Web Design.
W
ordPress4.0
(Aug2014)
Grunt(task
runner);Bow
er(packagem
anager)
FTP
turns40,stillaprim
ary
tool
W
ordPress3.0
NEW PROBLEMS, NEW TOOLS
2010
2011
2012
2014
Gulp
(task
runner)
Vagrant(dev
environm
ent)
ResponsiveW
eb
Design
Backbone.js(app
platform
)
H
TM
L5adoption
rategrow
s
CSS
Fram
ew
orkspopularized
Yeom
an
(task
runner);Ansible(task
runner)
Linem
an
(task
runner)CM
N
developsGenesisW
ordPress
(nom
oreFTP
fordeploym
ent)
2013
Tw
itterBootstrap
hits#1on
GitH
ub
Tw
itterBoostrap
(CSS
Fram
ew
ork)
N
ode.js(app
platform
);Brunch
(task
runner)
New, revolutionary tools are being released on a weekly
basis. For free.
People find worthwhile projects. Anyone is welcome to
contribute to them. Adoption rate is at an all-time high.
NEW PROBLEMS, NEW TOOLS
LET’S GO TWEET ABOUT IT.But first, let me take a selfie.
Most of the tools we create with today
didn’t even exist 5 years ago.
GAME CHANGERS...
W
ordPress4.0
(Aug2014)
Grunt(task
runner);Bow
er(packagem
anager)
FTP
turns40,stillaprim
ary
tool
W
ordPress3.0
2010
2011
2012
2014
Gulp
(task
runner)
Vagrant(dev
environm
ent)
ResponsiveW
eb
Design
Backbone.js(app
platform
)
H
TM
L5adoption
rategrow
s
CSS
Fram
ew
orkspopularized
Tw
itterBoostrap
(CSS
Fram
ew
ork)
N
ode.js(app
platform
);Brunch
(task
runner)
Yeom
an
(task
runner);Ansible(task
runner)
Linem
an
(task
runner)CM
N
developsGenesisW
ordPress
(nom
oreFTP
fordeploym
ent)
2013
Tw
itterBootstrap
hits#1on
GitH
ub
I did. And it’s amazing.
WAIT A MINUTE! DID YOU JUST
MENTION GENESIS WORDPRESS?
W
ordPress4.0
(Aug2014)
Grunt(task
runner);Bow
er(packagem
anager)
FTP
turns40,stillaprim
ary
tool
W
ordPress3.0
2010
2011
2012
2014
Gulp
(task
runner)
Vagrant(dev
environm
ent)
ResponsiveW
eb
Design
Backbone.js(app
platform
)
H
TM
L5adoption
rategrow
s
CSS
Fram
ew
orkspopularized
Tw
itterBoostrap
(CSS
Fram
ew
ork)
N
ode.js(app
platform
);Brunch
(task
runner)
Yeom
an
(task
runner);Ansible(task
runner)
Linem
an
(task
runner)CM
N
developsGenesisW
ordPress
(nom
oreFTP
fordeploym
ent)
2013
Tw
itterBootstrap
hits#1on
GitH
ub
Genesis WordPress provides a platform where the Tech
Team can collaboratively work on any given site on their
local machine, sync the database, make file changes, and
safely deploy edits back to both staging and production
environments within minutes.
I FEEL AMAZED. TELL ME MORE.
It builds upon many
technologies previously
mentioned:
• Vagrant
• WordPress
• WordPress Themes
• NodeJS
• VirtualBox
• Capistrano
• Bundler
• Ansible
• Grunt
• Bower
• Yeoman
• SSH
• Apache
• PHP
• HTML
• CSS
• Sass
• Git + GitHub
• Varnish
I FEEL AMAZED. TELL ME MORE.
OUT OF 24 YEARS OF HTML
DEVELOPMENT, WHAT DO YOU
HAVE TO KNOW TO BE
SUCCESSFUL AT CMN?
ALL OF IT.Srsly.
OUT OF 24 YEARS OF HTML
DEVELOPMENT, WHAT DO YOU
HAVE TO KNOW TO BE
SUCCESSFUL AT CMN?
The challenges we face on a day-to-day basis rely on our
ability to adapt, adopt, and overcome.
Experience is everything.
Come to work, prepare to learn.
BUT WAIT, THERE’S MORE!
• [Web] Design
• User Experience (UX)
• User Interface (UI)
• Command Line Interface
• Database technologies
• Analytics
• A/B testing
• Search Engine Optimization
(SEO)
• Best Practices
(that kinda applies to a lot of things)
• Server Technologies
(configuration, .htaccess, SSH)
• Apps, apps, apps...
WE NEVER STOP LEARNING.Because we love what we do.

More Related Content

Similar to What it takes to be a Web Developer: Then & Now

Docker in development (Story)
Docker in development (Story)Docker in development (Story)
Docker in development (Story)
Quan Nguyen
 
Resume
ResumeResume
Resume
Earl Sargent
 
Presentation of programming languages for beginners
Presentation of programming languages for beginnersPresentation of programming languages for beginners
Presentation of programming languages for beginners
Clement Levallois
 
Developing FirefoxOS
Developing FirefoxOSDeveloping FirefoxOS
Developing FirefoxOS
Fred Lin
 
Where do you want to go today 2007
Where do you want to go today   2007Where do you want to go today   2007
Where do you want to go today 2007
Mike Feltman
 
Ten compelling reasons to learn .net framework
Ten compelling reasons to learn .net frameworkTen compelling reasons to learn .net framework
Ten compelling reasons to learn .net framework
JanBask Training
 
Introduction to Cordova
Introduction to CordovaIntroduction to Cordova
Introduction to Cordova
Raymond Camden
 
Php xperts 2010-masnun
Php xperts 2010-masnunPhp xperts 2010-masnun
Php xperts 2010-masnun
Abu Ashraf Masnun
 
Impact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher EducationImpact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher Education
Joseph Labrecque
 
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net coreInsider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
Alan Tsai
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development
75waytechnologies
 
Palm Ares 1.0 Presentation
Palm Ares 1.0 PresentationPalm Ares 1.0 Presentation
Palm Ares 1.0 Presentation
Kevin Hague
 
Bringing TensorFlow to Android - a War Story
Bringing TensorFlow to Android - a War StoryBringing TensorFlow to Android - a War Story
Bringing TensorFlow to Android - a War Story
Yoni Tsafir
 
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunesBringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
DroidConTLV
 
NLUUG Spring 2012 - OpenShift Primer
NLUUG Spring 2012 - OpenShift PrimerNLUUG Spring 2012 - OpenShift Primer
NLUUG Spring 2012 - OpenShift Primer
Eric D. Schabell
 
Creating a Global Website
Creating a Global WebsiteCreating a Global Website
Creating a Global Website
Lionbridge
 
DevOps + MongoDB Serverless = 
DevOps + MongoDB Serverless = DevOps + MongoDB Serverless = 
DevOps + MongoDB Serverless = 
Lauren Hayward Schaefer
 
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
【Primer】WebApp release in 3 hours! Programming from scratch Rails course【Primer】WebApp release in 3 hours! Programming from scratch Rails course
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
DIVE INTO CODE Corp.
 
Behind the scenes Web & App
Behind the scenes Web & AppBehind the scenes Web & App
Behind the scenes Web & App
sanketest7
 
An introduction to Titanium
An introduction to TitaniumAn introduction to Titanium
An introduction to Titanium
Graham Weldon
 

Similar to What it takes to be a Web Developer: Then & Now (20)

Docker in development (Story)
Docker in development (Story)Docker in development (Story)
Docker in development (Story)
 
Resume
ResumeResume
Resume
 
Presentation of programming languages for beginners
Presentation of programming languages for beginnersPresentation of programming languages for beginners
Presentation of programming languages for beginners
 
Developing FirefoxOS
Developing FirefoxOSDeveloping FirefoxOS
Developing FirefoxOS
 
Where do you want to go today 2007
Where do you want to go today   2007Where do you want to go today   2007
Where do you want to go today 2007
 
Ten compelling reasons to learn .net framework
Ten compelling reasons to learn .net frameworkTen compelling reasons to learn .net framework
Ten compelling reasons to learn .net framework
 
Introduction to Cordova
Introduction to CordovaIntroduction to Cordova
Introduction to Cordova
 
Php xperts 2010-masnun
Php xperts 2010-masnunPhp xperts 2010-masnun
Php xperts 2010-masnun
 
Impact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher EducationImpact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher Education
 
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net coreInsider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
Insider Dev Tour Taipei 2019 - Future proof your desktop apps with .net core
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development
 
Palm Ares 1.0 Presentation
Palm Ares 1.0 PresentationPalm Ares 1.0 Presentation
Palm Ares 1.0 Presentation
 
Bringing TensorFlow to Android - a War Story
Bringing TensorFlow to Android - a War StoryBringing TensorFlow to Android - a War Story
Bringing TensorFlow to Android - a War Story
 
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunesBringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
Bringing TensorFlow to Android: a war story - Yoni Tsafir, JoyTunes
 
NLUUG Spring 2012 - OpenShift Primer
NLUUG Spring 2012 - OpenShift PrimerNLUUG Spring 2012 - OpenShift Primer
NLUUG Spring 2012 - OpenShift Primer
 
Creating a Global Website
Creating a Global WebsiteCreating a Global Website
Creating a Global Website
 
DevOps + MongoDB Serverless = 
DevOps + MongoDB Serverless = DevOps + MongoDB Serverless = 
DevOps + MongoDB Serverless = 
 
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
【Primer】WebApp release in 3 hours! Programming from scratch Rails course【Primer】WebApp release in 3 hours! Programming from scratch Rails course
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
 
Behind the scenes Web & App
Behind the scenes Web & AppBehind the scenes Web & App
Behind the scenes Web & App
 
An introduction to Titanium
An introduction to TitaniumAn introduction to Titanium
An introduction to Titanium
 

Recently uploaded

Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
Edge AI and Vision Alliance
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
operationspcvita
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their MainframeDigital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Precisely
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 

Recently uploaded (20)

Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their MainframeDigital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 

What it takes to be a Web Developer: Then & Now

  • 1. WHAT IT TAKES TO BE A WEB DEVELOPER Then&Now
  • 2. THIS IS CMN... Say hello to your Tech Team Eric C. Jen G. Danny G. Antonin J. Evan K. Jill R. Dave R. Will S. Jimmy W. Eric R. James L.
  • 3. THIS IS CMN... And these are your Front-End Developers Eric C. Jen G. Danny G. Antonin J. Evan K. Jill R. Dave R. Will S. Jimmy W. Eric R. James L.
  • 4. FOR NEARLY 10 YEARS, HTML TECHNOLOGIES REMAINED LARGELY UNCHANGED Tables, Flash, iFrames, dominated the 1990's. This is what we had to work with. This was Web 1.0. 1991 H TM L 1 1990 1992 1994 1995 1996 1998 1999 1stw ebsiteby Tim Berners-Lee <table>-based designH TM L 2.0;W 3C established H TM L 3;Flash & JavaScriptintroduced CSS 1;iFram espopularized H TM L 4.0;CSS 2;PH P 3.0;Google W eb 1.0
  • 6. THE LANDSCAPE HIT MATURITY IN MID 2000 Tools & technologies paved the way for blogging, RSS, and social media. Welcome to Web 2.0. 2002 dot-com boom peaks;PH P 4.0 2000 2003 2005 2006 2007 2009 CSS2.1+W eb 2.0;socialm ediabegins W ordPressv0.7launched (in H ouston!) AJAX;Gitversion controldeveloped;W ordPress2.0 jQuery launches;CM S system sarethething iPhonelaunches;SassCSS Pre-processorappears; localeditingtoolslikeM AM P appear H TM L5introduced;CSS3; m obilew eb isnow athing; GitH ub launches;LESS (CSS) U nderscore.js(app platform )
  • 7. DIY’ERS REJOICE.We can finally do something with our websites.
  • 8. By the late 2000's, technology caused new problems that needed new tools to solve them. Mobile meets Responsive Web Design. W ordPress4.0 (Aug2014) Grunt(task runner);Bow er(packagem anager) FTP turns40,stillaprim ary tool W ordPress3.0 NEW PROBLEMS, NEW TOOLS 2010 2011 2012 2014 Gulp (task runner) Vagrant(dev environm ent) ResponsiveW eb Design Backbone.js(app platform ) H TM L5adoption rategrow s CSS Fram ew orkspopularized Yeom an (task runner);Ansible(task runner) Linem an (task runner)CM N developsGenesisW ordPress (nom oreFTP fordeploym ent) 2013 Tw itterBootstrap hits#1on GitH ub Tw itterBoostrap (CSS Fram ew ork) N ode.js(app platform );Brunch (task runner)
  • 9. New, revolutionary tools are being released on a weekly basis. For free. People find worthwhile projects. Anyone is welcome to contribute to them. Adoption rate is at an all-time high. NEW PROBLEMS, NEW TOOLS
  • 10. LET’S GO TWEET ABOUT IT.But first, let me take a selfie.
  • 11. Most of the tools we create with today didn’t even exist 5 years ago. GAME CHANGERS... W ordPress4.0 (Aug2014) Grunt(task runner);Bow er(packagem anager) FTP turns40,stillaprim ary tool W ordPress3.0 2010 2011 2012 2014 Gulp (task runner) Vagrant(dev environm ent) ResponsiveW eb Design Backbone.js(app platform ) H TM L5adoption rategrow s CSS Fram ew orkspopularized Tw itterBoostrap (CSS Fram ew ork) N ode.js(app platform );Brunch (task runner) Yeom an (task runner);Ansible(task runner) Linem an (task runner)CM N developsGenesisW ordPress (nom oreFTP fordeploym ent) 2013 Tw itterBootstrap hits#1on GitH ub
  • 12. I did. And it’s amazing. WAIT A MINUTE! DID YOU JUST MENTION GENESIS WORDPRESS? W ordPress4.0 (Aug2014) Grunt(task runner);Bow er(packagem anager) FTP turns40,stillaprim ary tool W ordPress3.0 2010 2011 2012 2014 Gulp (task runner) Vagrant(dev environm ent) ResponsiveW eb Design Backbone.js(app platform ) H TM L5adoption rategrow s CSS Fram ew orkspopularized Tw itterBoostrap (CSS Fram ew ork) N ode.js(app platform );Brunch (task runner) Yeom an (task runner);Ansible(task runner) Linem an (task runner)CM N developsGenesisW ordPress (nom oreFTP fordeploym ent) 2013 Tw itterBootstrap hits#1on GitH ub
  • 13. Genesis WordPress provides a platform where the Tech Team can collaboratively work on any given site on their local machine, sync the database, make file changes, and safely deploy edits back to both staging and production environments within minutes. I FEEL AMAZED. TELL ME MORE.
  • 14. It builds upon many technologies previously mentioned: • Vagrant • WordPress • WordPress Themes • NodeJS • VirtualBox • Capistrano • Bundler • Ansible • Grunt • Bower • Yeoman • SSH • Apache • PHP • HTML • CSS • Sass • Git + GitHub • Varnish I FEEL AMAZED. TELL ME MORE.
  • 15. OUT OF 24 YEARS OF HTML DEVELOPMENT, WHAT DO YOU HAVE TO KNOW TO BE SUCCESSFUL AT CMN?
  • 17. OUT OF 24 YEARS OF HTML DEVELOPMENT, WHAT DO YOU HAVE TO KNOW TO BE SUCCESSFUL AT CMN? The challenges we face on a day-to-day basis rely on our ability to adapt, adopt, and overcome. Experience is everything. Come to work, prepare to learn.
  • 18. BUT WAIT, THERE’S MORE! • [Web] Design • User Experience (UX) • User Interface (UI) • Command Line Interface • Database technologies • Analytics • A/B testing • Search Engine Optimization (SEO) • Best Practices (that kinda applies to a lot of things) • Server Technologies (configuration, .htaccess, SSH) • Apps, apps, apps...
  • 19. WE NEVER STOP LEARNING.Because we love what we do.